Coding (HTML5, CS...
Follow
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!

Code Snippets | CSS-Tricks

Code Snippets | CSS-Tricks | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
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.
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!

18 Detailed HTML5 Website Layout Coding Tutorials | Design Inspiration

18 Detailed HTML5 Website Layout Coding Tutorials | Design Inspiration | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
HTML5 is the next revision of core markeup language HTML and as of 2012 it is still in the development stage.HTML5 has many new features and techniques.Despite...
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

6 Useful Web Development Boilerplates - favbulous.com

In web development, we have different types of boilerplates for different technologies. Thanks to all the people behind all these boilerplates. They have put all the best practises, good examples, useful tips all in one place. Ultimately, this can save heaps of your development times. For example, HTML5 boilerplate, it doesn't just comes with HTML structure, it also comes with folder setup. Another example, Email Boilerplate. Email boilerplate contains all the fixes, tips and tricks to avoid email client inconsistencies. If you go through it carefully, you will see a lot of useful information that one has took many years of experience to develop.

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

Jumpstart Your Web Project With HTML KickStart | Design Shack

Jumpstart Your Web Project With HTML KickStart | Design Shack | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Recently, we took a look at a really solid framework from the good folks at Twitter called Bootstrap. This toolkit is a swiss army knife of utilities and includes both a functional layout grid and enough pre-styled elements to get a great jumpstart on any project.

Today we’re going to look at a very similar tool from Joshua Gatcke called HTML KickStart. This framework is simply overflowing with great stuff that will enable you to build web page prototypes at light speed. Let’s jump in and build a page with it to see what we think.

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

An Ultimate HTML5 Cheat Sheet for Web Developers

HTML5 Cheat sheet may be an ultimate guide to novice developers as it contains all the basic information plus most of the structure of HTML5.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Using HTML5 to Determine User Location | Web development blog, news and tutorials - Developer Drive

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

Create progressively enhanced 3D CSS rollovers | Tutorial | .net magazine

Create progressively enhanced 3D CSS rollovers | Tutorial | .net magazine | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Christian Heilmann, principal evangelist for HTML5 and the open web at Mozilla, explains how to progressively enhance CSS rollover effects into the 3D space...
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Responsive Design with CSS3 Media Queries

Responsive Design with CSS3 Media Queries | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Encore un petit tutoriel sur le "Responsive Design". Les sites qui restent beaux sur toute resolution d'écran sont à portée de main

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

40 Beautiful Free HTML5 & CSS3 Templates

40 Beautiful Free HTML5 & CSS3 Templates | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
A collection of free HTML5 & CSS3 templates that will help you put together a stylish and future proof website.
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!

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!

10 awesome HTML5 audio players | CatsWhoCode.com

10 awesome HTML5 audio players | CatsWhoCode.com | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Among other great features, the new HTML5 specification allow native audio streaming. In this article, I have compiled the 10 most awesome HTML5 audio players available today.

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

Create a whirling timer with HTML5 canvas and Prototype.js | Tutorial | .net magazine

Create a whirling timer with HTML5 canvas and Prototype.js | Tutorial | .net magazine | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it
Frontend developer David Smith demonstrates how to use HTML5 canvas in conjunction with the Prototype.js framework to enhance slideshows for your visitors with a simple but accurate loading wheel...
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Full CSS3 HTML5 Contact Form with No Images | Onextrapixel - Web Design & Development Magazine

HTML5 and CSS3 are still working drafts; the goal of this tutorial is to show what we can do with those technologies. This form has some compatibility issues with old browsers, so if you want to use it in production, do so at your own risks.
more...
No comment yet.
Scooped by Daniel Hernandez
Scoop.it!

Learn to Program | Impressive Webs

Learn to Program | Impressive Webs | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Quelques sites pour améliorer ses compétences en code : Codecademy, Treehouse, appendTo Developer Learning Center, MDN: A Re-Introduction to JavaScript, jQuery Fundamentals, Eloquent JavaScript, JavaScript 101.

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

5 Incredibly Useful Tools Built Into Twitter Bootstrap | Design Shack

5 Incredibly Useful Tools Built Into Twitter Bootstrap | Design Shack | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

5 Incredibly Useful Tools Built Into Twitter Bootstrap on Design Shack.

 

Bootstrap est une boite à outils (un "toolkit") disponible pour nous, développeurs, complètement gratuite et créée par... Twitter.com. Selon Twitter, Bootstrap a été conçu pour le démarrage du développement d'applications web ("webapps") et sites.

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

50 Free CSS/(X)HTML Templates - Noupe

50 Free CSS/(X)HTML Templates - Noupe | Coding (HTML5, CSS3, Javascript, jQuery ...) | Scoop.it

Petite collection de templates en libre accès (consulter la licence avant d'utiliser les templates)

more...
No comment yet.