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!

Developing Responsive Designs With Opera Mobile Emulator | Smashing Mobile

Developing Responsive Designs With Opera Mobile Emulator | Smashing Mobile | Responsive design & mobile first | Scoop.it
Back in 2009, when coding version 10 of Opera Mobile, my Opera colleagues decided to tune the Opera Mobile build machine so that it would churn out builds not only for common mobile platforms, but for Windows and Linux as well.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

10 Responsive Navigation Solutions and Tutorials - Speckyboy Design Magazine

As responsive design rapidly increases in popularity, we felt we would take a look at some of the varied solutions and techniques that are being adopted fo...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design case study | built by Boon

Responsive Design case study | built by Boon | Responsive design & mobile first | Scoop.it
Responsive Design case study about the process and build behind the South Tees Hospitals NHS Foundation Trust website...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Building Responsive Layouts

Get links to lots of related resources at http://zomigi.com/blog/responsive-layouts-presentation. In this presentation, you'll learn about two of the core compo...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Le Responsive Design : l'UX de Joomla abat sa première carte

Le Responsive Design : l'UX de Joomla abat sa première carte | Responsive design & mobile first | Scoop.it

Plus il y a d’appareils ayant un accès au web sur le marché, plus les gens sont connectés à partir d’appareils différents. Les smartphones, les tablettes, les consoles de jeux portables, les unités de divertissement dans les voitures et même les appareils ménagers, tels que les réfrigérateurs, permettent aux utilisateurs de rester connectés à Internet toute la journée.

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

New Theme: Twenty Twelve

New Theme: Twenty Twelve | Responsive design & mobile first | Scoop.it
Every year the WordPress team proudly unveils a new default theme, increasing by one the collection now known affectionately as the Twenty Somethings. Serving as the flagship theme for a year, it h...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Above The Fold | CSS-Tricks

Responsive Web Above The Fold | CSS-Tricks | Responsive design & mobile first | Scoop.it
This post's title isn't just a weak attempt at SEO stuffing, it's also a blind-folded scissor kick into a beehive convention! Few topics in web production can bring a nerd's blood to a rolling boil as quickly as "The Fold" and "Responsive Web Design", so it's high time we combine the two and bring this server to its knees under the sheer weight of trolls sharing how they really feel about me as a person.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

W3C - HTML Responsive Images Extension

This proposal adds new elements and attribute to [HTML5] to enable different sources of images based on browser and display characteristics. The proposal addresses multiple use cases such as images used in responsive web designs and different images needed for high density displays.

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

LukeW | An Event Apart: Responsive Design Workflow

In her presentation at An Event Apart in Chicago IL 2012 Sarah Parmenter talked about the changes responsive Web design requires of Web designers. Here's my notes from her talk on Responsive Design Workflow:

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

Responsive Email Newsletter Design: Increase Mobile Readership

Responsive Email Newsletter Design: Increase Mobile Readership | Responsive design & mobile first | Scoop.it
We’ve been talking about the concept of Responsive Web Design (RWD) quite a lot lately and we took it even further away with tools for responsive images and others.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

9 ways to become 'mobile first'

9 ways to become 'mobile first' | Responsive design & mobile first | Scoop.it
While social media gets lots of the attention, the explosion in smartphones and tablets is reinventing the way we consume and interact with content. We’ve seen it firsthand here at Breaking News:...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design: Why You’re Doing It Wrong | Design Shack

Responsive Design: Why You’re Doing It Wrong | Design Shack | Responsive design & mobile first | Scoop.it

Responsive design isn’t a fad that arose because of a cool CSS technique, it’s an answer to a problem. Always remember that and constantly ask yourself whether or not you’re really adequately addressing that problem. If you’re using copy and paste to insert your media query breakpoints, your solution might be flawed.


 

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

FitWeird: a bookmarlet that helps you add breakpoints when things get weird

FitWeird helps you add breakpoints when things get weird. It's about as dumb as it gets. Resize your window, it tells you dimensions in PX and EM.


No on-screen rulers, no typing a URL. Click the bookmarklet and a little doodad will show up in your browser. Bingo bango.


Great for debugging critical issues like "It looks weird on an iPad".

more...
No comment yet.
Rescooped by Agathe-Sevegrand from Time to Learn
Scoop.it!

10 Tutoriels pour une navigation Responsive

10 Tutoriels pour une navigation Responsive | Responsive design & mobile first | Scoop.it

As responsive design rapidly increases in popularity, we felt we would take a look at some of the varied solutions and techniques that are being adopted for managing the navigation/menu on smaller screened devices.
Planning and building your menu for mobiles will perhaps be the trickiest aspect of your responsive layout, not just with the coding but also having to decide what will stay and what will have to go to fit everything into the smaller screen. It is a juggling act between both readability and the desire to show as much on the screen as possible.
Hopefully the solutions we have for you below will help get you on your way.


Via Frédéric DEBAILLEUL
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design Mock-up Pack | MediaLoot

Responsive Design Mock-up Pack | MediaLoot | Responsive design & mobile first | Scoop.it
Download a free collection of responsive design mockups including multiple mobile devices, displays, and screens.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

zomigi.com » Building Responsive Layouts presentation at Responsive Web Design Summit

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

Toast - A simple responsive CSS framework - CodeVisually

Toast - A simple responsive CSS framework - CodeVisually | Responsive design & mobile first | Scoop.it

Toast is a simple and easy-to-use twelve column responsive grid CSS framework. Toast includes two main states – a single column layout for narrow screen and mobile devices, and a 12 column layout up to 960px.

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

10 Responsive Navigation Solutions and Tutorials - Speckyboy Design Magazine

As responsive design rapidly increases in popularity, we felt we would take a look at some of the varied solutions and techniques that are being adopted fo...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive images, the picture element and the W3C: This is how you deal with Hixie and WHATWG | Marc Drummond

First of all, huge congratulations to Mat Marquis, Jason Grigsby, Scott Jehl, Ethan Marcotte, Florian Rioval and all the other web geniuses who are working to make responsive images much, much easier for those working with responsive web design.

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

Responsive Web Design just got Easier with the Responsive Grid System

This is the Responsive Grid System, a quick, easy and flexible way to create a responsive web site.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

20+ Awesome Responsive Joomla Templates

20+ Awesome Responsive Joomla Templates | Responsive design & mobile first | Scoop.it
With these responsive Joomla templates the popular open source platform enters the mobile scene with style!
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design Infographic

Responsive Web Design Infographic | Responsive design & mobile first | Scoop.it
Fixed and unresponsive designs will soon pass into history as they disagree with the latest web design trends. Responsive web design is a new standard now that has become a synonym of today's success in the online world.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Forget the desktop: web designers should think mobile first

Forget the desktop: web designers should think mobile first | Responsive design & mobile first | Scoop.it

Every morning I wake up too early, reach for my iPad, and scan the morning's tech headlines. This is a pathetic enough existence, but the websites I frequent aren't helping.

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

Responsive Web Design Sketch Sheets | MightyMeta

Responsive Web Design Sketch Sheets | MightyMeta | Responsive design & mobile first | Scoop.it
I've made some printable sheets for wireframing for responsive layouts, with corresponding Photoshop templates.
more...
No comment yet.