Responsive design & mobile first
10.2K views | +2 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!

What email designers can learn from the responsive web - Campaign Monitor

What email designers can learn from the responsive web - Campaign Monitor | Responsive design & mobile first | Scoop.it
I was looking at Spyrestudio's recent round-up of '27 Responsive Website Designs for Mobile Safari' and was struck by a strange, familiar feeling. 'Heck,' I thought, 'a lot of these sites look like email newsletters!'
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Better grids for a responsive world

Better grids for a responsive world | Responsive design & mobile first | Scoop.it
The idea behind Singularity is to create a grid system that will work not only with uniform grids, but also grids built on modular scales. After numerous pitfalls and refactors, Singularity is now entering beta, built on a solid codebase with more flexibility than was originally planned.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Wirefy | The Responsive Wireframe Boilerplate

Wirefy: Beautiful Boilerplate for Responsive Wireframe Development...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

40+ Free Responsive WordPress Themes

40+ Free Responsive WordPress Themes | Responsive design & mobile first | Scoop.it
Not every blogger or site owner is code-literate or design-savvy, but everyone deserves to get a responsive design for their site. If you’re on WordPress, have we got a treat for you.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Forrester: Responsive Design Represents Future of Multi-Touchpoint Web Design

The philosophy of responsive design represents the future path of multi-touchpoint Web design, according to a new report from Forrester.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Media Query & Asset Downloading Tests | TimKadlec.com

When you’re building a responsive site, there will undoubtedly be times when you need to change a background image, or when you need to hide an image for a specific resolution range. Unfortunately if you’re not careful, this can lead to multiple images being downloaded even when they aren’t being used. A few people—including Jason Grigsby, Greg Rewis and Aaron Mentele—have done some excellent testing about how images are downloaded when media queries are involved. So far, the tests have been conducted using manual methods. There is absolutely nothing wrong with that, but I wanted to find a way to make the testing more automated so that a wider group of people could contribute to the test results.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How To Maintain Readable Type In Responsive Design - Vanseo Design

How To Maintain Readable Type In Responsive Design - Vanseo Design | Responsive design & mobile first | Scoop.it
Setting type involves choices that create proportional relationships in your text. Done well and your text will be both easy and desirable to read. As responsive layouts adapt to varying screen widths, one of these choices (line-length) changes. To maintain the same proportional relationships other aspects of the type need to adjust.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

3 Types Of Solutions To Work With Responsive Images - Vanseo Design

One of the big 3 requirements for responsive design is flexible images and media. On the surface it seems like an easy thing to do. You remove width and height attributes on images, set their max-width to 100% and call it a day. Beneath the surface there’s a lot more we need to consider.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Why And How To Use Icon Fonts - Vanseo Design

Why And How To Use Icon Fonts - Vanseo Design | Responsive design & mobile first | Scoop.it
As great as images are, they present challenges in designing websites. They add file weight. They require additional http requests. They don’t scale well. Sometimes the best solution for using images in a responsive design is not to use an image.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design [Infographic] - Smashfreakz

Responsive Web Design [Infographic] - Smashfreakz | Responsive design & mobile first | Scoop.it
This is an Interactive Guide where all important and valuable information about Responsive Web Design is collected. Yet, it is not just an infographic about responsive design; it’s a game, to some extent. By following the cells from “Start” to “Finish” user reveals lots of useful information, starting from nuts and bolts and up to advanced tutorials that help create a responsive website. So if you are a web designer or just an enthusiast, this guide will lead you through all stages of learning the so-popular trend Responsive Web Design. [Via]
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Point de rupture - Définition

Un point de rupture dans un responsive design désigne un palier à partir du moment où le design s'adapte à une nouvelle largeur/hauteur.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Un reset "responsive" pour les images.

Un reset "responsive" pour les images. | Responsive design & mobile first | Scoop.it
Il est devenu assez fréquent d’employer max-width: 100% pour forcer le rapetissement des images lorsque la taille de fenêtre se réduit. Cependant, cela ne suffit pas toujours et j’ai récemment...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive web design case study: Zee | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials

Responsive web design case study: Zee | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials | Responsive design & mobile first | Scoop.it
Last week we launched the new Zee website - Zee is my company here in Brazil. We did the site in a single page, presenting the company, our works and keeping the focus on content and in a simple design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

30 Useful Responsive Web Design Tutorials

30 Useful Responsive Web Design Tutorials | Responsive design & mobile first | Scoop.it
So we’ve reached the end of our "Responsive Web Design week", tonight’s post will be the last of the series. We are going all out to help you hone your skills in manipulating those codes to respond at will when displayed on different devices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

En quoi consiste réellement le Responsive Web Design ? | Le blog des nouvelles technologies : Web, Technologies, Développement, Interopérabilité

En quoi consiste réellement le Responsive Web Design ? | Le blog des nouvelles technologies : Web, Technologies, Développement, Interopérabilité | Responsive design & mobile first | Scoop.it
Quand vous considérez le nombre de tablettes différentes, ordinateurs portables, navigateurs Web et systèmes d'exploitation qui accèdent de jour en jour à...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Modular And Flexible Content In Responsive Design - Vanseo Design

Modular And Flexible Content In Responsive Design - Vanseo Design | Responsive design & mobile first | Scoop.it
One of the questions that comes up with responsive design is what to do with the content? Does the same content get included everywhere or does it change based on device? It’s the first and most important question we should be asking with any design, responsive being no exception.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Where Does Advertising Fit In A Responsive World? - Vanseo Design

Online advertising comes with fixed and static banner images. Responsive design seeks flexibility and adaptability at every turn. Can the two co-exist? Where is advertising’s place in a world of responsive sites?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How To Create Simple Shapes With Scalable Vector Graphics (SVG) - Vanseo Design

How To Create Simple Shapes With Scalable Vector Graphics (SVG) - Vanseo Design | Responsive design & mobile first | Scoop.it
The last few weeks we’ve been looking at images in the context of responsive design. First I talked about the techniques for serving different images to different devices. Then we looked at using icon fonts to replace images where possible.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Maintaining Image Hierarchy And Aspect Ratio In Responsive Design - Vanseo Design

Maintaining Image Hierarchy And Aspect Ratio In Responsive Design - Vanseo Design | Responsive design & mobile first | Scoop.it
For the last few weeks we’ve been talking about images in the context of responsive design. We looked at how to serve different images to different devices and then a couple of potential ways to replace bitmap images with icon fonts and SVG.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Canal bêta : Mozilla Firefox 15 - version bêta du futur du navigateur de la fondation Mozilla - BlogZiNet

Maintenant que Firefox 14.0.1 est sorti, regardons du côté de Firefox 15 qui vient de glisser dans le canal de développement bêta et qui devrait sortir en version finale le 28 août...
more...
No comment yet.