HTML-kit

Tekst editor voor HTML en CSS. Hiermee heb je overzicht over je broncode, door de verschillende kleuren voor codes, attributen en tekst (syntax-highlighting). Het scheelt ook enorm veel handmatig tikwerk, doordat je de codes met een klik of een sneltoets erin zet. Alleen voor Windows. HTML-Kit 292 is de gratis versie, de andere, HTML-Kit Tools, is betaald. Zie ook Iron Spider om de HTML-Kit naar wens in te stellen. http://www.htmlkit.com/

Lytebox

Aanpassing van Lightbox 2, het juweeltje van Lokesh Dhakar. Eenvoudig op te nemen in je website, kijk op de Lytebox-site voor de aanwijzingen (beginners in webdesign letten goed op of alle paden kloppen, daar zit het hem meestal in als het niet werkt). In Internet Explorer 8 vallen de labels weg met het oorspronkelijke script. Gelukkig heeft Terry Nederveld daar een oplossing voor, je kunt bij hem de gerepareerde versie in het geheel downloaden. http://www.dolem.com/lytebox/ http://nederveld.wordpress.com/2009/07/02/lytebox-and-internet-explorer-8/

JR Screen Ruler

Dit gratis gereedschapje van Spadix is een liniaaltje om hoogte en breedte op het scherm te meten (o.a. in pixels). Ideaal hulpmiddel bij het webdesign. http://www.spadixbd.com/

RGB hexadecimale kleuren

Ik blijf me erover verbazen dat Doug zijn site uitdrukkelijk niet ook geschikt voor de Internet Explorer heeft geschreven, alleen omdat hij er bezwaren tegen heeft, ondanks dat de helft van zijn bezoekers het zal gebruiken. Dus als je met een oudere Internet Explorer surft (IE8 doet het goed), moet je op de pagina van de kleurkaart flink naar onder scrollen om hem te vinden. Zijn kleurkaart is deze gekheid wel waard, ik ken geen ander overzicht dat zo praktisch is ingedeeld. http://homepage.mac.com/jakesan/DHP/

Pixie van nattyware

Piepkleine color picker, houd je muis boven een kleur op je beeldscherm, en pixie geeft de kleurwaarden aan in hex, RGB, HTML, CMYK en HSV. Onmisbaar! http://www.nattyware.com/pixie.php

bHosted.nl

Daar zit ik zelf naar volle tevredenheid: een klein bureau, snelle en correcte service en niet duur. Er zijn natuurlijk nog honderd, zo niet duizend aanbieders. Er zit nogal wat verschil in, in het aanbod en de prijzen, dus let goed op waar je je abonneert.
Bestel je een pakket bij bHosted? Dan graag via de link op mijn website, dat scheelt me weer een euro op de volgende factuur. http://www.bhosted.nl/

Handleiding HTML

Encyclopedisch opgebouwd. Kort, snel, overzichtelijk, en behoorlijk volledig. http://www.handleidinghtml.nl/

W3 Schools

Één en al online tutorials voor HTML, CSS, XML, javascript, PHP, etcetera. Daarbij ook allerlei achtergrondinformatie, en o.a. statistieken over populariteit van browsers (zodat je weet waaronder je je site zeker moet testen). http://www.w3schools.com/

XHTML Reference

Compleet overzicht van elementen en attributen in XHTML en CSS. Uitstekend naslagwerk. http://xhtml.com/en/xhtml/reference/

Iron Spider

Vlotte tutorial voor leken om snel een site (in HTML) op poten te zetten. Extra handig: goede uitleg over hoe de HTML-Kit naar wens in te richten. http://www.ironspider.ca/

HTML Goodies

Prima site om alle webtalen en handigheden te leren. Van beginners tot gevorderden. Joe Burns en collegae zijn soms wat lang van stof, maar het is leuk geschreven. Ze hebben ook een nieuwsbrief, maar weet waar je aan begint: hij komt met de frequentie van een mitrailleur, en ik krijg aantoonbaar spam binnen erdoor (terwijl ik me al een tijd terug afgemeld heb). http://www.htmlgoodies.com/

Homepage maken

Voorheen MijnHomepage. Leuke, veelomvattende site met eenvoudige uitleg over van alles, goed te volgen voor beginners. De site biedt niet alleen tutorials, maar ook een enorme hoeveelheid links naar gratis webhosts, plaatjespagina's, webdiensten (statistieken, formulierafhandeling, polls, etc), en wat dies meer zij. Het fijne daarvan is dat de site de links becommentarieert, zodat je al een idee hebt over de waarde ervan (waar heb ik dat meer gezien?). http://www.homepage-maken.nl/

A List Apart

Online tijdschrift voor mensen die websites maken: 'explores the design, development, and meaning of web content, with a special focus on web standards and best practices.' Bevat hele handige artikelen over hoe je bepaalde dingetjes code-technisch voor elkaar krijgt, maar ook interessante verhandelingen over wat wijsheid is (binnen webdesign dan). Kijk eerst eens bij de topics, dan krijg je een idee, en het is een goed uitgangspunt voor grasduinen. http://www.alistapart.com/

Useit.com

Jacob's Nielsen's website. Zijn Alertbox is niet zozeer een handleiding, alswel een handvat. Nielsen is gespecialiseerd in 'usability' van websites, oftewel het gebruik van websites door de bezoekers ervan. Hij heeft hele waslijsten (met doorwrochte argumentaties) van missers die je als webdesigner kunt maken, en die je je bezoekers kosten. http://www.useit.com/

Webveilige lettertypes

Je kunt je website opmaken in elk lettertype dat je wilt, maar of je bezoeker die ook ziet? Alleen als hij die lettertypes zelf ook op zijn computer heeft. Daar zit nogal wat variatie in, wat er standaard geïnstalleerd is. Onderstaande sites hebben op een rijtje gezet wat de vrij universeel gebruikte lettertpyes zijn, met hun alternatieven: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html http://dustinbrewer.com/fonts-on-the-web-and-a-list-of-web-safe-fonts/

CSS layouts met divisions

Een website opmaken met blinde tabellen is niet meer van deze tijd. Tegenwoordig werk je met floating divisions. Onderstaande sites geven het format van enkele basislayouts, met twee of meer kolommen, al dan niet met header en/of footer. http://glish.com/css/ http://www.bluerobot.com/web/layouts/

In het verlengde hiervan wil ik je wijzen op een uitleg voor semi-liquid design: Je site is flexibel voor mensen met verschillende maten schermen, en voorkeuren voor lettergrootte. Tegelijk houd je de regellengte binnen de perken, zodat de leesbaarheid gewaarborgd blijft, door de maximale breedte van de inhoud te definieren in em (relatieve lettergrootte). http://www.smashingmagazine.com/2008/06/26/flexible-layouts-challenge-for-the-future/

Voelspriet

Niet alleen een zoekmachine, maar een uitgebreide site óver zoekmachines. Onder het motto 'Leer zelf beter vinden' geeft de site kritisch nieuws, wetenswaardigheden, maar ook tips om beter te kunnen zoeken. http://www.voelspriet.nl/

WJSubmit

Sympathieke site waar je je website bij vele zoekmachines tegelijk gratis kunt aanmelden. Er staat ook een groot aantal links naar sites die het volgens de aanmeldservice waard zijn je handmatig bij aan te melden (waar het niet automatisch kan). http://www.inventio.nl/wjsubmit/

A Promotion Guide

Belooft een 'free website promotion tutorial' te zijn. Ik ben nog niet verder gekomen dan de eerste pagina, en het ziet er veelbelovend uit. http://www.apromotionguide.com/

Firefox

Één van de browsers waar je je website zeker mee moet testen (naast de Internet Explorer), want deze wordt steeds populairder. http://www.mozilla.org/products/firefox/

Safari

De originele Apple-browser, ook voor Windows te downloaden. Safari kan problemen hebben met dingetjes waar andere browsers prima mee om gaan, en die goed op te lossen zijn zodat je website ook met Safari werkt. http://www.apple.com/safari/download/

Opera

Ook een interessante browser om je site te testen, omdat ie nogal aparte fratsen heeft. Het leuke van Opera is dat je hem in kunt stellen als tekstbrowser. Dan zie je wat er van je site overblijft voor slechtzienden en blinden. Mensen die nog wel iets waarnemen, blazen het scherm op. Ook dat effect kun je bekijken door de website tot wel 1000% te vergroten. http://www.opera.com/

IEtester

Dit programma verkeert nog in alpha-staat, maar is nu al geweldig gereedschap om je site in oudere versies en de nieuwste beta van de Microsoft Internet Explorer te testen. Chapeau Fabrice! Het werkt uiteraard nog niet vlekkeloos, dus hij kan problemen aangeven die aan het programma liggen en niet aan je site. Dat kun je dan checken bij http://browsershots.org/, alhoewel dat verdullemes lang kan duren, voor het screenshot er is. Alternatief is de IE NetRenderer die supersnel is, maar die, naar het lijkt, het blokje [if lte IE 6] negeert, en daarmee wel een beperking heeft. http://www.my-debugbar.com/wiki/IETester/HomePage