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!

Learning Responsive Design: 5 Things To Get You Going | Business 2 Community

Learning Responsive Design: 5 Things To Get You Going | Business 2 Community | Responsive design & mobile first | Scoop.it
You may have heard that responsive design, much like apps and mobile websites previously, is the new “it” thing that companies are increasingly inquiring...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Really Responsive Design and the Frameless Grid | Pete Wailes

Really Responsive Design and the Frameless Grid | Pete Wailes | Responsive design & mobile first | Scoop.it
Many years ago, the web was a simpler place, in terms of design. After all, it’s quite hard to bring anything of visual beauty to your users, when your canvas is monospaced syntax-highlighted text, and nothing else.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design vs Adaptive Web Design | b2bmarketing.net

As anyone who is clued up about digital marketing will tell you, mobile has landed, and is here to stay. Recent studies reveal that mobile traffic accounts for roughly 12.5% of all visitors to websites and is on the rise. Just take a look at your own Google Analytics and you’ll see the same trends on your site. So why does it matter? Well, chances are if you haven’t done anything to accommodate your new mobile visitors, you’ll find that their bounce rates are significantly higher than those of desktop and laptop visitors. In fact, if you are likely to be getting next to zero value from your smartphone surfers. Like most B2B companies, your website will be your primary ‘shop-front’, so if 1 in 10 of your visitors were leaving because they don’t like your store layout, surely you would consider redecorating?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Embracing the Flexibility of the Web With 'Responsive Enhancement' | Webmonkey | Wired.com

Embracing the Flexibility of the Web With 'Responsive Enhancement' | Webmonkey | Wired.com | Responsive design & mobile first | Scoop.it
Fluid grids, flexible images and media queries are the cornerstones of responsive web design, but as developer Jeremy Keith points out web developers need to have a responsive mindset as well, embracing the inherent fluidity of the web.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Create fluid layouts with HTML5 and CSS3 | Tutorial | .net magazine

In this exclusive excerpt from Responsive Web Design with HTML5 and CSS3, Ben Frain explores how to convert pixel-based designs to their proportional equivalents...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The obsession with responsive websites | Two Step Media

For good or bad, Ethan Marcotte coined the term Responsive Web Design a while ago and from that point, #RWD was plastered across tutorials, Twitter, conferences, I think some people even got RWD4 LYFE tattooed across their knuckles.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design Weekly #24 - Responsive Design Weekly

Surverys, Zurb Foundation new release and a bunch of other responsive design goodies to wet your appetite.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive web development with WordPress — a case study - Dev.Opera

Many of us have moved on from thinking about media queries and responsive layout towards addressing the challenges of responsive images, navigation, UX and more.

Content and planning are important too. Even if you're not adopting a Mobile First strategy, it's important to consider the mobile experience when planning any responsive site. This includes thinking about content, user experience, design, performance and more. Rudy Rigot's article on responsive projects examines more of these issues in detail.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design bookmarklet | BenjaminKeen.com

This was inspired by, and based on @lensco‘s excellent Simple Responsive Design Test Page. It lets you view any webpage in multiple screen sizes, simulating the viewport of different devices. After getting such a positive response to my original script, I thought I’d expand on it a little. Since people are obviously targeting different device screen sizes with their projects, the form below now lets you generate a custom bookmarklet that displays only those device sizes you’re interested in.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive design, quels bénéfices pour les éditeurs de site web ?

Pourquoi adopter le responsive design. Quels bénéfices apporte cette nouvelle technologie aux éditeurs de site web ?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

15 Great Responsive jQuery Slider Plugins

15 Great Responsive jQuery Slider Plugins | Responsive design & mobile first | Scoop.it
Responsive jQuery slider plugins are great for adding slider effects to responsive websites and templates. As you will see below there are some really good options available.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Case study : Rebuilding a university homepage to be "responsive". Twice. In less than a year. // Speaker Deck

Case study : Rebuilding a university homepage to be "responsive". Twice. In less than a year. // Speaker Deck | Responsive design & mobile first | Scoop.it
The history of Notre Dames two responsive (RWD) homepages, how we got to where we are, and some yelling about building responsive sites responsibly.

For more info about the conference, context to the slides and to watch a recording, visit http://bit.ly/heweb12-wg
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Setup to Build Responsive Websites

You cannot have a responsive site without a responsive design. I recommend taking a mobile first approach because it forces you to focus on the most critical elements in your app.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Free Responsive HTML5 Css3 Template

Free Responsive HTML5 Css3 Template | Responsive design & mobile first | Scoop.it
Europe is a minimalistic multipurpose css template with 9 custom html pages.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Be The Superstar Responsive Website Builder – A Tutorial For The Insatiable Designer Inside You

Be The Superstar Responsive Website Builder – A Tutorial For The Insatiable Designer Inside You | Responsive design & mobile first | Scoop.it
Allow me to begin by congratulating you on having found your way till here. No doubts, you are on an expedition to a guide that will enable you to create a responsive website. It has become the buzz word – 'responsive websites'.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The Responsive Design Myth

The Responsive Design Myth | Responsive design & mobile first | Scoop.it
Responsive design is the new HTML5, a fancy term thrown around to prove that you “get it” in mobile. On the surface, responsive design makes total sense: design for an optimal experience across a wide range of devices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design Weekly #25 | Responsive Design WeeklyResponsive Design Weekly

The biggest talking point this week has to be the new release of Microsoft.com. A lot of kudos was thrown the way of the Build Windows site when it was first released, and if you liked that you’ll love the work that went into the new Microsoft site.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Retrofitting sites with responsive design with Ben Callahan | Responsive Design WeeklyResponsive Design Weekly

So what is retrofitting? It's the fastest and lowest risk approach to providing an exiting site and content to users across multiple devices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Media Queries Tutorial – Convert Burnstudio into a Responsive Website

Media Queries Tutorial – Convert Burnstudio into a Responsive Website | Responsive design & mobile first | Scoop.it
Howdy Folks! If you're following the series, we have converted Burnstudio Design Agency from PSD to working HTML/CSS. We have discussed how we will markup the HTML and how we will style it using CSS.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Free and Premium Responsive WordPress Themes Collection

Free and Premium Responsive WordPress Themes Collection | Responsive design & mobile first | Scoop.it
If you are a businessman looking to facelift your business website expecting maximum and repeated visits to your website, responsive WordPress themes are there at your aid.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Stop using the viewport meta tag (until you know how to use it) - htmlboy

In the early years, when the smartphones came to Earth, they knew the Internet wasn't prepared for them… so they expected every website to be around 1000px width (980px on the iPhone) and zoom out the website to fit into the screen. And so the was created, basically to tell those smart dudes that your website was prepared for them.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Kube Framework : CSS-framework for professional developers

Kube Framework : CSS-framework for professional developers | Responsive design & mobile first | Scoop.it
Minimal and enough. Adaptive and responsive. Revolution grid and beautiful typography. No imposed styles and freedom.
more...
No comment yet.