Category Archives: Webdesign

Mooi ontwerp inspireert

Screenshot onwiredIn de Design View blog van Sitepoint werd de website Scrnshots besproken. Op deze site, met de tagline “share your inspiration”, kan iedereen screenshots van websites met een goed design plaatsen. Uiteraard is dit niet de eerste en enige website waar ontwerp inspiratie opgedaan kan worden, maar ik vind dit soort initiatieven altijd erg inspirerend.

Op deze pagina viel mij vooral het ontwerp van de website onwired.com op. Deze site gebruikt inmiddels veel gebruikte effecten zoals schaduwen en gradients, maar dan net wat subtieler. Zo loopt de schaduw vanuit het midden naar de zijkanten weg waardoor er een bolling in de pagina lijkt te zitten. Ook zit er een lichteffect op de achtergronden waardoor de site in het midden lichter is dan aan de zijkanten.

En dan de paperclip met details over één van de projecten, die maakt deze site helemaal af. Ook hier zit een schaduw achter, maar ook deze is interessant vervormt waardoor het lijkt alsof het puntje omhoog komt. Hoe je dit effect kan bereiken wordt ook uitgelegd op de website. Door dit element (dat overigens mooi gebruikt maakt van PNG’s alpha transparency) komt de website speelser over en is het minder ‘boxy’.

De website maakt ook gebruik van sIFR waarmee speciale lettertypen op de website gebruikt kunnen worden zonder gebruik te maken van plaatjes. Hierdoor blijft de website toegankelijk en goed indexeerbaar door de zoekmachines. Typografie krijgt óók op websites een steeds belangrijkere rol! Verder is de site leuk en uitdagend geschreven en staan er een aantal interessante artikelen op!

Het wordt tijd dat ik mijn site en de site van Smit & Flink Media ook een keer een update geef! -zucht-

De toekomst van Rich Internet Applications

Om nog wat laatste studiepunten te halen moest ik nog een keuzevak doen. Geïnspireerd door de presentaties op “Beyond Boundaries” heb ik ervoor gekozen om een paper te schrijven over de toekomst van Rich Internet Applications. Ik heb de huidig ontwikkelingen op een rijtje gezet en de mogelijkheden van Flex, Silverlight en JavaFX op een rijtje gezet en met elkaar vergeleken.

De paper is wat te lang geworden om als weblog post te plaatsen, maar de pdf is te downloaden via deze link!

Update (01-07): De paper is nagekeken en ik heb een 8! Ik ben er erg blij mee! Eindelijk weer eens studiepunten! 😉 De opmerking van mijn docent (Hans Voorbij) was ook erg motiverend:

Proficat, ik ga het vak Capita Selecta op masterniveau, 3,75 ECTS en uitslag 8, voor je registreren bij de studieadministratie. […] Ik kan alleen maar zeggen: wat jammer dat ik de afgelopen jaren niet meer werk van je onder ogen heb gehad. Houd je kwaliteitsnormen in de toekomst goed vast. En succes met je afstuderen!

Firefox 3: Gratis boek en wereldrecord?

Firefox download dayVandaag wordt de nieuwste versie van Mozilla Firefox uitgebracht. Dit is op zich al een berichtje waard, want de nieuwe versie is op veel punten beter dan de huidige versie. Vooral aan de snelheid en veiligheid van de browser is veel verbeterd, en dit alles bovenop de vertrouwde kwaliteit van Firefox!

Ik zou wel meer dan 8.000 woorden kunnen schrijven over de ins en outs van Firefox 3, maar dat heeft Fabio Cevasco al gedaan en zijn Sitepoint PDF boek is gratis te downloaden!

Firefox wil met de laatste versie van de browser ook een wereldrecord halen als “meest gedownloade software product op één dag”. Op de site van firefox is te zien dat al veel mensen hebben aangegeven firefox vandaag te downloaden. We zullen nog even moeten wachten tot Amerika wakker is geworden, maar dan zal de download beschikbaar zijn dus doe gezellig mee!

Internet Explorer 8 toch standaard in ‘super standard mode’

Er was nogal wat te doen om de plannen van Microsoft om de betere ondersteuning van web-standaarden alleen beschikbaar te maken voor websites die aangeven dit te ondersteunen. De voorvechters van het gebruik van web-standaarden struikelden bijna over elkaar heen om aan te geven dat de plannen van Microsoft écht niet konden!

Waar ging het dan eigenlijk over?

Na het goede nieuws dat Internet Explorer met versie 8 weer een goede stap in de richting doet wat betreft de ondersteuning van de webstandaarden en zelfs voor de ACID2 test slaagde (nu ACID3 nog…), kondigde Microsoft aan dat deze ‘super standard mode’ niet standaard beschikbaar is. (grappig naamgeving trouwens, die ‘super’ doet vermoeden dat er iets heel speciaals aan de hand is, terwijl voor de betere webbrowsers het naleven van standaarden de normaalste zaak van de wereld is… Maar goed, dit terzijde). Om gebruik te kunnen maken van deze feature, moest de webdeveloper in de HTML-code expliciet aangeven dat de website van deze feature gebruik wil maken.

Dit idee ontstond nadat Microsoft veel commentaar had gekregen van zogenaamde “webdesigners” wiens websites er na een upgrade naar Internet Explorer 7 ineens niet meer goed uitzagen. Helaas hadden deze huis-tuin-en-keuken-developers tijdens de les over standaarden even niet opgelet en niet nagedacht over de future-compatibilty van hun code. De website zag er in hun webbrowser goed uit, dus waar zou je je nog druk om maken… Als ik het voor het zeggen had bij Microsoft (tsja…) dan had ik de mailtjes lachend beantwoord met “Zie je wel!” en een paar linkjes naar artikelen mee gestuurd. Maarja, helaas heb ik het niet voor het zeggen bij Microsoft en trokken Gates en de zijnen zich deze kritiek wél aan.

De gedachte dat de webdevelopers die zich met de standaarden bezig houden, bewuster met de code bezig zijn en in een mum van tijd het extra regeltje hadden toegevoegd, was nog niet eens zo gek, maar het ging de boze bloggers om het principe. HTML is er voor de semantische opmaak van de inhoud van een website en daarin wil je geen code zetten die specifiek voor één browser is. Sowieso is het schrijven van code voor één specifieke browser uit den boze, en met de plannen van Microsoft zouden veel webdesigners hiertoe gedwongen worden. Slecht, slecht, slecht…

Gelukkig is Microsoft tot inkeer gekomen. Of het door de vele kritische geluiden van standards-compliant webdevelopers komt of dat het een juridische afweging is geweest laat ik even in het midden, meer over dit besluit kan je lezen op de Blog in Internet Explorer. En hoe wordt hier op gereageerd? Ik zal het slot van deSitepoint blog van Mathew Maggain hiervoor quoten:

Wait — do you hear that sound?

That, my friends, is the cries of joy being uttered by web developers all over the world — web developers who still remember how painful IE6 has made their jobs, and who were reticent and insulted at being asked to add a proprietary tag to satisfy one modern browser’s demands.

Huge kudos to Microsoft for making the right decision. You can dance around like a monkey and screaming Developers, developers, developers! all you want. But it’s actions like this that make us stand up and listen.

And in this particularly relieved developer’s case, applaud.