Fireworks tutorials

Op http://solardreamstudios.com/learn/fireworks/ is een serie tutorials te vinden voor Macromedia Fireworks.

Winmail.dat

Het is iets dat ik al had moeten weten, maar echt ik wist het niet. Jaren geleden, nog in de PC-Active-dagen (twee koppeltekens in een samengesteld woord: welke moet weg?) gebeurde het regelmatig dat attachments niet goed aankwamen. Niet echt bevorderlijk voor je geduld als je vlak voor een deadline op en neer springt. Henk of Hayo kwam aanzetten met een utility (jawel zo noemde je dat toen) die uit de code-brei tekst of afbeeldingen wist te kleien.
Vorige week ontving ik voor de eaa-website een attachment ‘winmail.dat’ waarin beslist een word-doc zou huizen. Een tweede poging van de zender leverde hetzelfde onleesbare resultaat. De oplossing vond ik op http://www.biblet.freeserve.co.uk/ in de utility WMDecode. Downloaden naar een directory, sleep de winmail.dat er naar toe laat het met een rotssmak op het icoon of naam van de .exe vallen, en uit de brokstukken rijst een keurig, leesbaar bestand. Wist u allen natuurlijk allang, maar ik nog niet! Heus!

IE 7?

Een nieuwe versie van Internet Explorer? Bill heeft het gezegd, het staat hier geschreven, het gaat echt gebeuren… Ze hebben het over het verbeteren van de veiligheid, wat een schone zaak is, maar ze zullen toch geen nieuwe versie uitbrengen zonder de fouten in de css-engine aan te pakken? Een toekomst zonder hacks… Nee hoor, ik ben klaar wakker, zei de optimist…

301

In de webdesign-discussielijst kwam ik het advies tegen om bij een verplaatsing van bestanden binnen een site 301 correct te implementeren. “Juist, zou iedereen moeten doen, maar wat is het?” mopperde ik, hinderlijk getroffen door een gebrek aan kennis. Een link naar een prima tutorial leerde me dat ik al lang drienuleende op nlpvf.nl. 301 is de code waarmee een browser wordt verteld dat een pagina permanent verhuisd is. In een .htaccess bestand kan vervolgens de plek van de nieuwe bestanden worden gewezen. Zoekmachines zullen vervolgens de oude url plek uit hun database schrappen en de nieuwe opnemen. Als het goed is, en dat is het vaak…

Outlook

Wie ondersteuning nodig heeft op het gebied van Outlook kan eens een bezoek brengen aan www.slipstick.com.

Foutje in foutcontrole

Schrijf je eens een keer iets, staat er doodleuk @HTML Code: voor. Ik weet wel waar die tekst vandaan komt: de macro die gebruikt wordt voor de conversie van Word naar Quark! Vergeet het, en lees de juiste tekst op:
http://www.bruothron.nl/tips/000023.html

Favicon

De manier om zo’n mooi icoontje voor je url af te beelden wordt hier beschreven:
http://www.vanho.de/tutorial/favicon.php

Formulieren

Een nuttige cursus over het toegankelijk maken van formulieren is te vinden op:
http://jimthatcher.com/webcourse8.htm

Weten wat een blinde ziet

Rekening houden met wat een slechtziende wel of niet kan zien zou een voorwaarde moeten zijn voor elke ontwerper. Ik denk er zelf - treurig als het is - veel te weinig over na. Alphaworks, een divisie van IBM die zich bezighoudt met nieuwe technology, heeft een ‘disability’ simulator gebouwd, die misschien waardevol kan zijn. De simulator kijkt naar bijvoorbeeld kleurcontrast en de mogelijkheid om lettertypes te veranderen, en draait vervolgens een rapport uit met tekortkomingen en een score van toegankelijkheid en gebruiksgemak voor blinden en slechtzienden.
http://www.alphaworks.ibm.com/aw.nsf/FAQs/adesigner (nog niet getest)

Foutcontrole

Fouten maken is menselijk maar de taak om de gemaakte fout op te sporen is bij tijd en wijle onmenselijk. Wanneer de geschreven code niet het gewenste resultaat oplevert, is het zaak om stap voor stap te achterhalen wat er aan de hand is. Op
http://www.positioniseverything.net/articles/mys-bug.html staat een stappenplan.
Een vergelijkbare, maar veel uitgebreidere aanpak van probleemoplossing is te vinden op het ‘spiekbriefje’ van Dave Shea, de man achter Zen Garden op http://mezzoblue.com/css/cribsheet/
(Let ook even op fraaie gebogen pijltjes die hij vooraf laat gaan aan een dd)

Link te lang?

Kan op http://url123.com/. Je mag er maar een per sessie laten inkorten.

Check van HTTP headers

In sommige gevallen wil je weten wat er wordt meegezonden in de HTTP header. De onderstaande site biedt een functie om dit te doen.
http://www.delorie.com/web/headers.html

IE 7

Nee zover zijn we nog niet, en moeten we met zijn allen hacks gebruiken om onze pagina’s er ook in helaas de meest gebruikte browser goed uit te laten zien. In afwachting van de eeuwige wijsheid van de Redmondse prinsen is Dean Edwards alvast begonnen om Internet Explorer te verbeteren, door de browser de standaarden beter te laten respecteren.
http://dean.edwards.name/IE7/

Erven van eigenschappen

In mijn vorige post schreef ik ‘erven van eigenschappen’ alsof het vanzelfsprekend is. Dat is het niet, en geloof me ik heb genoeg stijlpagina’s gezien waarvan de auteur(s) niet op de hoogte waren van deze basis van css. Dat ‘cascading’ staat er niet voor niets.
Het verschil tussen div p en div>p maakt de kracht van het erven duidelijk. Het eerste is te lezen als ‘elke paragraaf die deel uitmaakt van een div’, dus elke afstammeling van een div. De tweede is gerichter en spreekt ‘de paragraaf die meteen volgt op een div-selector’ aan. Het ‘kind’ van de div. Deze manier om het gedrag van kinderen te bepalen - Child selectors - wordt niet ondersteund door IE/Win!!!
Een uitstekende cursus over selectors is te vinden op: http://css.maxdesign.com.au/selectutorial/
Nog meer uitleg op http://nemesis1.f2o.org/aarchive?id=3
Andersom kan ook, om uitleg te krijgen van een complexe declaratie of om het verschil tussen twee alternatieve notaties (a.class:hover of a:hover.class) te zien: http://gallery.theopalgroup.com/selectoracle/

Netscape 4 en css

Op de css-discussielijst publiceerde Mr. Clay de volgende methode om css-pagina’s voor te schotelen aan Netscape 4:

**** in HTML:
<script type=”text/javascript” src=”/js/site.js”></script>
<link href="/css/imports.css" media="screen" type="text/css" rel="stylesheet">
<link href="/css/print.css" media="print" type="text/css" rel="stylesheet">

**** in /js/site.js:
if (document.layers) {
document.write(‘<link rel=”stylesheet” type=”text/css”’
+ ’ href=”css/nav4.css” />’);
}

**** in /css/imports.css:
@import “general.css”;
@import “unique_pages.css”;

**** in /css/nav4.css:
/* NN4 styles */

Deze methode kan worden gebruikt als het nodig is om N4 aparte stijlen mee te geven. Het voordeel hiervan is dat deze stijlen niet conflicteren met de echte stijlen, en dat deze laatste wel worden voorgeschoteld aan browsers die css goed interpreteren.

Weblog als website

Meer informatie over het inzetten van een blog-systeem voor het bouwen van een complete website (ideëen, voorbeelden en instructie):

• Adaptive Path’s MT Setup : Doug Bowman(July 11, 2003)
• Rebuilding a Portfolio : Doug Bowman(July 16, 2003)
• Doing your whole site with MT : Brad Choate(July 15, 2003)
• A Whole Lotta Features – Beyond the Blog : Matt Haughey(July 14, 2003)
• New Sidebar Links : Jason Kottke (July 14, 2003)
• Beyond the Blog and other links on making MovableType a Content Managment System : Dean (July 16, 2003)

Effectief e-mail schrijven

Ik vind het best hoor om mailtjes met spelfouten en onvolledige antwoorden te lezen. Om de zin "je moet dat maar even voorschijten" die ik ooit gemaild kreeg, kan ik nog steeds gniffelen. Alleen betwijfel ik of dit soort mail echt goed bij me overkomt. Of ik ze onthoud of er iets mee kan doen, is nog maar de vraag.
Vandaag kwam ik een artikel tegen met een serie tips over het effectief communiceren via e-mail. Voor iedereen die mail verstuurt zou het bekende stof moeten zijn, maar dat is niet. Dat verzeker ik u.
http://www.webfoot.com/advice/email.top.html

Uitklapbaar menu (DOM)

Op Brainjar is een uitgebreide tutorial te vinden voor het maken van een menu-balk met scroll-opties.
http://www.brainjar.com/dhtml/menubar/

Hoera

De installatie van Movable Type is gelukt. Met behulp van de informatie in het forum van mijn aardige provider f2o.org was het eigenlijk een zeer eenvoudige klus. De informatie in het forum bood zelfs een oplossing voor de foutmeldingen die verschenen toen ik mijn eerste berichtje wilde posten. Het was een kwestie van rechten, zoals wel vaker in deze wereld.

Zoekstrings die valide zijn?

Soms willen pagina’s niet valideren vanwege de links naar pagina’s. Een link die tekens als een & bevatten levert een waarschuwing op van bijvoorbeeld de W3C-validator. Dan Benjamin’s Hivelogic’s url cleaner verhelpt dit:
http://www.hivelogic.com/urlcleaner.php