Blog


HTML 5 en Arcade Fire

Posted by on 18:11 in Webdesign | 0 comments

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...

read more

Tilt-shift losgelaten op van Gogh

Posted by on 10:43 in Internet, Kunst, Photoshop | 0 comments

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...

read more

Embed PowerPoint op websites

Posted by on 18:52 in Flash, Internet, Lifehacking, Tips & Tricks, Tools | 1 comment

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...

read more

Nominatie

Posted by on 16:19 in Algemeen, Internet | 0 comments

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...

read more

Image hover effect met css

Posted by on 16:16 in Internet, Tutorials, Webdesign | 2 comments

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...

read more

7 gratis manieren om muziek te ontdekken

Posted by on 15:57 in Internet | 0 comments

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...

read more

Bannerformaten

Posted by on 13:19 in Internet, Seo & Analytics, Tips & Tricks | 0 comments

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...

read more

10 geweldige stickers voor je MacBook

Posted by on 14:33 in Algemeen, Design | 2 comments

Het “saaie” uiterlijk van je MacBook ook zo zat? Daar kun je met onderstaande stickers wat aan doen! Squirrel Lego Space Invaders Pussy on the Prowl Meer leuke stickers in het vervolg van deze post: Tic-Tac-Toe Ironman Magritte Birdcage Skull Ironman color De meeste van deze stickers zijn vinyl, en redelijk makkelijk (in ieder geval zonder je MacBook te beschadigen) weer te...

read more

Last.fm, de gratis alternatieven

Posted by on 20:25 in Algemeen, Internet | 0 comments

In een grijs verleden heb ik eens een post geschreven voor een ander blog over Last.fm, de site voor online social music streaming. Omdat er inmiddels een stuk meer alternatieven zijn voor last.fm dan toen ik die post schreef, leek het me leuk om er eens een nieuwe post over te schrijven! Totdat Last.fm het besluit nam hun businessmodel aan te passen van geheel gratis naar betaald was ik er dagelijks te vinden. Eerlijk gezegd nu nog steeds, maar nu vrijwel uitsluitend om te zoeken naar uitgebreide informatie over bands, en te zoeken naar vergelijkbare bands binnen een bepaald genre. Wat dat betreft is Last.fm wat mij betreft nog steeds onverslaanbaar. Het is heel makkelijk om te zoeken op genre en zelfs als je alleen op bandnaam zoekt krijg je een hele reeks vergelijkbare bands. Op sociaal vlak is last.fm wat mij betreft weggevaagd door Blip.fm. Zelf je muziek posten, met een commentaar, en kunnen reageren op de Blips van anderen maakt Blip.fm socialer dan Last.fm ooit was. Alle diensten die Last.fm aanbiedt (suggesties aan de hand van de muziek die je scrobbelt, statistieken, nieuws over nieuwe albums, gratis downloads, informatie over de populairste artiesten van de week en ga zo maar door) zijn best de moeite waard om voor te betalen, daar hoor je me niet over. Het gaat er mij om dat er heel veel gratis alternatieven zijn waar je prima muziek kunt luisteren, zonder maandelijkse abonnementskosten. Een aantal interessante op een rij: Zoals eerder al gezegd, Blip.fm laat je je eigen muziek posten op een Twitter-achtige manier. Jango is een online muziekspeler, waarin je een kanaal kan aanmaken rond een bepaalde artiest of muziekstijl. Uiteraard is er de mogelijkheid om interactie te zoeken met de community, songs te beoordelen en naar andermans kanaal te luisteren. Grooveshark is een website waar je even aan moet wennen. Niet dat het ingewikkeld is, maar het is vooral handig om playlists mee te maken (die je vult met muziek uit een enorme database). Het is dus niet zozeer een radio station. Deezer biedt de mogelijkheid om een radiostation af te spelen, gesorteerd op genre, maar ook om zelf nummers, albums of artiesten te zoeken en zelf te selecteren wat je wil horen. Live365 werkt anders dan alle andere sites. Je kunt namelijk een keuze maken uit een enorme hoeveelheid internet radiostations. Dit zijn echte radiostations, die ook op internet uitzenden. Playlist doet precies wat de naam al zegt. Het is bij uitstek geschikt om playlists te maken. Helaas kun je die niet importeren vanaf een andere site of vanuit iTunes. Wel kun je mensen volgen, muziek spelen en de Music Activity Feed volgen. Jammer is dat meer dan 90% van de muziek niet in Nederland te beluisteren is vanwege ‘licensing restrictions’. Musicovery heeft zowel een gratis als een betaald account. Je kunt bepalen welke muziek je wil horen door middel van kiezers voor genre, stemming en ritme (snelheid). Er zijn ook nog instelmogelijkheden voor tijdperk en of je alleen maar hits wilt horen of juist minder bekende muziek wilt ontdekken. Stereomood is ook een leuke, hoewel iets gecompliceerd. Het grootste doel van Stereomood is om gebruikers een playlist te laten kiezen aan de hand van hun stemming. Daarnaast kun je ook muziek beluisteren van één bepaalde artiest. Een site waar...

read more

Logorama

Posted by on 10:15 in Algemeen, Design, Internet | 0 comments

Dit is een korte film, geregisseerd door het Franse animatie collectief H5, François Alaux, Hervé de Crécy + Ludovic Houplain. Deze film is gepresenteerd tijdens het Film Festival van Cannes in 2009. Het is gebruikt voor de opening van het Sundance Film Festival en het heeft een Academy Award gewonnen in de categorie ‘korte film’ in 2010. Logorama from Marc Altshuler – Human Music on...

read more