We still love the titles

Heel lang geleden hield ik al van mooi aftiteling en ook watchthetitles.com bekijk ik nog wel regelmatig. Nu belde net een potentiële klant met de vraag of ik de aftiteling van Te zien op 1:46"> Catch me If You Can kende. Dat inspireerde voor een eventuele website en laat ik nu toevallig net dit filmpje tegenkomen. De productie is van Ian Albinson en de muziek, met de altijd heerlijke trompetjes, van RJD2 “Ghostwriter”.

Het volledige lijstje?

Oh ja: wie een volledige link heeft naar de titles van iedere film. Post deze hieronder en ik werk het lijstje bij.

Briljante Advertentie (1)

Niets aan toe te voegen…

Een creatief vak

Vormgeven, ontwerpen, het bedenken van concepten. Over ‘t algemeen wordt dat beschouwd als creatief en voor mij is dat een erg leuk stukje uit m’n vak. Maar ook met koken kun je al je creativiteit kwijt. Niet voor niets waarschijnlijk dat ik dat óók zo leuk vind. Helemaal om vervolgens ook nog eens te beleven dat wat je gekookt hebt. Soms ook wel wat minder geslaagd, maar goed. Daarnaast kan ik altijd erg genieten van een stukje ambachtelijkheid .

Zodoende deel ik graag onderstaande uitzending van een bijzonder mooi gemaakt programma; Pavlov!

Een beetje van mij, een beetje van Ikea

Zolang het staat en niet al teveel gebruikt word, gaat IKEA een eeuwigheid mee. Inmiddels hebben ze wel iets ontzettend duurzaams gevonden. Een expedit voor op m’n bureaublad. Bureaublad? Ja, juist digitaal!

Opruimen dan!

Als er wordt opgeruimd is dat op vrijdag, dus vanmiddag wordt m’n bureaublad maar eens aangepakt. Geef al je mappen op je bureaublad een mooi eigen icoontje en je hebt een heerlijk clean bureaublad. Waarschijnlijk wel net zoveel werk als het in elkaar zetten van een fysieke kast. Maar ach, vrijdagmiddag

Een pc-versie en een mac-versie

Signing en Signing

Regelmatig struin ik allerlei websites af om te zien of er nog wat leuks te zien of te beleven is. Regelmatig volg ik ook bepaalde twitteraars voor datzelfde. Af en toe kom je iets moois tegen wat je graag wil delen en degene die zich geroepen voelt kan het bekijken en is misschien zelfs tot veel meer leuks of interessants geleid. Dat maakt het de tijd die het over het algemeen teveel kost, ruimschoots goed.

Nu heb ik besloten om dit soort vondsten structureler en vaker te gaan delen. Hier alvast de vangst van vandaag! Een prachtig filmpje over David A. Smith, een echte ambachtsman die ook wel degelijk met mijn vak te maken heeft. Mooi én met de hand gemaakt. Prachtig toch? Gevonden op dit blog.

Gefilmd door Danny Cooke

Muziek van Tony Higgins (Junior85)

Uitvinding van het decenium

Als ik er eens even bij stil sta en mezelf bedenk in hoeveel toepassingen ik inmiddels stiekem gebruik maak van gestures in multitouch-technology, moet ik dan voorzichtig concluderen dat deze technology misschien wel de uitvinding van het decennium 2000-2010 is? Het zal blijken in ons kersverse volgende decennium 2011-2020…

Officieel werd het in 1998 al een beetje ontdekt door John Elias en Wayne Westerman vanuit hun bedrijf Fingerworks, maar echte toepassingen vonden later plaats.
Ik weet wel dat ik er zelf inmiddels aardig aan verslingerd ben, zou het niet willen missen.

Andere betere uitvindingen? Doe eens tegenvoorstel en reageer.

Waar kennen we het toch van?

Vroeger, 2006, toen al is het eens uitgebreid gepresenteerd. En toen was het al dikke fun! Sorry voor de Apple-fans, maar ‘t is dus geen Apple-uitvinding
Ze hebben bij Apple in ieder geval wel goed opgelet. In 2007 hebben ze onze vrienden John en Wayne maar eens in hun heiligdom opgenomen.

Alhier een mooi overzicht van gestures. Indrukwekkend lijstje, inmiddels.

Thnx to Ideum

Bekijk dit item huge!

Ook daarom fan

Yep, ik beken. Ik ben een fan!

Humor

Een beetje fan van Apple, een beetje fan van mooie icoontjes, een beetje fan van icoontjes ontwerpen. Allemaal hartstikke leuk!
Nu hou ik ook wel van een beetje humor in een ontwerp. Electric Pig heeft grapjes verzameld waarin deze drie dingen (apple, mooie icoontjes, fans van icoontjes ontwerpen) bij elkaar komen.
Alle eps-bestandjes heeft ie eens mooi uitvergroot en dan “zie” je “het” in 1 x! Een leuk lijstje…

Voorproefje

Website Ovatel

Een website voor Ovatel BeNeLux. Distributeur van producten welke helpen om je vruchtbare periode in kaart te brengen. Niet helemaal mijn onderwerp, niet helemaal mijn ontwerp ook, maar dat hoeft ook helemaal niet om een klant goed te kunnen bedienen. User Centered Design, valkuil nr.1 is om een klant met mijn eigen voorkeuren op te zadelen.
Genoeg bezoekers welke hierin helemaal hun weg kunnen vinden. Daar gaat het om.

Verder is het vooral een site waar veel in zit en die bovendien goed te beheren is. Een vette flash-header, klantreacties, testimonials, een youtube-video in de homepage, alle koppelingen met Social Media, etc.  Helemaal WordPress.

Trëma's & áccent graves

Tegenwoordig is het bijna standaard dat ik een klant een website oplever welke zelf te beheren is. Logisch, want wie zit er nu te wachten om voor iedere wijziging te bellen en misschien wel te betalen. Niemand toch? Daarom is bijvoorbeeld WordPress en Magento een veel gebruikt systeem voor websites die ik ontwerp en realiseer.

Zelf beheren moeilijk?

Nee, dat is het vaak ook niet. Het is zelfs makkelijk, overzichtelijk en intuïtief. Maar, voor sommige zaken ontkom je niet aan een stukje kennis. Hoe kom je er nu bijvoorbeeld achter hoe je een trema op de u plaatst? ü, zei je? Ja, juist.

Om sommige karakters goed weer te kunnen geven, moet je eigenlijk weten hoe zo’n speciaal karakter in HTML-code geschreven wordt. Daarom onderstaand lijstje, zodat je bijvoorbeeld beïnvloeden, René, geërgerd, ideeën of € 100,- zonder problemen op je webpagina of in je blogbericht kunt weergeven. Voor het geval hij niet te benaderen is via de symbol-funtie in je editor.

Oh ja, uiteraard wel even uit je wysiwyg-editor, maar in je html-editor werken dan hè

Zie in onderstaande tabel de HTML-code die je kunt gebruiken voor de speciale karakters.

Google Fonts

Google kennen we natuurlijk wel van allerlei initiatieven. Maar, wat veel trouwe gebruikers niet weten zijn de ontwikkelingen in Google Labs. Dit zijn initiatieven in allerlei soorten en maten.

Sommigen moeten concurreren met Twitter en mislukken falikant -Yep, dan hebben we het over Buzz- en weer anderen zijn puur ondersteunend voor grotere diensten. Sommige initiatieven moeten  grote indruk maken, waarbij we het maar niet over Google Wave hebben, waar in de zomer van 2010 alweer de stekker uitging. Sommige, zoals Google Maps, Android, SketchUp of allerlei mobiele toepassingen, zijn ook echt bijzonder succcesvol!

En aan andere kant zijn er dus de fijne kleine initiatieven die in alle stilte op de achtergrond plaats vinden.

Zo is Gmail ooit ook klein begonnen en was het een experimentele email-dienst. Van de laatste tijd kennen we bijvoorbeeld Google TV, Google Books (alweer even oud, maar wel behoorlijk huge inmiddels), Google translate. En nu is daar alweer een tijdje een andere interessante dienst, welke inmiddels volwassen proporties krijgt: de Google Fonts API. Hiermee wordt het mogelijk om meer verschillende lettertypen te gebruiken voor je website, zonder je zorgen te maken of een bepaald lettertype wel geïnstalleerd is bij de bezoeker aan de andere kant het touwtje . Daarnaast hoef je de ‘custom fonts’ ook niet te op je eigen server te plaatsen, datgeen waar je normaal aangebonden bent. Handig voor al diegenen die meer dan 100.000 bezoekers per dag hebben. Maar, ook een echte uitkomst voor website ontwikkelaars en natuurlijk degenen die graag wat meer aandacht aan hun fontkeuze besteden.

In dit bericht wil ik even ingaan hoe je Google Fonts API kunt toepassen en je je eigen mooi fonts kunt gebruiken op je website of in je webdesigns. Wéér wat extra vrijheid, iets waar je alleen maar blij mee kunt zijn.

De Google Fonts

Momenteel kunnen we in de Google Fonts directory 76! lettertypen vinden, die we kunnen gebruiken in combinatie met de Google Fonts API. Er zullen naar alle waarschijnlijkheid steeds meer ontwerpers zijn die hun (gratis) fonts zullen aanmelden bij Google. Het wachten is eigenlijk alleen nog op de grote ontwerpers, die hun eerste lettertypen zullen indienen. Al is het alleen maar om eens even te kijken of het een eventuele populaire letter zou zijn.

Hoe werkt het dan?

Dat is nog niet eens zo ingewikkeld eigenlijk. Heb je een beetje kaas van CSS gegeten en weet je hoe je moet knippen en plakken? Dan is het prima te doen.
Hoe zou je nu bijvoorbeeld API kunnen toepassen voor gebruik op je eigen website? Eerst laden we een speciaal CSS bestand in en dat bestandje zorgt er vervolgens weer voor dat het gekozen lettertype wordt geladen. Wil je bijvoorbeeld het lettertype ‘Nobile‘ gebruiken, dan gebruiken we de volgende code in onze head-sectie.

<link href=’http://fonts.googleapis.com/css?family=Nobile‘ rel=’stylesheet’ type=’text/css’

Moeten het meer lettertypen worden dan alleen de Nobile, dan zoeken we de desbetreffende naam op en plaatsen die na het toevoegen van dit  | teken (|) het nieuwe stukje code.

<link href=’http://fonts.googleapis.com/css?family=Nobile|Philosopher|Alerta+Stencil’ rel=’stylesheet’ type=’text/css’

Zit er een spatie in de naam van het lettertype, dan gebruiken we het +-teken (+). Zie bovenstaand voorbeeld met toevoeging van de Philosopher en de Alerta Stencil.

Gebeurd?

Ok, heb je dat gedaan? Dan hoef je vervolgens alleen nog maar het lettertype aan te roepen. Wil je bijvoorbeeld een H6 in de UnifrakturMaguntia dan zorg je de er een regeltje in je css-bestand staat die de H6 als dusdanig benoemt.

Tadaa!

Bold of Italic?

Dat kan natuurlijk ook, maar dan moet je achter de code voor het het lettertype een dubbele punt te zetten en vervolgens de letter ‘b’ (bold), ‘i’ (italic) of ‘bi’ (bold italic).
Dat ziet er als volgt uit: <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=UnifraturMaguntia:i|UnifrakturMaguntia:b">
Ook alle CSS 3 functies, zoals bijvoorbeeld het toevoegen van schaduw aan je tekst, zijn allemaal mogelijk.

Handig dus?

Ja, best wel! Mocht je nu zelf zo’n verzoek hebben of wil je bijvoorbeeld dat ik bepaald lettertype in je website gebruik? Dan kan dat natuurlijk, vraag er gerust naar. Uiteraard moet het wel een beetje passen en mooi zijn. Maar goed, dat mag bekend wezen