Responsive design...
Follow
8.9K views | +0 today
Responsive design & mobile first
Ressource, articles, techniques responsives
Your new post is loading...
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

52 Question Checklist for Responsive Web Design Projects (with PDF)

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Mark Boulton on grids and responsive web design

Mark Boulton on grids and responsive web design | Responsive design & mobile first | Scoop.it
Mark Boulton is speaking at Generate this year. He chats to Martin Cooper about his design process, his sources of inspiration and solving problems with grids
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Bootstrap 3 Goes Mobile-First, Now Reportedly Powers 1% Of The Web

Bootstrap 3 Goes Mobile-First, Now Reportedly Powers 1% Of The Web | Responsive design & mobile first | Scoop.it
The team behind Bootstrap, the immensely popular grid-based, front-end framework for web development, launched the first release candidate of Bootstrap 3 includes over the weekend.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Our Favorite Responsive and Mobile Email Resources

Since January 2012, mobile email opens have increased a whopping 63% and now make up 44% of all opens. Synonymous with this trend has been a growth in articles about mobile design approaches, and tips on how to make emails that are optimized for viewing in all environments. While we’ve written numerous posts on the topic, there are tons of great articles and resources from other sources, too.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Capture de sites “responsives” avec CasperJs

Capture de sites “responsives” avec CasperJs | Responsive design & mobile first | Scoop.it
Je viens de faire joujou avec un truc que Kozlika m’a indiqué il y a quelques heures et qui produit des copies d’écran de sites responsive au p’tit poil. Responsive pour ceux qui
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Yes, you really can make complex webapps responsive

Adioso used to be accessible on mobile devices in the flick-panning, pinch/zooming kind of way. Then I joined the team last October as a designer and gave the frontend a complete overhaul. The result? an improved aesthetic, but a worse experience for our mobile users. The penny dropped during one of our team planning meetings.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How to Approach a Responsive Design

How to Approach a Responsive Design | Responsive design & mobile first | Scoop.it
So I've got a confession to make: When we started working on the new Boston Globe website, we had never designed a responsive site before.This shouldn't come as some huge shock.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Adaptive Images in HTML

Automatically adapt your existing website images for mobile devices.
No mark-up changes needed. For use with CSS3 Responsive Designs.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Racing Toward Responsive? - The Keynote Benchmark

Racing Toward Responsive? - The Keynote Benchmark | Responsive design & mobile first | Scoop.it

Like the quest for the Holy Grail, Web developers have been searching for a magical solution that will make every website shine on any and every device. It appears that, if not the actual Grail itself, they have come upon something that takes them leagues closer to that elusive goal. It’s Responsive Web Design, or RWD, and in the past year it has been picking up tremendous momentum as the go-to solution for getting content onto an ever-growing and ever-more-disparate pool of Web devices. - See more at: http://www.keynote.com/benchmark/mobile_wireless/article-racing-toward-responsive.php#sthash.fZoCtyap.dpuf

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Reimagining The Way Websites Are Built

Reimagining The Way Websites Are Built | Responsive design & mobile first | Scoop.it

Developer and Author Brad Frost on Responsive Web Design & A Culture of Performance - See more at: http://www.keynote.com/benchmark/mobile_wireless/interview-brad-frost.php#sthash.LJgwQolj.dpuf


Responsive Web design is a lot more than the latest development technique for websites. It’s a dramatically different way of conceiving, strategizing, designing and developing websites. Implemented to its full extent, it redefines both the way teams interact and the workflow of the project. And it’s an approach that needs to have performance baked into the process. Brad Frost is one of the industry’s leading thinkers, speakers, and authors on the topic of responsive Web design. Benchmark recently caught up with Brad to get his views on the state of responsive Web design and what it means for performance. - See more at: http://www.keynote.com/benchmark/mobile_wireless/interview-brad-frost.php#sthash.LJgwQolj.dpuf

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Un site web responsive en une heure

La grande majorité des sites actuels offrent une expérience utilisateur désastreuse sur un écran réduit : textes et menus de navigation minuscules, zoom ob
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Kraken - A lightweight front-end boilerplate

Designed to be lightweight and style agnostic, Kraken includes just the essentials.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive design: we are not there yet

There's still some way to go before designing responsively becomes a smooth process, warns Anselm Hannemann
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design Weekly #67

Responsive Design Weekly #67 | Responsive design & mobile first | Scoop.it
Welcome to another week of responsive goodness!  This week I'm throwing the soon to go live responsivedesign.is site back up as our feature site.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

40+ Best Responsive Design Tutorials

40+  Best Responsive Design Tutorials | Responsive design & mobile first | Scoop.it
Only a lazy blogger didn't post about responsive design. Internet is full of tutorials, articles, guides on how to create a responsive design. But what if you still can't design an adaptive website? What if you don't know where to start?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Simple Responsive Images With CSS Background Images | Smashing Mobile

Simple Responsive Images With CSS Background Images | Smashing Mobile | Responsive design & mobile first | Scoop.it
This article describes how to deliver responsive images with CSS background images.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Screenshots With Casper

Responsive Screenshots With Casper | Responsive design & mobile first | Scoop.it
Capturing screenshots is annoying, but most of time it has to be done and usually it's you - The Developer - who has to do it. Taking a few screenshots isn't
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A Responsive Design Case Study

A Responsive Design Case Study | Responsive design & mobile first | Scoop.it
A Responsive Design Case Study - David Bushell make websites. I help small businesses, start-ups, individuals, and fellow web agencies make the most of their web presence.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Rebuilding a university homepage to be "responsive". Twice. In less than a year

Rebuilding a university homepage to be "responsive". Twice. In less than a year | Responsive design & mobile first | Scoop.it
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

RESS, Server-Side Feature-Detection and the Evolution of Responsive Web Design

In May 2010 Ethan Marcotte (@beep) wrote the seminal article, Responsive Web Design. At first I took a dim view of the piece. Most of my mobile experience at the time was in developing mobile-optimized experiences that relied on browser-detection & serving separate templates. Honestly, it worked for me as a, primarily, server-side dev and it worked well. To me, responsive web design seemed like a front-end solution that didn’t take into account many of the issues facing mobile developers… apart from screen width that is.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Adapting To A Responsive Design (Case Study)

Adapting To A Responsive Design (Case Study) | Responsive design & mobile first | Scoop.it
A story of what a design agency learned during redesigning their own agency's website and a review of their our process of creating a new responsive design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Mo’ Pixels Mo’ Problems

Mo’ Pixels Mo’ Problems | Responsive design & mobile first | Scoop.it
Mobile devices are shipping with higher and higher PPI, and desktops and laptops are following the trend as well.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

windows.matchMedia pour servir des images retina

windows.matchMedia pour servir des images retina | Responsive design & mobile first | Scoop.it
Un test de windows.matchMedia (JavaScript permettant de cibler des requêtes Media Queries) pour détecter le ratio de pixels et servir des images retina.


Voir la démonstration
more...
No comment yet.
Rescooped by Agathe-Sevegrand from Web mobile - UI Design - Html5-CSS3
Scoop.it!

Templating with Detector & Mustache for RESS

This extremely simple demo is meant to show how Detector & Mustache can be combined to create a Responsive Web Design + Server Side Component (RESS) System. By using the requesting browser's Detector family classification a responsive template & partials that match the browser's features are rendered server-side via Mustache. Choose a different layout below to see how this page & the included images change depending upon the browser family.Click here to edit the title


Via Visual3d
more...
Agathe-Sevegrand's comment, July 16, 2013 10:59 AM
Doesn't work on m'y HTC X8 mobile ;-(
Scooped by Agathe-Sevegrand
Scoop.it!

Pure : A set of small, responsive CSS modules that you can use in every web project

Pure is ridiculously tiny. The entire set of modules clocks in at 4.2KB* minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.

* We can add correctly :) the numbers above are individual module sizes; when grouped together gzipping compresses them even more.

more...
No comment yet.