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.

The catch is this must be included on every page. 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. 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

Accompany all of this with some fantastic CSS3 properties and you are able to create stylish and highly-usable forms that go way beyond anything plain ol’ HTML and CSS2 could ever muster. This article features some of the most useful HTML5 and CSS3 form references, resources, and tutorials that will make your understanding and knowledge of HTML5 forms all the better and make your development life much easier. HTML5 and CSS3 Form References & Resources. 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. Less Framework 4 is a CSS grid system for designing adaptive web­sites. 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 # PNG alpha transparency - Recommendation Semi-transparent areas in PNG files IE6 does support full transparency in 8-bit PNGs, which can sometimes be an alternative to 24-bit PNGs. # CSS 2.1 selectors. 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.


[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. Flipside Flipside A button that seamlessly transitions from action to confirmation Monocle List Monocle List Scroll the page and see list items expand under the magnifying area. Checkwave Checkwave Check a checkbox to generate a wave of checkboxes. Device Loop Animation View the device loop A device loop animation that I created for the new home page. 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.