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. Cache Manifest Gotcha Here’s something else to watch out for. Choose Add and enter the new MIME type. This needs to be done before any files are to be cached by the browser. The Cache Manifest Structure. 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. As part of our transition of display ads to HTML5. the Swiffy Flash conversion tool is no longer available.

Google Swiffy

We will continue to serve the Swiffy runtimes, so any files you have already converted will continue to play. Today more consumers are using the web in HTML5 compatible environments than Flash-compatible environments. 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 New Form Features in HTML5 Here is a Dev.Opera article that gives a brief overview of some of the new form controls and functionalities that have been introduced in HTML5. Useful HTML5/CSS3 Frameworks. The mobile photo editing community is encroaching on new artistic territory — comic books.

Useful HTML5/CSS3 Frameworks

Life is an adventure, so why not make it look like one? That’s what many mobile artists have done, editing real life photos to create exciting illustrations without ever touching pen to paper. Becoming the hero of your own art takes more… A’ Design Award is the World’s most prestigious international design competition. The A’ Design Accolades are held in many creative fields to spotlight the excellent designers from all countries in all disciplines. 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. 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.

Demos

[fr] Création facile de fichiers .htaccess "Éditeur .htaccess" Interactive Experiments Focused on HTML5. Static Site Generator for PHP. Javascript. 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.