css

Typekit, fonts voor het web?

realfontDe meesten onder ons herinneren zich wellicht nog nauwelijks de websites van eind jaren 90. Lelijke eenvoudige sites. Bovendien kostten die gedrochten kleine kapitalen destijds.

Men moet de evolutie* van het internet kennen om dat te begrijpen (Er waren toen ook echt goeie vormgevers..) Het net kent zijn oorsprong bij de universiteiten die het toen (en nog steeds) meer hadden voor funcitionaliteit dan voor design. Sites konden oorspronkelijk enkel titels en paragrafen tonen, en wat later ook nog beelden tonen. Later werden daar allerlei dingen aan toegevoegd. Browsers, gemaakt door telkens andere partijen, probeerden daar zelf dingen aan toe te voegen (herinnert u zich nog het flicker-efect op IE?). Een hel voor webdesigners: geen enkele site zag er hetzelfde uit op die verschillende browsers. Heck, je kon bij wijze van spreken een versie maken per browser. Wat ook gebeurde destijds, met hoge kosten als gevolg.
En toen kwam er een onderliggende beweging op gang, die een standaard wou.
Een goeie standaard. Mozilla, Firefox, Safari, een voor een volgende de browsers. Zelfs Internet Explorer zal in versie 8 eindelijk de hele standaard ondersteunen.

HTML ondersteunt intussen al een pak meer dan titels (H1, h2, …) en paragrafen, en de designers zijn intussen massaal overgestapt op css, en functionelere manieren van websites bouwen/beheren.
Goeie CMSsen zijn intussen gemeengoed (tov loge lompte en te uitgebreide dingen een aantal jaren geleden.)
Internet is dus wel degelijk gegroeid. Snel, maar goed: van push, naar pull, van statisch naar dynamisch, eindelijk echt interactief, en van lelijk naar mooi.

Wat nog ontbreekt? Fonts. Een hemel voor vormgevers… Het internet zoals we het nu kennen ondersteunt slechts een aantal basisfonts, omdat men weet dat deze standaard op de meeste computers geinstalleerd staan.
In het verleden fietsten we daarrond heen door Flash te gebruiken, of beeldjes, in een recenter verleden door sIFR, en vandaag , voor betereSEO, door Cùfon.

Morgen? Morgen zullen we (hopelijk) eindelijk de eenvoudige oplossing vinden.
Browsers zullen dan immers fontfaces aanvaarden. Enigste nadeel? Op fonts berust copyright.
Typekit wil daar een antwoord op bieden.
Het is nog niet helemaal duidelijk wat precies ze gaan doen, maar ik vermoed dat het abonnementen zullen zijn op fonts, vergelijkbaar met sabam: wat je ‘afspeelt’ betaal je, ovv een forfait.
Eindelijk, denk ik dan.
Ik hoop alleen dat er betaalbare prijzen bedongen worden.
Ik kijk er al naar uit…

*Interessant boek die dit goed uitlegt: Designing with Web Standards (2nd Edition)

IE6, sterf!

internet-explorer-logo-with-pinsDeze post is schaamteloos overgenomen van Wolfr. But he won’t mind! :)

In Noorwegen hebben een groeiend aantal grote sites een bericht toegevoegd, enkel zichtbaar voor IE6-gebruikers. De boodschap spoort ze aan om hun browser een upgrade te geven.

Een goed idee vind ik dat. Op deze site staat er sinds de vorige versie ook een vriendelijke boodschap om dat te doen (kijk maar eens in de broncode van de homepage). Net als op Facebook trouwens.

Ik zeg al geruime tijd dat als morgen IE6 ophoudt met bestaan, dat er uiteindelijk niet zoveel problemen zouden zijn als men denkt. Als je intranet of webapplicatie enkel op IE6 werkt heb je eigenlijk al enkele jaren een nakend probleem, aangezien Windows XP niet meer vlot verkrijgbaar is. Onlangs uitte ik nog de wens dat Windows 7 een magistraal goed besturingssysteem wordt zodat iedereen wíl overstappen. Maar zo kunnen we ellenlang blijven zagen: het is tijd om eens wat actie te ondernemen.

Concreet denk ik dat we met onze gecombineerde twinfluence een heleboel sites van zulke boodschap kunnen voorzien. Ik zal alvast moeite doen om klanten te overtuigen van het nut van zulke boodschap.

Een voorbeeld van hoe de HTML-code voor zo’n boodschap eruit ziet kan je hier bekijken. Dit mag je uiteraard vrij aanpassen en gebruiken. Hoe meer hoe liever.

Wie doet mee? Meld u in de rangen!

Voor degenen die het fysieker willen afreageren, check dit :)

Sketchboek voor webdesigners

mockup-web
Een leuke ‘off-line’ tool om sketches te maken met de browser in gedachten, mét grid.
Gratis en voor niets hier te downloaden.

Screendimensions

screen-dimensions
Een bijzonder handige tool bij je opbouw van je grid, vind ik deze file.
Ik plaats em binnen mijn opgebouwde grid file in photoshop, en krijg daarmee dadelijk een mooi overzicht wie wat zal zien.
Aangeleverd door de mannen van Proximity.

Flickrness

Categories

css (4)
design (2)
desktops (2)
entrepeneur (19)
free (9)
geeky (44)
inspiration (26)
inspiring minds (12)
news (1)
newsletters (1)
office (11)
on the shelves (8)
partners (3)
photo (9)
photography (14)
portfolio (36)
presentations (6)
tips (29)
tools (2)
tricks (1)
webdesign (24)
workflow (4)

WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

 

 

Recent Comments

  • Serge Van Cauwenbergh: Zoals je aanhaalt: usability-wise kan er aan de site van KMO-portefeuille nog veel verbeterd...
  • joeri: Geniet van de gekozen weg!
  • dipfico: We zijn jaloers op jullie, die zonder boe of ba uit de mainstream stappen en een jaartje op avontuur gaan....
  • Serge Van Cauwenbergh: Een leerrijke tekst met veel herkenbare elementen! Voor mij persoonlijk zelfs aanvullend bij...
  • Pietel: 2. Noem eens wat namen van kleine bureaus. 3. Social Media Marketing wil net geen advertising genoemd worden....

Recent Readers