In de toekomst zou het wellicht mogelijk moeten zijn om met behulp van mediaqueries, data-attributen en generated content verschillende plaatjes te serveren aan verschillende resoluties, zonder gebruik te maken van JavaScript. De nadelen van deze techniek – buiten het feit dat hij nog niet werk

Als je de exacte afmetingen van een plaatje weet dan kan je redelijk eenvoudig op een semantisch correcte en toegankelijke manier, zonder gebruik te maken van server- of client-side scripts, verschillende plaatjes aan verschillende resoluties serveren. Nadelen? Grote schermen downloaden beide plaatje

Je kan cookies gebruiken om plaatjes van verschillende grootte aan te bieden aan verschillende schermresoluties. Er zitten wat nadelen aan. Caching is een probleem bij deze oplossing omdat plaatjes van verschillende grootte dezelfde naam hebben. Dat is vast en zeker ook een probleem met zoekmachines.

Een serie screenshots maken van een video op het web, ik zou niet weten hoe ik dat een beetje snel moet doen – behalve dan een stagiair vragen om het te doen. Gelukkig is Christian Heilmann zo vriendelijk geweest een tooltje te maken waarme je precies dit kutklusje kunt uitvoeren. Fijn ook voor

Gebruik je wel eens sprites om achtergrondplaatjes te tonen? Wat een gedoe he? Van deze tool ga je blij worden. Probeer het voorbeeldplaatje eens uit om te zien hoe cool hij is.

Soms wil je favicons gebruiken (of andere pietepeuterige graphics) om bijvoorbeeld aan te geven dat een bepaalde widget gebruik maakt van diensten van Twitter. Die kleine icoontjes zijn dat wat onduidelijk. Hier een slimme oplossing, ook in andere situaties te gebruiken.

Op A List Apart staat een hoofdstuk over fluid images uit het nieuwe boek van Ethan Marcotte. Verwacht niet, zoals ik deed, dé ultieme oplossing voor verschillende plaatjes voor verschillende schermgroottes maar verwacht gerust álles te weten te komen over hoe je plaatjes kunt laten sch

Schaalbare plaatjes, voorlopig blijft het verhelpen. Er wordt nagedacht over stucturele oplossingen in HTML (of CSS) zelf zodat je geen complexe javascript/server-oplossingen in elkaar hoeft te hacken. Robert Nyman somt wat mogelijke oplossingen op.

Client server logica kan je natuurlijk prima gebruiken bij het oplossen van het probleem met content images. Mark Perkins heeft de oplossing van de Filament Group iets aangepast.

Een van de lastigste problemen bij responsive design is hoe om te gaan met plaatjes in de content. Andy Hume komt met een mooie oplossing die kijkt naar de grootte van het plaatje en het alleen vervangt door een grotere of kleinere versie als dat nodig is. Dat gaat iets verder dan wat generieke oplos

Placeholderimagegeneratoren, ik heb er al veel gelinkt. Deze genereert random plaatjes.

Een test waarin wordt gekeken welke techniek je moet gebruiken om plaatjes niet te tonen én niet te downloaden op een iPhone.

Er bestaan legio diensten die placeholder plaatjes serveren: je geeft een formaat aan achter een url en je krijgt een op maat gemaakte grijze rechthoek terug. Soms kan je ook een kleurtje meegeven. Saai. Gelukkig is er nu Placekitten waarbij je foto's van poesjes geserveerd krijgt in plaats van kleurvlakken.

How to develop an #HTML5 image uploader by @paulrouget

~ @elliottkember's image-to-HTML adventures: (be sure to view source). His write-up:

Looking over @filamentgroup’s experiments with responsive image loading:

RT @tabatkins: New blog post: CSS Image Values Module #css3

Bezig met een diagonale sprite voor lijsten. Echt een briljant en heel bruikbaar concept.

Drag en droppen vanaf je eigen file system (computer) naar een webpagina, het kan in de nieuwste browsers. En dan kan je dus dit soort prachtige dingen maken.

Gisteren linkte ik naar een optimalisatietool voor plaatjes die op veel systemen werkt behalve op OSX en Windows. @julesjanssen attendeerde me vervolgens op deze tool die zo te zien hetzelfde doet maar dan juist op OSX. Kent er nog iemand zo'n tool voor Windows? Dan zijn we compleet.

Probleem met echte fluide layouts was altijd het bijzonder slechte image-rendergedrag van Windows (niet alleen IE dus, heel windows). Daar is nu een scriptje voor.