Responsive design & mobile first
10.1K 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!

The top 25 responsive design tools

As responsive web design evolves, Brad Frost looks at some of the best tools, resources and thinking for crafting exceptional responsive experiences
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

8 Guidelines and 1 Rule for Responsive Images

8 Guidelines and 1 Rule for Responsive Images | Responsive design & mobile first | Scoop.it
I recently had the opportunity to work with a company that is moving to a responsive design and has over 800,000 images on their site. These images come from all over the world. I learned a lot abo...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Retrofitting

Responsive Retrofitting | Responsive design & mobile first | Scoop.it
Older, legacy sites may limit your ability to modify CSS, but you can still use responsive web design techniques for a better user experience. Ben introduces you to responsive retrofitting.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

riloadr : a cross brother framework for responsive images

riloadr : a cross brother framework for responsive images | Responsive design & mobile first | Scoop.it
riloadr - Riloadr - A cross-browser framework-independent responsive images loader written in Javascript.
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!

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!

Techniques for mobile and responsive cross-browser testing: An Envato case study.

Tools and Techniques for mobile and responsive cross-browser testing, and how we test the Envato Marketplaces.
more...
No comment yet.
Rescooped by Agathe-Sevegrand from Lectures web
Scoop.it!

Pubs AdSense en responsive design, c'est possible et officiel

Pubs AdSense en responsive design, c'est possible et officiel | Responsive design & mobile first | Scoop.it
Le code Javascript / CSS de Google AdSense compatible responsive design (code asynchrone pour optimiser la vitesse)
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Foundation 4.3: Paving the Road to 5 by ZURB

Foundation 4.3: Paving the Road to 5 by ZURB | Responsive design & mobile first | Scoop.it
We're thrilled to announce more than another page in Foundation's history — version 4.3, a step towards Foundation 5 in three important ways. Form Validation, a.k.a. Abide A lot of you have been asking for this feature since version 2.
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.