Links voor webontwikkelaars

Op het Internet is heel veel informatie te vinden over het maken van websites. Helaas is veel informatie verouderd en behandelt technieken die niet meer kunnen. Hieronder staan sites voor de moderne webontwikkelaar.

Editors

Websites kun je maken met maken met eenvoudige teksteditors of met geavanceerde ontwerpprogramma's waarbij je zelf kunt kiezen tussen grafische of tekstweergave.

Dreamweaver: De meest gebruikte editor door professionele webdesigners. Hoewel je hiermee heel goed in tekstmodus kunt werken, wordt Dreamweaver vooral gebruikt als grafische HTML-editor.
PhpStorm: Erg goede IDE voor het ontwikkelen in HTML, CSS, JavaScript en PHP. Doe je niets met PHP, dan kan je ook het iets goedkopere WebStorm gebruiken.
Microsoft Expression Web: Microsoft heeft besloten om Frontpage niet meer verder te ontwikkelen, maar met een geheel nieuwe webeditor op de markt te komen. Expression Web ondersteunt de laatste webstandaarden en werkt vanzelfsprekend prima samen met Microsoft-technologiëen zoals ASP.Net.
Aptana Studio: Aptana Studio is een nieuwe gratis open source ontwikkelomgeving met goede ondersteuning voor HTML, CSS en JavaScript. De commerciële Aptana Pro heeft onder andere een IE-debugger en SFTP. Omdat het is gebaseerd op Eclipse, zijn er veel uitbreidingen beschikbaar, bijvoorbeeld voor verschillende programmeertalen. Het is wel een zwaar programma: een niet al te oude computer met een paar gigabyte is wel gewenst.
Komodo Edit: Voor de wat oudere/lichtere computer is de gratis Komodo Edit een betere keus. Komodo Edit ondersteunt ook HTML, CSS en JavaScript en diverse server-side talen. Wil je debugging en wat andere leuke gereedschappen, dan kun je bij het commerciële Komode IDE terecht.
BBEdit: Jolie werkt al meer dan tien jaar met deze “eenvoudige” editor. BBEdit kent een breed scala webfeatures die behulpzaam zijn bij het schrijven van HTML en CSS, maar ook PHP en andere talen. BBEdit is er alleen voor Mac OS.
Textpad: Ook voor de PC bestaan vele teksteditors die Notepad overbodig maken. Bijvoorbeeld Textpad, maar ook jEdit en Notepad++.

Grafische editors

Voor vormgevers een must om een afbeelding te bewerken, maar ook voor ontwikkelaars heel handig om snel iets aan passen.

Photoshop: De eerste keus voor professionele vormgevers. Photoshop wordt vaak samen gebruikt met Illustrator voor vector-illustraties.
Fireworks: Goede editor met zeer goede ondersteuning voor webgraphics.
GIMP: Wil je graag een gratis (want open source) editor, dan is GIMP een goede keus.

Tools

Heel handig voor JavaScript-programmeurs, maar ook voor anderen handig om foutjes in JavaScripts op te sporen.

Firebug: Deze Firefox extensie is onmisbaar om CSS en JavaScript te debuggen. Installeer de tool YSlow van Yahoo of Page Speed van Google voor tips voor het sneller laden van de pagina.
Web Developer: Nog een Firefox-extensie die elke webontwikkelaar hoort te heben.
LiveHTTPHeaders en TamperData: Bekijk in Firefox de HTTP-headers die worden verstuurd en ontvangen.
Dust-Me Selectors: Vind ongebruikte CSS-regels.
HTML validator: Een van de kwaliteitskenmerken van een site is of deze valideert. Deze Firefox-pluging doet dat prima. Je kunt natuurlijk ook gewoon de W3C HTML validator gebruiken.
Internet Explorer Developer Toolbar: De Developer Toolbar voor Internet Explorer.
Microsoft Script Debugger: Aan de foutmeldingen van Internet Explorer heb je meestal niets. Met deze debugger kun je zien wat er echt misgaat. Werkt niet met Vista.
Google toolbar: Naast gemakkelijk zoeken kun je met deze toolbar ook de pagerank opvragen.

Naslag

Meer weten over een html-element? Of over CSS-selectors? Zoek het op.

World Wide Web Consortium: De standaardenorganisatie die onder andere HTML en CSS vastlegt. Het heeft ook een kantoor in de Benelux.
Microsofts (D)HTML naslag: Alles over HTML, CSS en DOM van Internet Explorer.
Mozilla Developer Center: Alles over Firefox, van Ajax tot XUL.
Webrichtlijnen overheid: De strenge richtlijnen voor toegankelijkheid waaraan overheidswebsites dienen te voldoen.
Handleiding HTML: Goede HTML-handleiding met uitgebreide referentie.
CSS naslag: CSS-referentie van handleidinghtml.nl.
GotAPI: Gemakkelijk zoeken in specificaties en API's.
Waarom lay-outen met tabellen dom is: Toont op een leuke manier de voordelen van webstandaarden.
Opera Web Standards Curriculum: Goede Engelstalige cursus voor de beginnende webontwikkelaar.
WebDev events (kalender): Overzicht van congressen en bijeenkomsten voor webontwikkelaars.

Discussie

Wil je meelezen, heb je een vraag of juist een antwoord? Dit zijn de bekende discussiefora en mailinglijsten.

Evolt.org: Engelstalige site en mailinglist voor professionele webontwikkelaars.
WebProf: "Discussielijst voor website-professionals".
Gathering of Tweakers.net forum: Webdesign, Markup & Clientside Scripting: Webforum voor de front-end webontwikkelaar.

Sites

In plaats van honderden sites, staan hier de belangrijkste. Wil je ergens meer over weten, gebruik dan gewoon Google.

Fronteers: Vakvereniging voor front-end ontwikkelaars. Voorheen bekend als Gilde van Front-Enders.
Web Designer magazine: Het enige Nederlandstalige papieren magazine.
Naar Voren: Nederlandse website voor "webwerkers".
Heeftstijl: Magazine voor front-end en webdesign.
Drempels weg: Nederlandse site over het toegankelijk maken van websites.
The Web Standards Project: Deze organisatie promoot het gebruik van webstandaarden.
quirksmode.org: Informatie voor de (gevorderde) CSS- en JavaScipt-ontwikkelaar.
Legaal of niet? Wat mag er nu allemaal op Internet?: Dit onderdeel van Ius Mentis gaat in op allerlei juridische zaken op Internet.
A List Apart: Een Engelstalig magazine over webdesign.
Douglas Crockford's JavaScript paginaa: Interessante artikelen en links over JavaScript (geavanceerd).
FlashFocus: Nederlandstalige Flash website
Devshed: Websites ontwikkelen met open source.
Browser stats: Handige statistieken: wordt IE 5.0 nog gebruikt? Hoeveel bezoekers gebruiken nog een 800x600 scherm? Hoewel de cijfers nog steeds bijgewerkt worden, is de opzet wat verouderd.
MozBrowser.nl: Nederlandstalig Mozilla nieuws.
Kuler: Vormgeving begint bij een kleurenpalet. Maak deze met Kuler of neem een kleurenpalet die iemand anders heeft bedacht.

JavaScript bibliotheken

Er bestaan vele JavaScript-bibliotheken, verzamelingen code die het lastige werk uit handen nemen.

Prototype: Vereenvoudigd een aantal veel voorkomende JavaScript bewerkingen.
jQuery: Vergelijkbaar met Prototype, maar krachtiger. JQuery heeft goede documentatie en een groeiend aantal plugins.
Script.aculo.us: Voegt onder andere grafische effecten en drag-and-drop toe aan Prototype.
Moo.fx: Een aantal grafische effecten in een piepklein bestand.
Dojo: Een van de grotere JavaScript bibliotheken. De hoeveelheid JavaScript kan oplopen tot honderden kilobytes. De documentatie is vrij pover.
YUI: De vrijgegeven user-interface bibliotheek van Yahoo. Veel mogelijkheden en veel documentatie.
Ext JS: Nog een mooie user-interface bibliotheek.
Backbase: Commerciële UI-toolkit van Nederlandse bodem. Compleet, maar niet gratis.

Serverside

Apache: De meest gebruikte webserver.
PHP: De meest populaire server-side scriptingtaal.
Programmeren in PHP - Wikibooks: Begin hier als je PHP wilt leren.
PHP-handleiding: Nederlandstalige PHP-handleiding.
PHPhulp.nl: Site met PHP-fora, handleidingen en scripts.
Nederlandse PHP gebruikersgroep: Organisatie voor Nederlandse en Belgische PHP-gebruikers.
Zend PHP Framework, CakePHP, CodeIgniter en Symfony: Diverse goede PHP raamwerken.
Java: De taal voor applicatieservers.
NL-JUG: Nederlandse Java gebruikersgroep
TheServerSide.com: Java gemeenschap en nieuws.
IIS: De webserver van Microsoft.
Microsoft .Net: De .Net homepage
.Net Framework Community: De .Net framework gemeenschap.
ASP.NET: Officiële asp.net website.
ASPNL: Nieuws en artikelen over ASP.Net.
Netcraft: Webserver statistieken.
Security.nl: Over beveiliging van servers.

CMSsen

Er bestaan honderden CMSsen (Content Management Systemen).

Joomla: Zeer flexibel CMS met uiteenlopende uitbreidingen, geschreven in PHP.
DutchJoomla: Nederlandstalige Joomla gemeenschap.
Drupal: Een ander flexibel CMS, ook met uiteenlopende uitbreidingen en ook geschreven in PHP.
Drupal.be: Nederlandstalige Drupal gemeenschap.
OpenSourceCMS: Op deze site staan nog tientallen andere (open source) CMSsen.