Het kost meestal enige moeite om mensen uit te leggen waarom je niet zomaar elk lettertype op je website kan/mag gebruiken. Nu er alternatieven zijn is de teleurstelling minder groot na de realisatie dat er maar heel weinig fonts “standaard” of  websafe zijn.

http://typophile.com/node/70216

http://googlecode.blogspot.com/2010/05/introducing-google-font-api-google-font.html

http://tweakers.net/nieuws/67434/google-wil-gebruik-webfonts-vereenvoudigen-met-api.html

Voor een niet al te groot bedrag per jaar kan je al over veel fonts beschikken https://typekit.com/plans

Arm your vuvuzelas: WordPress 3.0, the thirteenth major release of WordPress and the culmination of half a year of work by 218 contributors, is now available for download (or upgrade within your dashboard). Major new features in this release include a sexy new default theme called Twenty Ten. Theme developers have new APIs that allow them to easily implement custom backgrounds, headers, shortlinks, menus (no more file editing), post types, and taxonomies. (Twenty Ten theme shows all of that off.)

Veel mooie nieuwe features komen hiermee tot onze beschikking. De eerste in het oog springende nieuwe mogelijkheid, “custom menu’s”  hebben we meteen kunnen inzetten voor de website die op dit moment in ontwikkeling is: RumdeeDum hiermee misschien de eerste of zeker één van de eerste websites in Amersfoort die draait op WordPress 3.0.

RumdeeDum is een leuk voorbeeld van hoe een website er beslist niet uit hoeft te zien als een standaard blog en toch kan profiteren van WordPress als CMS.

Een korte introductie van de makers van WordPress:

Als je interesse hebt in de achtergrond en ontwikkeling van WordPress is de volgende presentatie zeker de moeite waard, ruim een uur Matt Mullenweg aan het woord over de toekomst, en totstandkoming van WordPress 3.0

Opvallend: via een crawler komt naar voren dat inmiddels 8,5% van alle websites WordPress als basis heeft!

W3C website validatie, HTML optimalisatie en HTML validatie

W3C, oftewel World Wide Web Consortium, is een organisatie die protocollen (HTTP) en codeertalen heeft ontwikkeld voor het World Wide Web (WWW). HTML is de eerste taal die door W3C is ontworpen en al snel daarna volgden er andere varianten zoals XHTML, CSS, XML die op HTML zijn gebaseerd.

Webbrowsers en W3C validatie

Microsoft Internet Explorer en Mozilla Firefox zijn de populairste browsers van dit moment. Daarnaast worden er ook nog iets minder bekende browsers gebruikt zoals Chrome, Opera en Safari.

Iedere browser interpreteert een codeertaal op zijn eigen manier. Het probleem is dan ook wanneer een website fouten bevat en niet gevalideerd is, dat de weergave van de pagina in iedere browser totaal anders kan zijn.

Waarom W3C valideren?

Een gevalideerde website is precies geschreven volgens de strenge W3C validatie normen. Hiermee bent u ervan verzekerd dat een website in alle browsers correct wordt getoond en niet alleen te bekijken is door Explorer of Firefox gebruikers. Uw website is hierdoor toegankelijker voor een groter publiek.

Een ander voordeel van website validatie is dat de webpagina beter door zoekmachines gevonden wordt omdat, deze makkelijker is te analyseren en te indexeren en hierdoor een betere positie in de zoekmachine ranglijst krijgt dan een website die niet W3C gevalideerd is.

Webtaurus is gespecialiseerd in W3C validatie en HTML optimalisatie. Elke “nieuwe” website die door ons wordt ontwikkeld, is standaard W3C gevalideerd. Wij kunnen ook op uw bestaande webpagina HTML validatie toepassen.

Webtaurus ontwikkelt professionele, betaalbare en geheel geoptimaliseerde websites die voldoen aan alle strenge W3C webstandaarden. Door deze standaarden worden internetsites sneller weergegeven en zijn deze beter toegankelijk voor alle internet gebruikers.

Kleine dingen als text-shadow en moz-rounded-corners maken het leven van een webdesigner een stuk aangenamer. Ooit geprobeerd om de principes van aanbrengen van ronde hoekjes om elementen uit te leggen aan een leek?
En het mooie van het verhaal is dat  al die mooie dingen al ondersteund worden in recente browsers zoals Firefox, Chrome en Safari.

Nu is het wachten op Microsoft om te zorgen dat Internet Explorer ook in de pas gaat lopen…

De kunst is nu om uit te leggen dat gezien de snelheid van de ontwikkeling van de browsers het zinvol is om niet zwaar te investeren in “oude” technieken zoals het gebruik van meerdere plaatjes om ronde hoekjes te laten zien, maar dat je nu al nieuwe css kunt gaan gebruiken die binnenkort wel door alle browsers ondersteund gaat worden (zoals het voorbeeld laat zien, hopelijk geen wishfull thinking)

Inmiddels heeft Microsoft in een voorproefje van IE 9 laten zien dat er gewerkt wordt aan css 3 ondersteuning.
Eerste indruk op css3.info en de info van Microsoft staat hier

En… the man weet waar hij het over heeft. Geen woord onzin in die lyrics.

Another SEO Rapper video….talking about links and how they increase your page rank. lyrics: Chuck back again so tell me what you thank, new song new dance I call it the Page Rank
Seo rapper on \”Page Rank\” YouTube

Design Coding

The Poetic Prophet (AKA The SEO Rapper) is back with another marketing rap. This time he describes how web standards and proper design can affect the ranking and conversion of pages on your site…

En nog eentje om het af te leren…

A funny rap that tells 2 different stories of Social Media being used. lyrics: Addicted to the power cause I’m online for hours 10 tabs open on firefox browser 24 hours like my name Jack Bauer….
nah. 10 tabs dat is een understatement waarschijnlijk.

Meer van moserious

ps. voor designers;
Na het invoegen van de bovenstaande video’s valideerde de pagina niet meer.  Blijkbaar een bekend probleem, de code die YouTube genereert breek de validatie. De YouTube code voor de laatste video is :

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”480″ height=”385″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowFullScreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”src” value=”http://www.youtube.com/v/vXCCGsBVzrc&amp;hl=nl_NL&amp;fs=1&amp;rel=0″ /><param name=”allowfullscreen” value=”true” /><embed type=”application/x-shockwave-flash” width=”480″ height=”385″ src=”http://www.youtube.com/v/vXCCGsBVzrc&amp;hl=nl_NL&amp;fs=1&amp;rel=0″ allowscriptaccess=”always” allowfullscreen=”true”></embed></object>

Dankzij de tips die ik vond op deze site valideert de pagina weer als Xhtml Strict 1.1 door de bovenstaande code te veranderen in:

<object type=”application/x-shockwave-flash” width=”480″ height=”385″ data=”http://www.youtube.com/v/vXCCGsBVzrc”><param name=”movie” value=”http://www.youtube.com/v/vXCCGsBVzrc” /></object>

De video’s lijken normaal te werken, gecontroleerd op Firefox 3.5, Chrome, IE 8, IE 7 en Safari voor Windows.

Op de website ‘heeftstijl‘ waar ik toevallig op terecht kwam staat een leuk artikel wat ik helemaal kan onderschrijven…

Verbazingwekkend eigenlijk: uitgerekend een studente – die dagelijks haar mail checkt, haar lesrooster online raadpleegt, online onderzoek doet voor een scriptie, haar vrienden en vriendinnen krabbelt op Hyves – weet niet wat een browser is.

In mijn dagelijk werk kom ik dat verschijnsel regelmatig tegen.. een klant wil een website, maar heeft geen idee dat er meer browsers zijn dan het programma met de blauwe E waarop hij/zij zijn berichten leest, online betalingen doet en relaties onderhoud.

Frappant daarbij is dat ook nadat de klant begrepen heeft dat er zoveel browsers zijn, hij meestal ook aanneemt (of eist) dat zijn website er op al die browsers hetzelfde uitziet.

Op de website “Ondoordacht Blog” kwam ik onderstaand filmpje tegen…

Wat is een browser, video op centraalstation Rotterdam via Youtube.

Google doet ook z’n best om wat helderheid te verschaffen op Youtube staat onderstaande video:

De video is inmiddels 708205 keer bekeken dus hopelijk zijn er weer een heleboel verhelderde mensen bij gekomen.

Mijn persoonlijk favoriet is al jaren Firefox. Inmiddels niet meer de allersnelste browser maar door de mogelijkheid om de ‘bladeraar’ eenvoudig uit te breiden met “add-ons” krijg je precies de browser die je zelf wilt hebben. Terwijl ik bericht maak heb ik bijvoorbeeld een spellingscontrole, doordat ik in Firefox meerdere woordenboeken of talen heb geïnstalleerd.
En voor webdesigners is de Addon Firebug bijna onmisbaar.

Voor de webdesigners nog even een al wat ouder plaatje wat de dagelijkse praktijk illustreert