Tijdens de cursus hoor je regelmatig het woord “Javascript” voorbij komen. Wil je een concreet voorbeeld van de inzet van Javascript, dan is het volgende artikel (+ de veeeele voorbeelden van gave websites met deze vorm van navigatie) interessant voor je om te lezen: http://www.webdesignerdepot.com/2013/12/the-essential-ingredients-for-perfect-parallax-ux/
Continue reading Om na de HTMLCSS basiscursus te verkennen: Parallax navigatie
Mocht je de basiscursus HTML/CSS hebben afgerond en wil je meer? Wellicht lijkt het je interessant om PHP te gaan leren. Op http://phpbasis.jaapvdveen.nl wordt op dit moment volop gewerkt aan het opzetten van een online naslagwerk voor de Basiscursus PHP.
Wanneer daar ruimte voor is tijdens een van de lessen, laat ik zien hoe je nòg sneller kunt werken met Sublime Text. Je kunt de werking van Sublime Text optimaliseren door enkele krachtige plugins toe te voegen.
Maar wat nu als er geen tijd is tijdens de lessen? Of je wilt op eigen initiatief Sublime Text optimaliseren?
Tijdens de cursus leer je in slechts 5 lessen HTML en CSS pagina’s ontwikkelen. Net wanneer je denkt HTML een beetje onder de knie te krijgen kom je in les 2 al in aanraking met CSS. CSS heeft ontzettend veel opmaakmogelijkheden die je onmogelijk in een keer allemaal kunt onthouden.
Op cheatography.com kun je zelf cheatsheets aanmaken en delen. Hier vond ik een uitstekende CSS2 cheatsheet.
Tijdens de cursus wordt je er regelmatig op gewezen dat het handig kan zijn om commentaar binnen je code te plaatsen. Hierin zet je bijvoorbeeld de datum waarop je er voor het laatst aan hebt gewerkt, of uitleg over de code voor je collega’s of zelfs voor je zelf, wanneer je er een hele tijd later weer mee moet werken. Sommige ontwikkelaars echter, verstoppen vacature’s, moppen, frustraties of of andere zaken in commentaar die soms best grappig zijn.
Een van de maatstaven die door zoekmachines wordt gebruikt voor het (hoger/lager) indexeren van je website is de snelheid waarmee je website wordt ingeladen. Vooral wanneer je begint met het bouwen van websites zul je wellicht nog stil staan bij laadsnelheid, maar de snelheid waarmee een website wordt getoond nadat de bezoeker op “enter” heeft gedrukt is een belangrijk onderdeel van de gebruikerservaring van je website.
Wat is precies “Responsive webdesign”? Hoe zorg ik er voor dat mijn website er goed uit ziet op breedbeeldschermen (1920×1080) maar ook op klassieke beeldschermen (1280×1024) of tablets (1024×768)? Bij Responsive webdesign pas je (css-)truuks toe om de presentatie van je website aan te passen aan het beeldscherm van de bezoeker. In dit artikel leg ik uit wat Responsive webdesign inhoudt en waar je meer informatie kunt vinden over Responsive webdesign.
Bekend met de term “Responsive webdesign”? Responsive Webdesign houdt rekening met verschillende apparaten waar vanaf een website bekeken kan worden. Het komt er op neer dat je specifieke CSS regels schrijft die alleen moeten worden toegepast wanneer de website bijvoorbeeld met een iPhone of iPad wordt bekeken.
In een wereld waar in bijna ieder huishouden een Tablet of laptop in de huiskamer ligt voelt het misschien vreemd om nog rekening te houden met mensen die websites uitprinten om te gaan lezen.
Als jonge webdeveloper zou je het misschien niet vermoeden, maar wanneer je een website bouwt met bijvoorbeeld een naslagwerk over een of ander onderwerp, kan het verstandig zijn om een stylesheet te maken die wordt toegepast wanneer de website zou worden uitgeprint.
Continue reading CSS Tips en Truuks voor het bouwen van printvriendelijke stylesheets
Wanneer je snel een website of web-applicatie wilt bouwen, kan het soms handig zijn gebruik te maken van kant en klare pakketten met code, opmaak en interactiviteit. Door gebruik te maken van een dergelijk pakket kun je snel een prototype bouwen wat je kunt bespreken met je collega’s.
Een voorbeeld van zo’n pakket is HTML KickStart van 99Lime. HTMLKICKSTART is een pakket met HTML5, CSS, Javascript en maar liefst 249 icoontjes dat je gratis mag gebruiken in je eigen project.
Continue reading HTML KickStart – kant en klare elementen voor webdevelopment