Nieuw! Platform Basiscursus HTML/CSS

Deze website ondersteunt de Basiscursus HTML/CSS (Gegeven door Jaap van der Veen, Docent aan NHL Hogeschool) met naslagwerk en handige links. Daarnaast worden links naar artikelen geplaatst die volgens de docent nuttig, interessant of soms grappig zijn voor studenten die de Basiscursus HTML/CSS hebben gevolgd. Wil je meer informatie over de cursus of wil je aan de slag met zelfstudie, begin dan bij de pagina Basiscursus HTML/CSS.

Om na de HTMLCSS basiscursus te verkennen: Parallax navigatie

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

CSS2 properties naslagwerk

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.

Continue reading CSS2 properties naslagwerk

Het leukste commentaar in broncode

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.

Continue reading Het leukste commentaar in broncode

Laadsnelheid website testen en analyseren

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.

Continue reading Laadsnelheid website testen en analyseren

Wat is Responsive Webdesign?

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.

Continue reading Wat is Responsive Webdesign?

CSS Tips en Truuks voor het bouwen van printvriendelijke stylesheets

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

HTML KickStart – kant en klare elementen voor webdevelopment

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