Waarom zou je zelf telkens opnieuw het wiel proberen uit te vinden? Anderen hebben dat waarschijnlijk al gedaan en goede kans dat ze meer tijd hadden om goed uit te zoeken hoe het lekker werkt. Hier heb je een mooi overzicht naar allerlei design patronen. Doe er je voordeel mee.

Wil je JavaScript leren, wil je er beter in worden of wil je er juist ontzettend goed in worden? Mozilla heeft allerlei tutorials gebundeld op deze pagina voor beginners, gevorderden en guru's. Goed voor iedereen dus.

Erg goede en inspirerende presentatie over html5 websites in het wild, inclusief duidelijk video's. Absoluut de moeite waard om even doorheen te klikken.

Handig artikel van Roger Johansson waarin uitgelegd wordt hoe je je Apache van OSX eenvoudig kunt inrichten zodat je er meerdere sites mee kunt ontwikkelen. Geen geklooi met MAMP of XAMPP meer, gewoon je eigen ding draaien. Hij maakt gebruik van virtual hosts met servernamen, ik prefereer een standaa

Op deze pagina kan je een handige PDF downloaden waarin alle shorthand notaties van CSS uitgelegd worden. Klik voor de gein ook eens op het plaatje van de cheat sheet op de pagina zelf: er opent dan een lightbox met daarin een *kleinere* versie, hahahaha!

Al die symbolen die gebruikt worden in code, hoe spreek je die nu eigenlijk uit? Alle mogelijke engelse namen staan in dit artikel. Heeft er iemand een nederlandse vertaling?

Nuttig overzicht van de standaard waarden van CSS properties. Zo had ik geen idee wat de standaard waarde van vertical-align is. Jij wel natuurlijk.

Een nieuwe dienst van Steve Souders, Http Archive, geeft een beeld van performance door de jaren heen.

Wat is een typeface en wat is een font, wat is een serif, wanneer is een font een display-font, wat is de mood van een font en hoe heten de onderdeeltje van een letter. Dit alles en nog veel meer staat beschreven in dit artikel.

Benieuwd of een letter die je wilt gebruiken een beetje beschikbaar is bij de gemiddelde gebruiker? Deze site geeft daar een antwoord op. Handig bij het samenstellen van een font-stack.

Oei. Dit boomdiagram volgen IE versies om te bepalen welke renderingmodus ze moeten hanteren. Complex.

Zeer waardevol overzicht van verschillende eenheden die gebruikt kunnen worden met CSS

Alles wat je maar wilt weten over alle mogelijke CSS background properties. Wat me vooral opvalt (compleet offtopic) is dat de verschillende versies van IE nog steeds vooraan staan in support tabellen. Ik denk dat het tijd wordt dat ze naar achteren verhuizen, dat houdt de boel wat overzichtelijker, zo belangrijk is IE7 nu ook weer niet.

Waar vind je als webdeveloper goede informatie over HTML5? Hier een overzicht van officiele specs die geoptimaliseerd zijn voor ons, html-schrijvers.

Ik zit eens te kijken naar frameworks als sass en less. Ze lijken nogal op elkaar en bieden duidelijk enkele voordelen boven standaard CSS. Er kleven ook nadelen aan. Zo kan bepaalde code bizar onduidelijk worden, zeker zodra je begint te nesten of statements gaat gebruiken. Maar dingen als variabelen en mixins lijken me wel handig.<br />
Op deze pagina staan de syntactische verschillen tussen die twee genoemd. Waar ik nog erg benieuwd naar ben is naar de practische inzetbaarheid: hoe makkelijk is het om met deze technieken te werken in een team? En hoe voorkom je binnen zo'n team dat mensen gebruik gaan maken van nodeloos complexe features als nesting?

jQuery Deconstructed | Navigate the physical jQuery code to see what, where, and how the magic happens.

RT @webdirections: How to prepare, A Checklist for Great Talks, by one who knows, Web Directions speaker @berkun  .

Wat voor gevoel wekt een kleur op? Ik heb wel eens de kleurenleer van Itten gelezen waarin wordt uitgelegd dat bepaalde kleuren bepaalde gevoelens opwekken (zo worden we boos van rood en vinden we blauw koud). Nu blijkt die leer uit dat boekje van Itten alleen te slaan op de westerse cultuur. In deze cirkel staan de kleurgevoelen in allemaal verschillende culturen. Veel overzichtelijker dan dat boekje.

Zo hee, wat een zooitje, dat W3Schools! Niet meer gebruiken.

JS madness: Mouse events. I guess this is the most detailed doc on mouse event handling in different browsers. Bookmark!

Een minimale vormgeving die de w3c documentatie eenvoudig navigeerbaar en zelfs bijna prettig om te lezen maakt. Erg handig.

Nice collection from @odannyboy : My Favorite Design Articles of 2010 (thx for the mention, Dan!)

Microdata: A new way to extend the semantics of HTML5 that's much simpler than most microformats or RDFa

Wauw. Een heel boek over jQuery, gewoon online. Boekmerken of opslaan in Instapaper en lezen zou ik zeggen.

CSS vocabulary:

Handy list of all available elements and attributes in HTML5:

Moet ook nodig 's naar Node.js gaan kijken.. (via @_joris)

Kan handig zijn om css3 te schrijven

Voor de mensen die willen weten wat er allemaal nieuw is in HTML5.

HTML5 vocabulaire. Handig overzicht voor mensen die HTML schrijven. Of er op een andere manier mee werken.

Handige mag-dit-wel-met-dit-doctype table (table mag).

Aardige samenvatting over best practices in CSS. Met links naar meer info.

Frontenders moeten dit document ( Web Content Accessibility Guideline

Genereer lijnhoogte, letterafstand, fontgrootte voor webtekst. Echt heel handige tool. Ontwerpers en frontenders, boekmarkeren!

Schrijf als een nerd: JavaScript shortcuts. Erg handig.