Responsive design...
Follow
9.6K 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!

Killer Responsive Layouts With CSS Regions

Regions is a new layout tool that will prove useful for allowing new capabilities for responsive design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Lightening Your Responsive Website Design With RESS

Lightening Your Responsive Website Design With RESS | Responsive design & mobile first | Scoop.it
This article will show you how to use RESS to make your RWD pages load faster and work on more devices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Automate Your Responsive Images With Mobify.js

Automate Your Responsive Images With Mobify.js | Responsive design & mobile first | Scoop.it
This article introduces Mobify.js, an Image API with a responsive image solution that automatically generates small images for small devices from a single high-resolution image and is 100% semantic and backwards-compatible.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Creating a Mobile-First Responsive Web Design

We're going to walk through how to create an adaptive web experience that's designed mobile-first. This article and demo will go over the following:

Why we need to create mobile-first, responsive, adaptive experiencesHow to structure HTML for an adaptive site in order to optimize performance and prioritize flexibilityHow to write CSS that defines shared styles first, builds up styles for larger screens with media queries, and uses relative unitsHow to write unobtrusive Javascript to conditionally load in content fragments, take advantage of touch events and geolocationWhat we could do to further enhance our adaptive experience
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Nouveau Photoshop pour faciliter le responsive web design

Nouveau Photoshop pour faciliter le responsive web design | Responsive design & mobile first | Scoop.it
La dernière mise à jour de Photoshop propose une nouvelle technologie Open Source. Objectif : améliorer l'export des calques et faciliter la conception de sites web en responsive design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

4 Tips to Speed Up Your Responsive Website on Mobile

4 Tips to Speed Up Your Responsive Website on Mobile | Responsive design & mobile first | Scoop.it
Introduction: When it comes to multi device web design, you really can’t beat responsive.
more...
UniqueWebsites's curator insight, September 9, 2013 4:24 PM

As many people leave a website that takes more than 3 seconds to load and, as mobile websites can take 2 seconds to establish a radio connection, this only leaves 1 second before you lose an estimated 40% of users. Thus speed for mobile users is all important.

 

This article gives tips for reducing loading time.

Scooped by Agathe-Sevegrand
Scoop.it!

Text-align: Justify and RWD

Text-align: Justify and RWD | Responsive design & mobile first | Scoop.it
Did you know that one of the most powerful tools for fluid, responsive layout has been a native feature of every browser since HTML 4?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design is Solid Gold

A few years ago I wrote an article entitled CSS Media Query for Mobile is Fool’s Gold. It garnered a lot of attention at the time, and I still see people reference it. I've long wanted to write an ...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

CSS3 rem units

Supported by all modern browsers, the CSS3 rem unit allows font size and other properties to be specified against the root element, not just the parent, as is the case for the em unit.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Bootstrap 3 released

Bootstrap 3 released | Responsive design & mobile first | Scoop.it

Today, on the two year anniversary of releasing Bootstrap to the world, we're shipping Bootstrap 3.0. It's been a crazy long ride to say the least and we're stoked to finally have this out in the wild. Thanks to everyone who's tested our RCs (er, betas), reported bugs, and contributed code. We couldn't have done it without you beautiful nerds.

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.
Rescooped by Agathe-Sevegrand from Web mobile - UI Design - Html5-CSS3
Scoop.it!

Adaptive Web Design vs. Responsive Web Design | Skyrkt

Adaptive Web Design vs. Responsive Web Design | Skyrkt | Responsive design & mobile first | Scoop.it

 

___________________________________

-Receive a FREE daily summary of The Marketing Technology Alert directly to your inbox. To subscribe, please go to http://ineomarketing.com/About_The_MAR_Sub.html  (your privacy is protected).

-If you like this scoop from The Marketing Technology Alert (brought to you by iNeoMarketing), PLEASE share by using the links below.

 


Via iNeoMarketing, Visual3d
more...
iNeoMarketing's curator insight, October 24, 2013 7:53 PM

Tough call. If you've got the time and resources, then AWD is the way to go. Otherwise RWD is your choice. If you have an agency working for you, you may want to quiz them on providing AWD.

Brice Gilbert's curator insight, November 4, 2013 3:10 AM

Well designed poster ! Be aware from your choice between AWD & RWD.

Scooped by Agathe-Sevegrand
Scoop.it!

Selling Responsive Web Design To Clients

Selling Responsive Web Design To Clients | Responsive design & mobile first | Scoop.it
The title of this article, and the concept of “selling” responsive website design, may sound like a shady salesman attempting to convince a customer to purchase something they do not need.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design Knowledge Hub

A comprehensive resource of examples, tutorials, templates, and frameworks for web designers learning how to use responsive design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

7 Habits of Highly Effective Media Queries | Brad Frost Web

7 Habits of Highly Effective Media Queries | Brad Frost Web | Responsive design & mobile first | Scoop.it

As we all know, media queries are responsive design’s secret sauce. Here are some considerations for crafting high-quality media queries

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

Mobile Optimization Beats Responsive Design as Best M-Commerce strategy

PALO ALTO, California, September 3, 2013 /PRNewswire/ -- Mobile Optimization Beats Responsive Design as Best M-Commerce Strategy, According to New White Paper by Shopgate.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive web design: 6 experts, 4 questions

Helen Bailey of TemplateMonster asked Brad Frost, Tim Kadlec, Ben Callahan, Aaron Gustafson, Dan Mall and David Rupert the same four questions about RWD
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

You use a Retina display and want to know what your dev look like in à 1 pixel device ? Try BlindBrowser

You use a Retina display and want to know what your dev look like in à 1 pixel device ? Try BlindBrowser | Responsive design & mobile first | Scoop.it

You're a web developer. You use a retina display. You want to see what your site looks like on a 1x display.

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

Responsive Images with Apropos

Responsive Images with Apropos | Responsive design & mobile first | Scoop.it

When Square’s front-end engineering team was building our Japanese website, we decided early on that we needed to support a wide variety of devices, and that responsive design was the right way to do that. (Who wants to support a completely separate “mobile site”?) However, we weren’t sure how we would serve every visitor the appropriate version of the gorgeous images shot by our talented photographers.

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

FlowType.JS, Responsive web typography at its finest : font-size and line-height based on element width

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

Responsive Web Design Testing Tool - pixeltuner.de

Responsive Web Design Testing Tool. A handy tool for responsive design testing.
more...
No comment yet.
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.