Reactieve documenten, responsieve content, je ziet het eigenlijk niet zo veel. Best raar, zeker als je eens hebt gekeken naar de voorbeelden bij dit script. Vind je het interessant? Lees dan vooral ook de Explorable Explanations (die worden onder aan de pagina gelinkt) ook.

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.

Een aardige javascript oplossing voor een niet echt heel groot probleem: alle stijlen in mediaqueries worden gedownload, ongeacht de resolutie van de browser. Als je alle mediaqueries in één bestand stopt is alleen de hoeveelheid Kb een issuetje wat, als het goed is, wel meevalt. In som

Ethan Marcotte legt aan de hand van een basiscollege logica wat hij ooit volgde uit wat er mis is in sommige argumenten tegen responsive webdesign.

Interessant artikel over het bouwen van een adaptive layout. De meeste artikelen proberen vragen te beantwoorden, dit artikel is er goudeerlijk over: het bouwen van een eerste adaptieve site roept vooral heel veel moeilijke vragen op die niet zomaar beantwoord kunnen worden. Interessante reacties ook

Goede presentatie van Patrick H. Lauke over adaptive layouts waarin hij alle aspecten van mediaqueries en de viewport de revue laat passeren. Goed om even door te klikken om te zien hoe het allemaal werkt.

Opvallend slechte conclusies (naar mijn bescheiden mening) trekt Paul Boag als het over mobiele websites gaat. Hij zegt dat we niet de fouten van vroeger moeten maken, namelijk verschillende websites voor verschillende browsers, en adviseert dan om aparte mobiele sites te bouwen gebaseerd op wat de m

Afgelopen donderdag heb ik een presentatie over adaptive layout/development gegeven op een Fronteersbijeenkomst. De slides vertellen absoluut niet het hele verhaal (ik lulde er flink omheen) en ook met de bijgeleverde URL's is het voor iemand die hem niet heeft gezien zeker geen duidelijk geheel. Maar voor degenen die hem wel hebben gezien, alstublieft.

Stephen Hay legt heel duidelijk uit dat het gewoon een goed idee is om een bestaande layout adaptive te maken. Must read voor wie dat nog niet helemaal door heeft.

Voor het Tropenmuseum heeft Mirabeau (mijn werkgever) een adaptive layout toegevoegd aan de bestaande site. Hierover heb ik een stukkie geschreven op Frankwatching, een blog voor marketeers. 

De standaard CSS in een adaptive site moet de mobiele versie zijn betoogt Peter Gasston. Goed artikel en hij heeft natuurlijk gelijk. Ik zelf zou overigens "document.documentElement.clientWidth" gebruiken omdat het nu eenmaal beter is om gebruik te maken van min-width ipv min-device-width.

Aardig artikel over mobiel webdevelopment, adaptive layouts, mobile-first, etc. Alle hedendaagse theorieën hierover passeren de revue. Er is alleen één statement waar ik het expliciet mee oneens ben (eentje die telkens maar weer terug komt), onder het kopje Context Baby gaat het alweer over de mobiele gebruiker die rennend naar de trein z'n mobiel pakt om te zien op welk spoor die vertrekt. Dat is, hooguit, een edge case. Maar ik durf te beweren dat mobieltjes helemaal nooit zo gebruikt (zullen) worden. Mobieltjes worden pas tevoorschijn gehaald zodra je eenmaal in die trein zit en de tijd hebt om het een en ander eens op je gemak te bekijken/doen/lezen/ondergaan. Verder een prima artikel.

In maart geef ik een cursus adaptief ontwikkelen:

Two techniques to design for multiple devices & how they actually complement each other. cc/@beep

Responsive Web Design: What It Is and How To Use It

Als je een fluid layout wilt bouwen dan moet je alleen ems gebruiken voor de breedte van de main container en voor de rest procenten. Klik voor uitleg.

This is relevant to my interests.

automatically choose the right image size for the client w/o UA sniffing:

Er is nog veel werk aan de winkel voor adaptive layout evangelisten (ik vind evangelisten toch zo'n enorm rotwoord, bestaat daar geen alternatief voor?). User Experience specialisten weten kennelijk nog helemaal niks van het onderzoek (en vooral de mooie resultaten) naar adaptive layout. De schrijven van dit artikel schrijft: "For example, in the mobile scenario, many other factors should be considered" en noemt dan een heleboel factoren op waar je rekening mee kunt houden. Hij suggereert dat dat niet gedaan wordt. Je kan je site inmiddels op bijna alle genoemde punten optimaliseren. Als deze kennis bij UX bekend is, toch een club mensen die dichter bij de klant staat dan frontend developers, dan kunnen we eindelijk eens echt aan de slag en goede dingen maken. Dus high profile webmensen, richt uw pijlen op invloedrijke groepen buiten uw vakgebied.

Publishing a universal design braindump. Comments are open for three days. *gulp*

Supersnelle(!) site met een complexe adaptive layout van collega @timbenniks (Ik word genoemd ja)

The "Photoshop is ill-suited for modern web design" thing is getting worse every day. Responsive web design is helping:

"Adaptive Systems for Multiple Devices" - by @colly #slides #webdesign #responsive

Awesome: — a set of media queries, typography presets with baseline grid, and a basic layout grid. /via @joelhelin