background preloader

Html5, css3, et web

Facebook Twitter

Latest Release. Offline Browsing in HTML5 with ApplicationCache. Offline browsing is becoming increasingly important to web developers and designers.

Offline Browsing in HTML5 with ApplicationCache

Giving the user the ability to use your website offline has always been a goal, but one that was pretty difficult to reach, to say the least. As we move into the age of HTML5, however, this is changing and you can now take advantage of the ApplicationCache interface. Using the application cache, you can specify which files the browser can cache and use when the user is offline. Your website will work as if the user is online, and best of all, they won’t notice any difference! So, how do you specify which files the browser should cache? The Cache Manifest The cache manifest file lives inside your website, and it defines which files can be cached by the browser.

Mobilizer. Veille Technologique. Meta viewport Minimal-UI Dimanche 16 mars 2014 Il y a quelques jours est sortie la version 7.1 de iOS, apportant avec elle son lot de bugs (typo et bug) et de nouveautés.

Veille Technologique

Parmi ces dernières, la meta viewport peut désormais accueillir la valeur minimal-ui qui permet de cacher une partie des éléments d’interface du navigateur. Lire la suite iOS provoque des 404 sur votre site Web Lundi 30 septembre 2013 Et là en lisant le titre vous vous dites : « mais mais mais… qu’est-ce qu’il va encore nous raconter ?!

Lire la suite Définition de l’élément aside en HTML5 Lundi 9 septembre 2013 HTML5 étant encore en brouillon, certains de ses éléments sont parfois revus dans leur définition. Lire la suite HTML5 : l’élément progress, avancement d’une tâche. Useful HTML5/CSS3 Snippets. Google Swiffy. HTML5 and CSS3 Form References, Resources and Tutorials. This article explores some of the new HTML5 form features and how it has greatly improved text inputs, search boxes and other form fields by providing better and cleaner controls for validating data allowing you to build complicated forms with far less code and even less bemusement.

HTML5 and CSS3 Form References, Resources and Tutorials

Useful HTML5/CSS3 Frameworks. Frameworks are an interesting topic.

Useful HTML5/CSS3 Frameworks

Some developers absolutely swear by them, other developers see them as unnecessary complications that add a lot of superfluous weight to what would otherwise be fairly simple code. I find them to be quite useful and timesaving. HTML5 and CSS3 frameworks are becoming more and more popular every day, so in this post, we’ll examine some of the most popular CSS3 and HTML5 frameworks. Gridless is an awesome HTML5 and CSS3 framework for making responsive, cross-browser websites with beautiful typography. Created by Harry Roberts, this framework is built to work on smaller screens straight out of the box with minimal effort. When can I use... Support tables for HTML5, CSS3, etc. # CSS inline-block - Recommendation Method of displaying an element as a block while flowing it with text.

When can I use... Support tables for HTML5, CSS3, etc

Only supported in IE6 and IE7 on elements with a display of "inline" by default. Alternative properties are available to provide complete cross-browser support. No known issues. Animated Scroll to Top. Due to a number of requests, I'm writing a detail tutorial on how to create an animated scroll to top as seen on Web Designer Wall.

Animated Scroll to Top

It is very simple to do with jQuery (just a few lines of code). It checks if the scrollbar top position is greater than certain value, then fade in the scroll to top button. Upon the link is clicked, it scrolls the page to the top. View the demo to see it in action. Demo Scroll to Top Download Demo Zip.


[fr] Création facile de fichiers .htaccess "Éditeur .htaccess". Interactive Experiments Focused on HTML5. Experiments This is my creative lab and interactive playground.

Interactive Experiments Focused on HTML5

It's focused on the exploration of interaction, visual effects and technologies. Device Loop Animation View the device loop A device loop animation that I created for the new home page. Flexing Pagination View Flexing Pagination A UI experiment with pagination arrows that "flex" when you hover or press them. Assorted CSS Animations I've been having a lot of fun creating these small CSS-only animations lately. View Cloud Animation View Spinner Animation View Hole Animation. Static Site Generator for PHP.


Css. Css Sans Stress — Auto-formation HTML & CSS avec les Frameworks CSS. Html. Webcned2.0. Animated fullscreen background image slideshow using jQuery. Do you remember the Advanced jQuery background image slideshow I posted last year?

Animated fullscreen background image slideshow using jQuery

Because of that tutorial, reader Evens sent me an e-mail, asking how the effect on the website from Climate Crisis could be recreated. It seemed liked an intersting thing to do, so I took the time to try to create the same effect. With the help of some small HTML, nifty CSS and loads of jQuery, we're able to create an animated fullscreen background image slideshow. Read the rest of this article to learn how it's built. You can easily change the script by changing some variables. The script uses the Templates and Easing jQuery plugins. Video Here's a reference video to show how the page should look like (displayed in Firefox). Looks pretty cool, doesn't it? Since the page is extremely dynamic, the HTML is very empty (everything is added by jQuery). The #navigationBoxes is a container for the navigation boxes, and the #pictureSlider is the container for the background images.