Vandaag heeft de automatische updater van Firefox de nieuwste versie binnengehaald en geïnstalleerd.

Versie 9.

Mijn grote vrees: deze versie laat wederom niet de gehele url zien, maar alleen het gedeelte ná http://.

Gelukkig ongegrond, ik zie nog steeds de gehele url. Voor mij bijzonder belangrijk, want per dag kopieer en plak ik groot aantal urls. Iedere keer kijken en afwachten of http:// wel meekomt is dan een drama.

Gelukkig is het niet moeilijk om het door Mozilla sinds Firefox 7 verstopte (want in hun ogen overbodige?) stukje url weer terug te krijgen. Hier is hoe:

Vandaag kwam ik een interessant vraagstuk tegen over de voor en nadelen van de Google plus one button.
En dan nog niet eens zozeer van die button zelf, maar van het weergeven van de teller (waarmee je kunt zien hoe vaak een pagina, of product ‘geplust’ is.

Om bij het begin te beginnen; het is mogelijk de Google plusone button ook zonder teller op je site weer te geven, met de volgende code: <g:plusone count=”false”></g:plusone> (Bron: Google webmaster Central).

De discussie ging erom of het wenselijk was om voor webwinkels waarvan het aanbod een zekere exclusiviteit moest uitstralen, te laten zien hoeveel mensen een exclusief product hadden geplust. Veel plussen kon worden opgevat als een aantasting van de exclusiviteit, was de redenatie.

Ik ben benieuwd naar andere meningen hierover!

Als je unieke artikelen verkoopt, bijvoorbeeld op een webwinkel, zou het kunnen zijn dat je klanten het vervelend vinden dat het product dat ze bekijken al 100 keer is geplust. Dat is natuurlijk niet echt uniek, 100 plusjes.

Het is natuurlijk nog maar de vraag of het product dan ook daadwerkelijk 100 keer verkocht is, uniek betekent doorgaans dat er maar 1 exemplaar van dat product in omloop is, en er dus ook maar 1 van kan worden verkocht.
Maar het gaat er nu vooral om dat de Google plus one button een teller kent, die aangeeft hoe vaak het product is geplust. Die teller is wat het probleem vormt als je niet wil dat mensen zien dat een product heel vaak geplust is.

Niet lang geleden heb ik het ontwerp van het logo en huisstijl voor Weddingbliz afgerond.

Weddingbliz voorziet in de planning en het regelen van o.a. bruiloften, vrijgezellenfeesten, geboorte-, of pré geboortefeestjes, sweet sixteens en jubilea.

vanwege die diversiteit in het aanbod vond ik het belangrijk dat het logo niet al teveel de nadruk zou leggen op bruiloften. Ook wilde ik niet verstrikt raken in alle doorgaans met bruiloften geassocieerde clichés, zoals krullen, strikken, hartjes, ringen enzovoorts. Brrr.

Het plannen van een bruiloft is best een zakelijke aangelegenheid, en je huurt een weddingplanner vooral in vanwege het gemak, en de kostenbesparingen die een planner kan realiseren.

Vandaar dat ik vond dat de nadruk niet op romantiek moest komen te liggen, maar vooral op gemak en ‘joie de vivre’.

Na flink wat schetsen is dit het uiteindelijke logo geworden:

De symboliek van het logo is dat de twee figuren in een blije stemming zijn, hun ‘armen’ vormen een symbolische schaal, wat weer voor vruchtbaarheid kan staan, maar ook gezien kan worden als twee feestende figuren die elkaar in een danshouding hebben.

Voor de bijbehorende visitekaartjes heb ik de twee figuren los van elkaar gebruikt:

De voorzijde:

En de achterzijde:

Naast visitekaartjes heb ik ook eenvoudige flyers ontworpen, op basis van de homepage van de website:

De voorzijde:

En de achterzijde:

De hele huisstijl combineert een ingehouden speelsheid en vrolijkheid met een scheutje klasse en eigenwijsheid, zodat je er meerdere kanten mee uit kunt.

HTML5 zal op termijn, bij de volgende revisie, de huidige versie van html vervangen.

Veel developers kijken al reikhalzend uit naar alle nieuwe mogelijkheden, en vooral naar de mogelijkheid om interactieve content af te kunnen spelen zonder de noodzaak om een Flash player plugin te hoeven gebruiken.

De website van Arcade Fire is hiervan een mooi voorbeeld.

Voor één van hun songs, We Used To Wait, heeft Chris Milk een geweldige interactieve video gemaakt, waarbij Google streetview images op basis van user input worden opgehaald en verwerkt in de video.

De video is geoptimaliseerd voor Google Chrome, en werkt misschien niet goed op een andere browser.

Wil je weten of jouw “browser of choice” al klaar is voor html5? Test hem op html5test.com

Misschien heb je er wel eens van gehoord; Tilt-shift, een manier van fotograferen die ervoor zorgt dat foto’s van levensechte objecten eruit zien alsof het miniaturen zijn. Je kunt hiermee een kunstmatige diepte in foto’s creëren.

Hetzelfde effect kan ook worden bereikt door een normale foto te bewerken met Photoshop.

Dit heeft Serena Malyon gedaan om een aantal schilderijen van Vincent van Gogh een bijzonder effect te geven.
Een selectie:

De tilt-shift versie van “Pont de Langlois”:

En de originele versie:

Bron: Wikimedia Commons

De tilt-shift versie van “Starry Night Over The Rhone”:

En het origineel:

De tilt-shift versie van “red vineyard”:

En het origineel:

De tilt-shift versie van “Red Chestnuts in the Public Park at Arles”:

En het origineel:

Er staan nog meer mooie voorbeelden van deze techniek in deze post op My Modern Met.

Ook leuk is dat ik nooit een groot liefhebber van van Gogh was, maar door deze werken heb ik toch besloten om me eens wat meer in zijn werk te gaan verdiepen.

Ik heb het nooit eerder nodig gehad, tot een paar dagen geleden. Ineens wilde een opdrachtgever een powerpoint presentatie op een website opnemen.

En ik had geen idee hoe ik dat voor elkaar moest krijgen zonder de hele presentatie in Flash over te hoeven nemen.

Hoor ik daar iemand denken: Hallooo, en Slideshare dan?

Daar heb je dan gelijk in, ware het niet dat het hier om een pps, oftewel een presentatie die is opgeslagen in presentatiemodus ging.
Die kun je uiteraard wel gewoon uploaden bij Slideshare, maar als je hem dan op een site embed, heeft Slideshare hem ontleed en kun je hem slide voor slide bekijken, en hem pauzeren. En dat was nou precies niet de bedoeling..

Enig speurwerk leverde deze site op:

Je hoeft alleen een account aan te maken, vervolgens kun je je presentatie uploaden en authorSTREAM maakt er een Flash filmpje van, dat je vervolgens kunt embedden.

Maakt niet uit of er een hidden slide inzit (die gebruikt wordt om muziek onder de presentatie te kunnen spelen), authorSTREAM slikt ‘t allemaal. En kan ermee overweg.

Het mooiste? Het kost niets!

Hoe leuk is dat! Mijn blog is genomineerd voor de Dutch Best Small Business Blog Award!

Deze award is in het leven geroepen om zelfstandigen die bloggen en of actief zijn in de sociale media aan te moedigen en in het zonnetje te zetten.

Nu vragen jullie je natuurlijk allemaal af  “hoe kan ik op jou stemmen dan”?

Dat kan met de link naar mijn nominatie op www.socialmediaevent.nl

Soms bestaat de noodzaak voor een link hover effect met afbeeldingen in een website. Normaliter zou je daar Javascript op loslaten, maar dat betekent gelijk dat de 5% procent van de wereld die Javascript in hun browser heeft uitgeschakeld jouw site heel anders ziet dan de bedoeling is.

Er is een lichtgewicht en redelijk kogelvrije oplossing om dit met uitsluitend CSS te realiseren.

Voor alle duidelijkheid, dit is een oplossing die bedoeld is voor hyperlinks.

Dit is de css:

a.hover{
display: block;
width: 100px;
height: 20px;
background: transparent url(jouwafbeelding.jpg) 0 0 no-repeat;
}

a.hover:hover{
background-position: -100px 0;
}

Voor het hover effect heb je twee afbeeldingen nodig, de default state en de hover state. De truc is om deze twee te combineren tot één afbeelding, waarbij de hover afbeelding rechts van de default afbeelding staat. Op die manier wordt de afbeelding direct geladen en heb je geen haperingen bij de overgang van de ene naar de andere state. In bovenstaand voorbeeld ga ik uit van een weergave van 100px breed met een image van 200px breed.

Je ziet in bovenstaande css dat de hover state background position -100 is, dit zorgt er voor dat in het block van 100px pas bij hover de rechter afbeelding wordt weergegeven.

Mijn afbeelding:

Het geheel in actie:

Link

Je kunt naast tekst ook uiteraard een afbeelding als link gebruiken, als je bijvoorbeeld een bijzonder font wil gebruiken. Zorg er dan wel voor dat die afbeelding hetzelfde formaat heeft als de waardes van het block.

Soms kan ik maar niet besluiten naar welke muziek ik wil luisteren. Ken je dat gevoel? Dat je bij alles denkt: mwah, hier heb ik eigenlijk niet zo’n zin in? Mijn oplossing was om te zoeken naar alternatieven. Het blijkt dat daar hele leuke sites voor zijn:

Tuneglue

Je kunt de naam van een band ingeven, waarna Tuneglue je in eerste instantie 6 namen geeft van bands die op de één of andere manier overeenkomsten hebben met de band waar je mee begon.

Je kunt op een willekeurige band klikken en uitklappen om nog meer alternatieven te krijgen.

Music Roamer

Het is een leuke site, je kunt zoeken op artiest, keyword en op last.fm username. Op basis van je zoekterm wordt een aantal bands getoond met overeenkomsten.
Als je op een afbeelding klikt opent aan de linkerkant een overzicht van alle albums van de betreffende artiest. Je kunt zelfs muziek beluisteren en kopen via Amazon of iTunes. Het is wel van belang om te kijken of hetgeen je beluistert daadwerkelijk van de artiest in kwestie is. Vaak beluister je een mp3 uit de enorme collectie van Amazon, het kan gebeuren dat je iets van een tribute band aan het beluisteren bent…

Music Map

Een ietwat andere benadering heeft Music Map.

Als je hier een artiest ingeeft krijg je een heleboel alternatieven, maar je kunt daar verder niets mee. Nou ja, je kunt een artiest aanklikken uit één van de alternatieven, en dan krijg je daar weer een heleboel alternatieven voor. Je zult een andere site moeten gebruiken om te luisteren.

Bloson

Bloson is een site die op een vergelijkbare manier als Last.fm werkt. Alternatieven worden op een vergelijkbare manier weergegeven. Je kunt eenvoudig muziekvideo’s spelen.

Ook leuk, maar heel anders want blogs in essentie, zijn de volgende sites:

One Track Mind

One Track Mind is een blog waarop reviews worden geplaatst over nieuwe releases.

The Hype Machine

Anders dan One Track Mind is The Hype Machine een blog dat door de beste muziekblogs zoekt en artikelen plaatst met links naar mp3 bestanden om te streamen of te downloaden. Je kunt door alle muziek zoeken op verschillende manieren, op populariteit, op populariteit op Twitter, of in een gemixte stream van rond de 14 tracks.

PureVolume

PureVolume is een blog dat zich vooral richt op opkomend talent. Iedere band heeft zijn eigen pagina waarop ze mp3′s kunnen uploaden en waar je berichten kunt achterlaten.

De laatste tijd ben ik veel banners aan het ontwerpen. Ik vind dat ontzettend leuk, want het is vaak een hele uitdaging om je boodschap op een relatief klein formaat over te brengen. En in het geval dat je een animated gif maakt moet je stil staan bij de volgende vragen:

• Gebruik je vloeiende overgangen?
• Hoe lang maak je de overgangen?
• Hoe lang laat je het beeld staan?

Een logische ontwikkeling die uit al dat ontwerpen voortvloeit is dat ik ook veel de vraag krijg “welke zijn eigenlijk de meest gangbare bannerformaten?”. Daarom heb ik een schema gemaakt met daarin de meest gangbare:

Bannerformaten

Dit zijn de meest gangbare, zoals ook veel gebruikt in Google Adsense.

Het vreemde is overigens dat qua resultaat er iets vreemds gaande is. In Nederland worden de volgende formaten het meest gebruikt:

• 468 x 60
• 120 x 600
• 728 x 90

De volgorde in klikratio is echter als volgt:

• 336 x 280 (2,4%)
• 300 x 250 (1,7%)
• 250 x 250 (0,34%)

Bron: Adformatie

Wat ook uit dit onderzoek naar voren kwam is dat gif banners het beter doen dan Flash banners.

Het is dus van belang om goed na te denken over het formaat van de banners die je wil gaan gebruiken…