Fronteers — vakvereniging voor front-end developers

Tips en tutorials

Sites met tutorials

Nederlands

Scene One
HTML en CSS tutorials, vooral handig voor mensen die net beginnen met bouwen volgens webstandaarden.

Engels

Opera Web Standards Curriculum
Omdat het onderwijs in front-end ontwikkeling op veel plaatsen nog veel te wensen overlaat, is Opera gestart met het maken van complete cursus. Hij is geschikt voor docenten om als basis voor een serie lessen te gebruiken, maar je kunt 'm ook gebruiken voor zelfstudie. Het curriculum is nog in ontwikkeling, maar er staan al heel veel goede artikelen in.
HTML Dog
"The web designer's resource for everything HTML and CSS, the most common technologies used in making web pages." Ook deze site biedt een goede introductie in het vak.
How To Create javascript tutorial
Dit is, zoals de naam al zegt, een uitgebreide javascript tutorial.
Doctype tv
Deze korte filmpjes gemaakt door Nick en Jim nemen je mee in de wereld van html en css3.
9 ways to insantly code faster
Handige tips en tricks voor het sneller bouwen van je code.
Learn how to make websites
"Mozilla is now Learning you how to make websites. If you have non or almost non experience in making websites this site is helping you to make a start as a font-end developer. From HTML, CSS to Javascript"
Front-end development Guidelines
Heel veel goede tips en tricks / richtlijnen voor een front-end developer. Soms toch wel handig die weer eens bij de hand te hebben

Magazines/digitale vakbladen

Nederlands

Naar Voren
Tijdschrift voor webwerkers
DdUX.org
User experience design is het ontwerpgebied dat zich richt op de positieve totaalbeleving van gebruikers van interactieve applicaties. DdUX.org is de community site voor de promotie van user experience design.
Usabilityweb
Kennisbank voor gebruikersvriendelijke websites

Engels

A List Apart
"For people who make websites". Zeer gerenommeerde site met tutorials en discussiestukken.
Vitamin
"Vitamin is a resource for web designers, developers and entrepreneurs"
Smashing Magazine
"We smash you with the information that will make your life easier. Really."
Sitepoint
"With a vast variety of web design tutorials and articles coupled with a vibrant and well informed community, SitePoint the natural place to go to grow your online business."
Digital web Magazine
"Digital Web Magazine is a non-profit publication created by a world-wide network of volunteers dedicated to producing quality educational and informative material free-of-charge, to foster the development of the web for the benefit of all."
Digital Web wordt sinds begin 2009 niet meer bijgehouden, maar we laten hem nog even staan vanwege de uitgebreide archieven.

Flash

Engels

Goto And Play
Tutorials & source voor Flash games
Ultrashock
Forum & voorbeelden
Joshua Davis
Inspiratie & codevoorbeelden

HTML/CSS tips

Engels

Position Is Everything
Last van rare browser bugs? Ziet je site er niet uit in Internet Explorer? Op deze site vind je heel veel nuttige informatie over het gedrag van de verschillende browsers.
Microformats
Microformats zijn een manier om bepaalde informatie op de pagina meer betekenis te geven in de mark-up. Neem bijvoorbeeld adresgegevens op een site: als je die opmaakt volgens de hCard microformat, kun je ze gemakkelijk omzetten in een downloadbaar visitekaartje voor in het adresboek. Klinkt misschien wat vaag, maar het is de moeite waard om je er in te verdiepen. Microformats zijn gemakkelijk toe te passen en zouden weleens een grote toekomst kunnen hebben.
Javascript Reference
Bij Mozilla vind je deze tamelijk uitgebreide Javascripthandleiding.
CSS tricks
De titel geeft het al aan. Handige tricks op gebied van CSS
HTML5 Cheat Sheet
Wat kan HTML 5 en hoe pas je het toe.
960 Grid
Een standaard voor een 960 html/CSS grid
HTML 5 doctor
Alle handige weetjes van HTML 5 met voorbeelden.