background preloader

Html5, css3, et web

Facebook Twitter

Latest Release. “...That was the original idea from day one - the elimination of the tweening process.

Latest Release

But it is certainly not the only feature of Synfig that makes it unique. In addition to eliminating the tweening process, I also wanted Synfig to be used for pretty much every part of production except story-boarding and editing.” Robert Quattlebaum - OSNews Here you can download the latest stable version of Synfig Studio. 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. Useful HTML5/CSS3 Snippets.

A.button { font-family: 'PT Sans', arial, serif; color:#ffffff; text-align:center; font-size:24px; font-weight:bold; padding:10px; text-shadow:

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. 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. 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. 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 Design & CSS.


[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).