Code Internet Applications

07-10-2009

De browsers en de PNG

Het PNG formaat is ooit ontworpen om het antieke GIF formaat te vervangen. Het maakt namelijk gebruik van "lossless" compressie, wat betekend dat er geen beeld data verloren gaat. In vergelijking met GIF laat PNG laat ook transparantie toe, het Alpha kanaal wordt benut. Hiermee kunnen ook delen van het beeld kunnen procentueel doorzichtig gemaakt worden, dus geen gekartelde randjes meer. Het is een universeel formaat dat wordt ondersteund door het World Wide Web consortium en alle moderne browsers. Men zou dus kunnen denken dat iedere webbouwer PNG gebruikt in de bouw van moderne websites. Dit is niet het geval, er schuilen namelijk een aantal nadelen in het gebruik van de PNG. Met name het ingebouwde kleurenschema en de ondersteuning in Internet Explorer 6 laat te wensen over. 

Laten we met het kleurgebruik beginnen. PNG past zich aan de helderheid van verschillende platforms, deze gamma informatie wordt opgeslagen in de PNG. Terwijl dit zou moeten zorgen voor een nette weergave tussen platforms, gebeurd juist het tegenovergestelde in verschillende browsers. Sommige browser negeren de informatie of voegen zelf informatie toe waardoor er een kleurverschil optreedt. Lees meer over dit PNG Gamma Dilemma. Een oplossing die wij gebruiken is het weghalen van deze gamma informatie met Pngcrush, het is ietwat technisch, maar "it gets the job done". Gebruik de command line en voor deze code uit:

pngcrush -rem cHRM -rem gAMA -rem iCCP -rem sRGB infile.png outfile.png 

En het kleurverschil verdwijnt als sneeuw voor de zon.

Zoals altijd moet Internet Explorer 6 (IE6) nog getempt worden. Deze browser, welke helaas nog meer dan genoeg gebruikt wordt, ondersteunt native geen transparantie in 32-bit PNG. Dit is een groot gemis, want vaak wil je juist PNG gebruiken voor deze eigenschap. Hiervoor heeft Microsoft een eigen filter in het leven geroepen, de AlphaImageLoader. Deze filter zorg ervoor dat transparantie werkt, maar niet zonder compromissen: links werken niet, CSS achtergronden kunnen niet herhalen of gepositioneerd worden en andere onverklaarbare render bugs. 

Vorige week zijn we, op zoek naar een oplossing voor onze talrijke AlphaImageLoader bugs, gestuit op een nieuwe vorm van de PNG transparantie fix. Deze fix heeft wonderbaarlijk niet de nadelen van de door Microsoft gemaakte oplossing (maakt wel gebruik van Microsofts VML implementatie) en doet het meteen, zonder vervelende witte flikkeringen in je scherm. Toepasselijk genoeg heet het artikel dan ook "Medicine for your IE6/PNG headache!"

Dit is voor ons het antwoord waar we naar zochten. Zolang IE6 ondersteuning wordt gevraagd kunnen we deze fix gebruiken om de problemen van de AlphaImageLoader te boven te komen. Verder adviseren wij altijd het gebruik van de oude en vertrouwde GIF (zolang er geen transparantie nodig is), deze zijn veelal kleiner en laden zonder de extra JavaScript laag in elke browser goed.

Geplaatst door Tim van den Bosch | Browsers, JavaScript | Reacties (1)

11-06-2009

Fronteers 2009 congres

Informatie online en inschrijving mogelijk voor de nieuwste aflevering van het Fronteers Congres.

Geplaatst door Tim van den Bosch | Evenementen, Fronteers | Reacties (1)

08-06-2009

Code.nl website update

We hebben al een hele tijd een webcam in ons kantoor, deze hebben we eigenlijk altijd voor intern gebruik gehouden. Tot nu toe, hij staat namelijk op de homepage! Je moet even naar rechts scrollen met de nieuwe scrollbalk.

Het is het uitzicht op het Delft centraal station vanuit een groot raam in het midden van ons kantoor. Het raam is te hoog om er direct uit te kijken vanuit onze werkplekken, vandaar deze webcam. In de toekomst gaat er veel gebeuren, het station wordt vernieuwd en er komt een ondergrondse treintunnel, dus genoeg te zien!

Verder hebben we lopende projecten (CODE werkt aan) toegevoegd en een directe link naar ons weblog.

Geplaatst door Tim van den Bosch | CODE | Reacties (2)

26-05-2009

Nieuwe werknemer CODE!

We hebben er weer een CODER bij. Jakob Laegdsmand (LinkedIn profiel) komt het team versterken met zijn kennis en jarenlange ervaring met webdevelopment. Hij is een zwaargewicht als het gaat om kennis van verschillende methoden en technieken voor het web.

Geplaatst door Tim van den Bosch | CODE | Reacties (0)

24-03-2009

Hulpmiddelen voor succesvolle e-mailaflevering

Ik kwam een artikel tegen op Frankwatching over effectieve e-mailaflevering. Zorgen dat je mail goed aankomt en niet in een junk folder geplaatst wordt. Het is een aardige uitleg over het fenomeen e-mailmarketing, maar geeft weinig tools om je e-mail effectiviteit te testen.

Hieronder een aantal down-to-earth hulpmiddelen en tips die we zelf gebruiken.
- Een "echt" reply adres (+ naam) te gebruiken
- Nette HTML, altijd een tekstversie meesturen, zie deze guide voor tips.
- Bekijk je e-mail Spamscore via een Spamcheck of Contactology
- De betrouwbaarheid te checken van de verzender

Onderzoek heeft uitgewezen dat het versturen van nieuwsbrieven een effectief medium is. Zolang men de inhoud maar "scanbaar" houdt, dus niet te lang en teveel tekst.

Geplaatst door Tim van den Bosch | E-mailmarketing | Reacties (0)

23-03-2009

Laatste telg Internet Explorer voldoet niet aan webstandaarden

Microsoft heeft de nieuwe versie van IE gelanceerd, versienummer 8. Deze update bevat een hoop verbeteringen (ondersteuning css, veiligheid, nieuwe features).

In praktijk komen wel steeds meer geluiden dat de browser beter is dan zijn voorganger, maar nog steeds een grote achterstand heeft met andere browsers (bijv. Firefox, Safari en Opera). De Acid3 test gaat de browser slecht af (de test is bedoeld om de impementatie van webstandaarden te testen) en css3 ondersteuning is niet of nauwelijks aanwezig. Ook laat de snelheid in vergelijking met andere browsers te wensen over.

Het is jammer dat Microsoft achterloopt in het toepassen van webstandaarden, dit maakt het voor de ontwikkelaars lastig om zelf te innoveren zonder bezig te zijn met eindeloos debuggen met IE versie`s.

Geplaatst door Tim van den Bosch | Webstandaarden, Software, Browsers | Reacties (0)

19-03-2009

De browser statistieken redelijk stabiel in 2009, toch is er verandering gaande.

Internet Explorer blijft de meest gebruikte browser, maar verliest langzaam terrein aan de nieuwste FireFox. Ook Safari blijft groeien in tegenstelling tot Google Chrome.

Het gebruik van Chrome groeit niet sinds de lancering en behoudt maar een klein marktaandeel. Misschien komt hier verandering in als de nieuwe versie uitkomt. We zien in alvast in de betaversie waar een aantal nieuwe functies inzitten. Je kan nu automatisch laten scrollen en formulieren laten invullen. Verder is er een zoom functie ingebouwd en met één sleepbeweging kan je twee tabs naast elkaar plaatsen.

Een interessant gegeven is ook de uitspraak van de Europese Commissie over het standaard leveren van Internet Explorer bij Windows. De commissie heeft gezegd dat Microsoft's acties de onderlinge competitie tussen browsers en productinnovatie beschadigd en dat de keuze van de consument wordt beperkt.

Geplaatst door Tim van den Bosch | Software, Browsers | Reacties (0)

18-03-2009

Usability Award 2009

Voor de achtste keer wordt in 2009 de Usability Award uitgereikt. De prijs voor de meest gebruiksvriendelijke website zal worden uitgereikt op woensdag 27 mei en men kan inzenden tot 1 april. Ook meedoen kan op http://www.usabilityaward.nl/

Geplaatst door Tim van den Bosch | Evenementen, Usability | Reacties (0)

17-03-2009

Eindelijk een standaard voor het onderwijs

Het Web Standards Project heeft gezorgd voor een uitgebreide hoeveelheid leermateriaal voor docenten.

Er is nooit een uniforme manier geweest om studenten het vak van web- professional te leren, tot nu toe dan. Het online curiculum geeft down to earth voorbeelden en oefeningen die goed aansluiten op de praktijk. Bekijk alles op http://interact.webstandards.org/

Geplaatst door Tim van den Bosch | Webstandaarden, Onderwijs | Reacties (0)