background preloader

CSS3 - HTML5

Facebook Twitter

Tunnel vision 3D CSS. Modernizr 3 : détectez le support du HTML5 et du CSS3 dans le navigateur grâce à cette bibliothèque JavaScript. Modernizr est une bibliothèque JavaScript qui détecte le support du HTML5 et du CSS3 dans le navigateur de l'utilisateur et qui vous prévient si ce dernier implémente nativement ces fonctionnalités ou non.

Modernizr 3 : détectez le support du HTML5 et du CSS3 dans le navigateur grâce à cette bibliothèque JavaScript

Il établit ainsi ce que vous pouvez et ne pouvez pas faire dans le navigateur actuel. Cette bibliothèque vous permet de tirer parti des nouvelles technologies du Web sans se tracasser de gérer les différents navigateurs qui ne se mettent pas rapidement à jour. Modernizr rend facile le fait d'écrire des conditionnelles JavaScript et CSS pour gérer chaque situation (si un navigateur prend en charge une fonctionnalité ou pas). La bibliothèque s'exécute rapidement lors du chargement de la page pour détecter les fonctionnalités, les éléments. Ensuite, elle crée un objet JavaScript avec les résultats et ajoute des classes à l'élément html pour les lier à votre CSS. Modernizr offre notamment : Téléchargement. L'article sur le site officiel. Kontext: A context-shift transition inspired by iOS. A Programming and Designing Blog: CSS Compressing and Caching with PHP. Web developers always worried about there website's loading time.

A Programming and Designing Blog: CSS Compressing and Caching with PHP

Because loading time is very important for a website's popularity. CSS compression and cache can speed up your website. I have created a PHP script for making CSS compression easy. This script will allow you these functionalists:Reduce CSS file size by removing comments and white space charactersKeep server side cache for rapid delivery.Enable GZip for compressed encodeEnable user side cache smartly.css.php: include('function.php'); $css = $_GET['css']; $expires = 60*60*24*14; // Cache lifetime 14 days $baseName = basename($css); $cssCache = 'cache/'.

CSS selectors - mobile. Page last changed today Here are almost all CSS2 and 3 selectors, and the CSS3 UI selectors (mostly structural pseudo-classes).

CSS selectors - mobile

This is the mobile table. See also the desktop table. Last major update on 1 October 2013. See also the CSS3 User Interface spec. iOS 6 WebKit 536 Default browser on iPhone 4S with iOS 6.1.3 iOS 7 WebKit 537 Default browser on iPad 2 with iOS 7.0 Android 2 WebKit 533. CSSComb - Réorganiser automatiquement ses propriétés CSS. CSSComb est un outil gratuit permettant de réordonner automatiquement ses propriétés CSS afin de conserver une clarté de lecture et de maintenabilité.

CSSComb - Réorganiser automatiquement ses propriétés CSS

Ordonner d'une manière spécifique ses propriétés CSS dans une feuille de style est quelque chose que nombreux d'entre vous faites déjà manuellement. Tout simplement parce que cela vous permet de conserver une lecture rapide de votre style et de pouvoir modifier rapidement ce dernier si besoin. Imaginons que vous travailliez en équipe sur une intégration CSS, et que votre collègue n'a pas la même rigueur que vous.

Au lieu de vous acharner à tout réordonner manuellement après chacun de ses commits, optez pour CSSComb ! CSSComb est un outil gratuit qui peut s'intégrer dans votre IDE favori. Il dispose aussi d'une version en ligne efficace: Avec en prime un outil de diff entre la version entrée et la version ordonnée à titre comparatif. Bref, un outil efficace qui vous fera gagner un temps précieux si vous êtes du genre méticuleux. Site Officiel. CSS3PS : de Photoshop à la feuille de style grâce à un nouveau plug-in. Make a stopwatch using CSS3 without images or javascript. Pie Menu (like Path Menu) using jquery and CSS3 by Nikesh Hayaran.

Pure CSS 3D Bar Graph. Nouvelle méthode de remplacement d’image en CSS. Nouvelle méthode de remplacement d’image en CSS. 50 Excellent CSS3 Techniques and Tutorials for Beautiful Design. CSS3 has got a huge potential to create very elaborate and complicated details by strictly using CSS and no images.

50 Excellent CSS3 Techniques and Tutorials for Beautiful Design

It can carry out a lot of functions as it is based on motion techniques. Many designers all over the world believe that CSS3 is a technique which has unbelievable potentiality which will be used to create wonderful designs in the years to come. At present, it is not being used varied all over the world due to a number of limitations – obsolete browsers being one of them. Many say that it would be the application of the future as it can improve the efficiency of the workflow by substituting waste workarounds as it was once used in the case of Internet Explorer 6. In the last few years we have seen many web developers who have talked about CSS (Cascading Style Sheet) and the possible designs it can create with the help of powerful animations. Create an Audio Player in HTML5 & CSS3 Filter Functionality with CSS3 CSS3 Navigation Menu with Notification Badges.