Coding (HTML5, CSS3, Javascript, jQuery ...)
18.2K 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!

16 tools to make awesome Infographics

16 tools to make awesome Infographics | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Infographics are all the rage at the moment, particularly with the rise in popularity of sites like Pinterest where visuals and images of statistics are being shared.

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!

Mobile Considerations in User Experience Design: “Web or Native?” - Smashing Mobile | Smashing Mobile

Mobile Considerations in User Experience Design: “Web or Native?” - Smashing Mobile | Smashing Mobile | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Our brand new Smashing Books #3 and #3⅓ have been released last month and we're sincerely grateful for the tremendous feedback, reviews and photos submitted by our truly smashing readers across the world.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Allowing Users To Edit Text Content With Html5

Allowing Users To Edit Text Content With Html5 | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

With HTML5, you can set any of your Web page text elements to be editable by users. Using the “contenteditable” attribute, you can instruct the browser to allow users to insert, delete and alter the text your page contains as they view it. There are many possible uses for this technique, such as allowing users to customize the way your pages appear to them each time they visit. In this tutorial, we will run through the basics of letting users edit your text content, including saving their edits for future reference using the HTML5 storage model.

more...
No comment yet.
Rescooped by Daniel Hernandez from Outils en ligne pour bibliothécaires
Scoop.it!

Easel.ly : pour créer vos infographies

Easel.ly : pour créer vos infographies | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Créer sa propre infographie était jusqu'alors un exercice réservé aux initiés. Difficile, en effet, d'obtenir un visuel autant esthétique qu'informatif sans être doué en graphisme et muni des bons outils. Easel.ly vient mettre un terme à cette injustice en permettant à n'importe quel internaute de transformer ses données factuelles en un véritable contenu viral.


Via Frédéric DEBAILLEUL, BDP de l'Essonne
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Wordpress Theme Generator

Wordpress Theme Generator | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Wordpress theme generator:

Create unlimited themes by changing, combining (or uploading) any design element, you can save it for later edition and/or download it both in WordPress or HTML/CSS...

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!

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!

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.
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!

Créer des menus personnalisés avec WordPress 3.0

Créer des menus personnalisés avec WordPress 3.0 | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

La création de menus personnalisés est désormais possible avec la sortie de WordPress 3.0. Via un système de glisser / déposer, réalisez vos propres menus en combinant des liens externes, des catégories ou encore des pages en quelques clics.

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!

Slide In Image Boxes | CSS-Tricks

Slide In Image Boxes | CSS-Tricks | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

A technique for creating a “slide in” effect for boxes on hover to make them a bit more interactive.

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.
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.
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!

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!

CSS/HTML Tools and Resources Worth Checking Out | Impressive Webs

As always, my collection of recently discovered links, tools, resources and libraries keeps growing. To archive these for my own purposes, and to share them in bulk, here is a list of CSS, HTML, and related tools that might be of interest to readers.
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!

30 Creative And Funny 404 Error Pages For your Inspiration

30 Creative And Funny 404 Error Pages For your Inspiration | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Here In this post we have collected some fresh, creative and funny 404 error page designs. I hope this would help web designers and companies alike to try and design for their own website if you have not done so already! In the meanwhile you may want to read some of our Web Design related articles

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

Just some other awesome CSS3 buttons - RedTeamDesign

Just some other awesome CSS3 buttons - RedTeamDesign | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Read this article to learn how to create some cool CSS3 buttons in just a few steps. Pure CSS3 social buttons also included.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

CSS Sprites Revisited | Smashing Coding

CSS Sprites Revisited | Smashing Coding | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
While Photoshop is booting, take a moment to consider why CSS sprites have had such a hard time getting widespread acceptance and support. I’m always struggling to find the correct starting position for each image within a sprite.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Protect your WordPress site with .htaccess | Tutorial | .net magazine

Protect your WordPress site with .htaccess | Tutorial | .net magazine | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
WordPress is the world’s most popular CMS with over 70 million users, but how safe is your install? Paul Maloney shows you how to secure your WordPress site with .htaccess.
more...
No comment yet.