RSS

vasilis + responsive   58

Responsive Design Testing
Een simpele tool om mediaqueries/layouts mee te testen op nogal willekeurige schermgroottes. Maakt gebruik van de rendering engine van je browser. Je kan ook gewoon je schermgrootte aanpassen, dat is makkelijker.
design  responsive  tool 
july 2011 by vasilis
Responsive images using CSS3 – Nicolas Gallagher
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
css  css3  images  responsive 
july 2011 by vasilis
Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions
Even snel de layout van een html-pagina testen op verschillende veelvoorkomende resoluties, dat kan. De tool maakt natuurlijk gewoon gebruik van jouw eigen rendering engine, het is dus géén tool waarmee je kunt checken of het ook daadwerkelijk werkt op deze verschillende apparaten!
responsive  design  tool 
july 2011 by vasilis
Responsive images right now — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
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
css  images  responsive 
july 2011 by vasilis
Responsive images using cookies | Keith Clark
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.
responsive  images  cookies 
july 2011 by vasilis
Seamless Responsive Photo Grid | CSS-Tricks
Very clever seamless responsive photo grid by
css3  responsive  from twitter_favs
july 2011 by vasilis
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
Een alleraardigste presentatie over responsive design waarin de vraag wordt beantwoord of mediaqueries wel zo'n goed idee zijn. Dit antwoord wordt gegeven door redelijk gedetailleerd uit te leggen hoe mediaqueries nu precies werken. Het antwoord, voor degenen die het niet helemaal willen doorklikken,
mediaqueries  responsive  design  from twitter_favs
july 2011 by vasilis
Responsive Design Testing
design  responsive  tool  from google
july 2011 by vasilis
Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions
responsive  design  tool  from google
july 2011 by vasilis
Responsive images using CSS3 – Nicolas Gallagher
css  css3  images  responsive  from google
july 2011 by vasilis
Responsive images right now — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
css  images  responsive  from google
july 2011 by vasilis
Responsive images using cookies | Keith Clark
responsive  images  cookies  from google
july 2011 by vasilis
How tall are my toolbars?
Als we het hebben over adaptieve layouts dan kijken we meestal naar de breedte van schermen om daar de layout voor aan te passen. Je kan natuurlijk ook naar de hoogte kijken en mediaqueries toevoegen die daar op reageren (bijvoorbeeld bij verticale navigaties die fixed zijn waardoor de onderste items
fold  mediaqueries  responsive  tool  from twitter_favs
july 2011 by vasilis
responsivepx - find that tricky breakpoint
Een tool waarmee je responsive design kunt testen zonder je browser te resizen. Ik weet niet helemaal zeker of ik dit ooit ga gebruiken maar wellicht vind jij het wel handig.
responsive  tool 
july 2011 by vasilis
Media Query Bookmarklet | Sparkbox
Een simpele bookmarklet die je toont hoe groot je scherm is. Erg handig als je responsieve layouts maakt.
responsive  design  bookmarklet  from twitter_favs
july 2011 by vasilis
Responsive Containers - Blog | Andy Hume
Mediaqueries zijn handig om je layout, of componenten, mee aan te passen aan de breedte van het scherm. Waar ze niet geschikt voor zijn is voor het aanpassen van een individueel component wat er verschillend uitziet afhankelijk van de breedte van zijn container. Voorbeeld: een inlogform heeft z'n lab
css  javascript  responsive  oocss  from twitter_favs
july 2011 by vasilis
Content Choreography | Trent Walton
Eindelijk weer eens een interessant artikel over responsive design. Mooi vormgegeven ook! Trent Walton heeft het over Content Choreography, de complexe dans die je moet uitvoeren om tot goede layouts voor verschillende schermgroottes te komen. Hij komt met wat aardige design-patronen en adviseert om
css  content  responsive  mediaqueries 
july 2011 by vasilis
Responsive by default - Blog | Andy Hume
De best practices die we al jaren – en in het geval van mediaqueries pas een jaar – propageren, progressive enhancement, feature detection, zijn vaak een ideaal, het lukt niet altijd om het tot in de perfectie door te voeren. Andy Hume concludeert hieruit niet dat we die best practices du
design  development  responsive  webdesign 
july 2011 by vasilis
Responsive design
Mooie en duidelijke presentatie over responsive design van Johan Ronsse. Mooie beelden, duidelijke voorbeelden — andere voorbeelden dan je gewend bent te zien. Erg mooi om even doorheen te klikken.
design  responsive  presentation  from twitter_favs
june 2011 by vasilis
To hell with bad devices: Responsive web design and web standards | Marc Drummond
Dit is echt een bijzonder goed – en lang – artikel over responsive webdesign, over (mobiele) context, over device support, over verschillende manieren om verschillende apparaten te ondersteunen, eigenlijk over het hele probleem waar we nu mee bezig zijn, wat we nu proberen op te lossen: h
css  javascript  webdesign  responsive  from google
june 2011 by vasilis
Mobile-First Responsive Web Design | Brad Frost Web
Wil je weer eens iets lezen over responsive web design? En ook iets over Mobile First? Een stukje progressive enhancement er bij? Ga er maar voor zitten, hier is een ultralange post die deze belangrijke onderwerpen aan elkaar koppelt en die bovendien boordevol links naar topartikelen staat. Absoluut
webdesign  usability  responsive  from twitter_favs
june 2011 by vasilis
susan jean robertson » Progressive Enhancement and Responsive Design
Er zijn de laatste weken twee lezenswaardige – en wellicht zelfs belangrijke – boeken uitgebracht met vergelijkbare titels: Adaptive Web Design van Aaron Gustafson en Responsive Web Design van Ethan Marcotte. Hier een korte bespreking van allebei deze boeken. Je kan je tijd overigens bete
responsive  books 
june 2011 by vasilis
Tips, Tricks and Best Practices for Responsive Design | Webmonkey | Wired.com
Een lijstje met een aantal aardige tips voor als je aan de slag wilt gaan met het bouwen van een adaptieve layout.
css  webdesign  responsive  from google
june 2011 by vasilis
Structured Content First
Vorige week hield Stephen Hay een uiterst inspirerende babbel over content op een klein event over mobile wat Mirabeau voor (potentiele) klanten had georganiseerd. Hier staat de presentatie, prachtig vormgegeven zoals altijd.
content  responsive  design  from twitter_favs
june 2011 by vasilis
Andy Budd::Blogography
Andy Budd vraagt zich af waar de grote responsive websites zijn. Hij toont wat voorbeeldjes maar vergeet te vertellen dat we pas een jaartje bezig zijn met deze materie. Het is lastig om klanten te overtuigen dat een nieuw idee daadwerkelijk een goed idee is. Grote corporaties hiervan overtuigen is n
webdesign  responsive  from google
june 2011 by vasilis
ART=WORK · Design for a Target Experience First
Nathan C. Ford begrijpt het idee achter de Mobile First gedachte wel, vindt het een goede oefening en een goed uitgangspunt voor het opzetten van goede CSS maar heeft een paar zeer goede kanttekeningen. Zo vindt hij dat development nooit design mag dicteren – slechts informeren. Hij vindt dat j
responsive  experience  content  from twitter_favs
june 2011 by vasilis
A Book Apart, Responsive Web Design
Iets meer dan een jaar geleden schreef Ethan Marcotte het artikel Responsive Web Design op A List Apart. Vandaag is eindelijk het boek met dezelfde titel verschenen op A Book Apart. (Tip, in de epub-versie staan video's!)
webdesign  content  responsive 
june 2011 by vasilis
Web App Masters: Multi-Device Design at Netflix » UIE Brain Sparks
De klanten van Netflix maken gebruik van een bijzonder gevarieerde hoeveelheid apparaten. Niet alleen mobieltjes en desktop computers maar ook TV's, tablets en allerlei verschillende manieren input-geven zoals touch, muis en toetsenbord. Hier een lijst met principes waar Netflix zich aan houdt. Leerz
responsive  devices  ux  from twitter_favs
june 2011 by vasilis
Andy Budd::Blogography
Andy Budd analyseert de twee overheersende stromingen op het gebied van mobiel/schermgroottes – One Web adepten en Multiple-Content liefhebbers. In allebei de stromingen zit wel wat maar hij komt tot de conclusie dat One Web geschikt is voor de overgrote meerderheid van de sites en dat er een k
mobile  design  content  responsive  from twitter_favs
june 2011 by vasilis
Claustrophobia (resize your browser)
Je kan mediaqueries gebruiken om verschillende layouts te presenteren aan schermen van verschillende grootte. Je kan ze ook gebruiken om een FFFFFFFFUUUUUUUUUUUUUUUUU-animatie mee te maken.
responsive  animation  from twitter_favs
june 2011 by vasilis
CSS transitions & media queries » Blog » Elliot Jay Stocks
Iedereen vindt CSS transitions tof. Developers worden er blij van omdat eenvoudige animaties uiterst eenvoudig geschreven kunnen worden. Klanten worden er blij van omdat er geen tijd verspild hoeft te worden aan het maken van complexe javascript-oplossingen. En designers worden er blij van. Mensen di
css  webdesign  css3  transitions  responsive  from twitter_favs
may 2011 by vasilis
Discussing alternatives for various sizes of the same image & introducing src property in CSS as an option - Robert's talk
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.
css  adaptive  responsive  images  from twitter_favs
may 2011 by vasilis
Adactio: Journal—The good new days
Jeremy Keith vergelijkt de situatie waarin we nu verkeren, het enthousiasme over mobiel, over responsive design, de prachtige oplossingen die er verzonnen worden voor complexe problemen, deze hyperinspirerende situatie vergelijkt hij met het tijdperk waarin men met de webstandaarden aan de slag ging.
responsivedesign  css  responsive  git 
may 2011 by vasilis
allmarkedup/responsive-images-alt - GitHub
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.
images  responsive  webdesign  from twitter_favs
may 2011 by vasilis
Content aware responsive images - andyhume.net
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
webdesign  development  responsive  images  from twitter_favs
may 2011 by vasilis
The Goldilocks Approach to Responsive Web Design
Ontwerpen met formaten van apparaten in je achterhoofd is misschien niet helemaal het beste idee: nieuwe apparaten hebben telkens afwijkende formaten. Dit artikel legt uit dat een beter uitgangspunt voor een goed ontwerp de menselijke gebreken zijn. Applaus. "By designing for human constraints (reada
webdesign  design  responsive  from google
may 2011 by vasilis
susan jean robertson » Assumptions
Een zeer goed leesbaar stuk met lekker simpele maar duidelijke argumenten voor responsive webdesign en tegen aannames over context. Must read voor mensen die dit soort argumenten nog nodig hebben.
design  mobile  content  responsive  from google
may 2011 by vasilis
But this blog goes up to eleven — Unstoppable Robot Ninja
Ethan Marcotte bejubelt het redesign van de site van Trent Walton maar zijn schrijven mondt uit in het gejuich van honderden kelen als hij deze zin aanhaalt: "My love for responsive centers around the idea that my website will meet you wherever you are". Ik juich mee.
responsive 
may 2011 by vasilis
SonSpring | Adapt JS Explained
Adapt.js uitgelegd. Het komt er op neer dat het aan de ene kant een manier is om geen onnodige bestanden te downloaden als je responsieve websites maakt, aan de andere kant kan je er op een heel andere manier responsive designs mee maken. Niet klaar voor productie zo te zien maar zeker een interessan
css  javascript  responsive  from twitter_favs
may 2011 by vasilis
Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement — Easy Readers
Haal je je kennis graag uit een boek en wil je meer weten over Responsive Web Design? Tadaa, Aaron Gustafson heeft een boek over dit onderwerp geschreven.
webdesign  css  javascript  html5  design  responsive  book  from google
may 2011 by vasilis
Adactio: Journal—Podchatting
Voor mensen die liever luisteren dan lezen is er een podcast interview met Jeremy Keith over responsive web design waarin hij zijn mening uitlegt.
responsivewebdesignaudio  responsive  webdesign  audio  from google
may 2011 by vasilis
The mobile web is an illusion [Legends of the Sun Pig - Martin Sutherland's Blog]
Martin Sutherland legt ons uit dat kennis hebben van de huidige browsermarkt en de huidige markt voor apparaten niet meer voldoende is, je moet weten waar het heen gaat. De huidige manier van werken, een aparte desktop site, een aparte mobiele site, of misschien een simpel adaptief laagje mediaquerie
designdevelopmentfutureresponsivemobile  design  development  future  responsive  mobile  from twitter_favs
may 2011 by vasilis
The Adaptive CSS Zen Garden || 2011-122 || NERD!
Altijd wilde ik dit al eens maken, een pagina met alle layouts van de CSS Zen Garden, allemaal in hun eigen media query van een aantal pixels. Ik zou dat handmatig hebben gedaan, gelukkig bestaan er mensen als @roy die dat gewoon even programmeren.
cssresponsive  css  responsive 
may 2011 by vasilis
A List Apart: Articles: A Dao of Web Design
De laatste tijd zie ik meer en meer gerefereerd worden naar A Dao of Web Design, een klassiek artikel over webdesign, wat er over gaat om de eigenschappen van het web (zoals variabele schermgrootte, onzekere fontrendering, etc.) niet als beperkingen te zien maar ze juist te omarmen. Bij herlezing bli
webdesign  accessibility  responsive  from twitter_favs
may 2011 by vasilis
Font sizing with rem - Snook.ca
Doordat ons vak zo enorm verandert de laatste tijd - browsers die allemaal moois ondersteunen - lopen we op sommige gebieden ineens achter: we zijn gewend om iets op een omslachtige manier op te lossen oftewel omdat we gewend zijn om IE6 te ondersteunen of omdat we nieuwe methodes gewoon nog niet ken
fontsresponsivecss  fonts  responsive  css 
may 2011 by vasilis
LukeW | Breaking Development: Real World Responsive Design
Luke Wroblewski geeft een erg goede samenvatting van de presentatie die Stephen Hay laatst gaf op het Breaking Development congres. Mensen die naar Mobilism gaan: mazzelpikken, dit is een toppresentatie. Mensen die daar niet heen kunnen, lees deze samenvatting even door.
designcss3responsivewebdesign  design  css3  responsive  webdesign  from twitter_favs
april 2011 by vasilis
More Responsive Design, Please « Jason Things
Responsive webdesign, er is de laatste tijd zeer veel over geschreven en gepresenteerd. Jason Rhodes vat de discussies, de meningen, de inzichten, alles eigenlijk erg goed samen, legt zeer duidelijk uit hoe het zit. Zeer prettig leesbaar bovendien (qua toon maar ook doordat de site een lekker grote l
designresponsivewebdesign  design  responsive  webdesign 
april 2011 by vasilis
Bijeenkomst op 5 mei in Gent · Fronteers
Op 5 mei is er een Fronteers bijeenkomst in Gent alwaar over OOCSS gaat praten en alwaar ik een presentatie over adaptive layout ga geven. Helaas is deze bijeenkomst al 'volzet'; ik hoop echt dat er meer plekken beschikbaar zullen komen, 30 is best weinig.
fronteerscssresponsive  fronteers  css  responsive  from twitter_favs
april 2011 by vasilis
Real-world Responsive Design @ Breaking Development 2011
Zoals altijd prachtige presentatie van Stephen Hay over responsive webdesign in de praktijk, wat houdt het in, waar komt het vandaan en hoe maak je het. Duidelijke voorbeelden met een wat vreemde slide waarin staat dat de meta-viewport alleen zin heeft in flexibele layouts. Dat klopt niet. Maar verde
design  mobile  responsive  from twitter_favs
april 2011 by vasilis
Adactio: Journal—Lazy loading on Huffduffer
Sommige gerelateerde content die niet direct noodzakelijk is kan je natuurlijk best via ajax binnenhalen zodra het noodzakelijke deel van de pagina binnen is, betoogt Jeremy Keith. Mee eens. Verder betoogt hij dat het geen zin heeft om die extra content op te halen op een klein scherm. Niet helemaal
responsive  javascript  lazyloading  from google
april 2011 by vasilis
Toffee-nosed. — Unstoppable Robot Ninja
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.
design  webdesign  responsive  adaptive  from twitter_favs
march 2011 by vasilis
A Richer CanvasMark Boulton
Mark Boulton, topdesigner, adviseert iedereen om grids los te laten en eindelijk eens voor het web te gaan designen, eindelijk de echte kracht van dit medium te gaan gebruiken. Om dat te doen zullen designers iets nieuws moeten leren. Het wordt eens tijd ja, papier is voor zakdoekjes.
design  webdesign  css  responsive  from twitter_favs
march 2011 by vasilis
Adaptive layouts - standards>next Manchester 24.11.2010
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.
css3  adaptive  responsive  mediaqueries  standardsnext  from twitter_favs
march 2011 by vasilis
Adaptive development
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.
adaptive  responsive  fluid  css 
march 2011 by vasilis
It’s okay to do adaptive layout. Really. | The Haystack.
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.
adaptive  responsive 
february 2011 by vasilis
Using Media Queries in the Real World » Broken Links
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.
css  mobile  mediaqueries  responsive  adaptive  from twitter_favs
february 2011 by vasilis
I don’t care about Responsive Web Design | Stuff and Nonsense
Andy Clarke is niet geïnteresseerd in responsive (of adaptive) webdesign omdat, zegt hij, webdesign per definitie responsive is. Elk design wat dat niet is is geen webdesign. Ik ben het weer eens met hem eens. 
design  responsive  from delicious
february 2011 by vasilis
Adaptive Systems
"Adaptive Systems for Multiple Devices" - by
#slides  #responsive  #webdesign  slides  responsive  webdesign  css  adaptive  from twitter_favs
november 2010 by vasilis

Copy this bookmark:



description:


tags: