Coding (HTML5, CS...
Follow
18.0K views | +0 today
Coding (HTML5, CSS3, Javascript, jQuery ...)
Tutoriels, outils, conseils, etc
Your new post is loading...
Your new post is loading...
Scooped by Daniel Hernandez
Scoop.it!

35 Creative Free Responsive HTML5 Site Templates

35 Creative Free Responsive HTML5 Site Templates | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
A collection of 35 Creative Free Responsive HTML5 Site Templates. You can find a lot of different responsive HTML5 templates out there on the web.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Simon Foster | Blog | The Responsive Designer

Simon Foster | Blog | The Responsive Designer | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Hello and welcome to the online home of London based freelance web designer Simon Foster...
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Three quick tips to help the responsive web design process | Max Design

Three quick tips to help the responsive web design process | Max Design | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
This article covers three quick tips to help make your responsive web design process easier.
more...
No comment yet.
Rescooped by Daniel Hernandez from Webmaster-cms
Scoop.it!

Google explique sa conception d'une page Web Responsive

Google explique sa conception d'une page Web Responsive | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Google a développé ce processus tout en suivant trois règles : les pages doivent être lisibles avec n’importe quelle résolution, un seul ensemble de contenu doit être visible sur n’importe quel périphérique, et une barre de défilement horizontale ne doit jamais être affiché, peu importe la taille de la fenêtre.


Via p-worochob
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Responsive Images With WordPress' Featured Images - Smashing Mobile | Smashing Mobile

Responsive Images With WordPress' Featured Images - Smashing Mobile | Smashing Mobile | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
In this article, we’ll use WordPress’ built-in featured images capability to deliver different-sized image files to different devices.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Free Responsive Magento Theme: Responsive Magento Theme

Free Responsive Magento Theme: Responsive Magento Theme | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

This is the home of Respond a Free Magento theme that adapts to different screen resolutions so all your visitors get a great experience. The theme is built to work on smartphone devices, tablets and of course desktop monitors.

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

HTML5 adaptive images: end of round one | HTML5 Doctor

HTML5 adaptive images: end of round one | HTML5 Doctor | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Adaptive images are the next unsolved mystery of Responsive Web Design. Do you send large high-res images suitable for retina dispays, which are scaled down on smaller, lower res devices and which therefore waste bandwidth? Or do you send low-res images, whch look grotty when scaled up to large screens or high-res displays? Authors have had to rely on elaborate hacks to send different content images (that is in HTML rather than CSS background images) to different types of devices.

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Tips and best practices to develop responsive websites | CatsWhoCode.com

Tips and best practices to develop responsive websites | CatsWhoCode.com | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

In the recent years, we saw both a rise of mobile devices such as the iPhone and wide monitors. Responsive websites are website that can adapt to lots of different screen resolution and always look good. In this article, I have compiled tips and best practices to create responsive websites.

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Ultimate Responsive Web Design ToolKit

Ultimate Responsive Web Design ToolKit | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

When it comes to web designing industry, technology is evolving a lot with the passage of time and things are still growing with every passing day. Because of this constant evolvement, nothing can be considered as a sure shot idea to have a nice, responsive web design. This article will help designers in building a strong toolkit to make a responsive website.

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Mobile Navigation Design & Tutorial

Mobile Navigation Design & Tutorial | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

One of the common challenges when designing responsive design for mobile is the navigation menu. If the site has many sections or pages, it gets challenging to squeeze all the items into a small mobile resolution. The navigation most likely ends up running into multiple lines or the buttons stacking on top each other. So I'm going to review some of the design solution and provide a quick tutorial on how to create a mobile navigation with jQuery.

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Clown Car Technique: Solving Adaptive Images In Responsive Web Design | Smashing Coding

Clown Car Technique: Solving Adaptive Images In Responsive Web Design | Smashing Coding | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
The “clown car” technique is the closest thing we’ve got to a holy grail: leveraging well-supported media queries, the SVG format and the object element to serve responsive images with a single request.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Adaptive Vs. Responsive Layouts And Optimal Form Field Labels | Smashing UX Design

Adaptive Vs. Responsive Layouts And Optimal Form Field Labels | Smashing UX Design | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

A responsive layout is in theory always better than an adaptive layout, but in some cases an adaptive layout is a more pragmatic solution.

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton

Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Compare Responsive CSS Frameworks: Twitter Bootstrap, ZURB Foundation, and Skeleton...
more...
No comment yet.
Rescooped by Daniel Hernandez from Webmaster-cms
Scoop.it!

Un slider en mode responsive développé en CSS3 uniquement

Un slider en mode responsive développé en CSS3 uniquement | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Si vous souhaitez proposer un slider d'images sans Javascript, cette ressource vous conviendra parfaitement.,Basée sur les animations / transitions CSS3, donc compatible uniquement avec navigateurs récents (Oui, il faut sauter le pas!), ce slider est à la fois simple et design.


Via p-worochob
more...
No comment yet.
Rescooped by Daniel Hernandez from Webmaster-cms
Scoop.it!

Everything You Need to Build A CSS3 Responsive Fluid Layout

Everything You Need to Build A CSS3 Responsive Fluid Layout | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Responsive layout uses CSS3 Media Query to target different screen resolution. Tutoriel et ressources


Via p-worochob
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

How To Create A Responsive, Mobile First WordPress Theme | Smashing WordPress

How To Create A Responsive, Mobile First WordPress Theme | Smashing WordPress | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Learn how to build your own mobile WordPress theme that adapts to different devices and browsers, providing a more responsive user experience.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

12 New Free Responsive Wordpress Themes [June 2012] | Design Inspiration

12 New Free Responsive Wordpress Themes [June 2012] | Design Inspiration | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
We regularly bring together free responsive wordpress themes and in today's post we have antoher great free collection.You know,it's been a few years since...
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Creating Mobile-Optimized Websites Using WordPress - Smashing Mobile | Smashing Mobile

Creating Mobile-Optimized Websites Using WordPress - Smashing Mobile | Smashing Mobile | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Here are four ways to make your WordPress blog or website mobile-friendly, ranging from the quick and dirty to the complex but potentially very beautiful.
more...
No comment yet.
Rescooped by Daniel Hernandez from Boîte à outils du Web
Scoop.it!

Screenfly : tester son site en responsive design

Screenfly : tester son site en responsive design | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
De plus en plus de sites adoptent le principe du responsive design, ou l’art d’adapter la mise en page et la navigation aux différents terminaux utilisés pour la navigation – ordinateur, tablettes, smartphones… L’idée est de disposer d’un site joli...

Via Jean-François Tronel
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

CSScience - CSS3 Responsive Slider / Carousel Using Radio Buttons

CSScience - CSS3 Responsive Slider / Carousel Using Radio Buttons | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Responsive CSS3 Slider Without Javascript

more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Screenqueri.es | Pixel Perfect Responsive Design Testing Tool

Screenqueri.es | Pixel Perfect Responsive Design Testing Tool | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Screenqueri.es is a Pixel Perfect Tool to test your Responsive Design / Media Queries. Select from Pre-defined Screen Resolutions OR Drag Screen Handles To Go With Your Custom Screen Resolutions.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Building fast and responsive websites | Tutorial | .net magazine

Building fast and responsive websites | Tutorial | .net magazine | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
In this exclusive excerpt from his HTML5 Mobile Development Cookbook web developer Shi Chuan, co-creator of the HTML5 Boilerplate, explains how to build pages with semantic markup, use dynamic loading, make buttons with instant response and more...
more...
No comment yet.