Latest Release. Offline Browsing in HTML5 with ApplicationCache. Offline browsing is becoming increasingly important to web developers and designers.
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. 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.
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 ?! 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.
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. Useful HTML5/CSS3 Frameworks. Frameworks are an interesting topic.
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.
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 - Recommendation Allows more accurate element selecting, using >, +, [attr], :first-child, etc.
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.
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.
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. jQuery.