Le webdesign réactif (traduction approximative de Responsive Webdesign) est un ensemble de techniques permettant d’adapter la mise en page d’un site web selon le périphérique de l’utilisateur. Avec l’arrivée des Media Queries en CSS3, le webdesign réactif devient de plus en plus utilisé. Il manquait toutefois des carousels réactifs. C’est le cas de Elastislide qui profitera au mieux des caractéristiques de l’écran. Via @guerrier. Lire le reste de cet article »
06/12/10
CSS3 Media Queries en Javascript pour les vieux navigateurs
CSS3-MediaQueries-JS est une bibliothèque Javascript qui permet d’utiliser les Medias Queries dans IE 5+, Firefox 1+ et Safari 2 — Firefox 3.5+, Opera 7+ et Safari 3+ étant nativement compatibles avec cette propriété CSS3. Les Medias Queries offre un mécanisme pour isoler certaines propriétés ou pré-requis techniques pour appliquer aux agents utilisateurs correspondants une déclaration ou une feuille de style CSS spécifique. Lire le reste de cet article »
01/04/10
Modernizr — Détection des fonctionnalités CSS3 et HTML5
Modernizr est une petite bibliothèque Javascript qui détecte la prise en charge (ou non) des fonctionnalités CSS3 et HTML5 comme @font-face, canvas, video, rgba(), border-radius, les fonds multiples, CSS Columns, etc. Modernizr teste plus de 20 fonctionnalités en quelques millisecondes pour ajouter des classes spécifiques dans la balise html indiquant indiquer la prise en charge (ou non) des propriétés testés par le navigateur. Lire le reste de cet article »
09/03/10
jQuery, HTML5 et CSS3 sont le Biactol™ du Web ^_^v
Comment, jQuery va tuer Flash ? La question peut paraitre surprenante, mais force est de constater que Javascript a fait du chemin depuis window.open() ! Les bibliothèques comme jQuery ou Prototype ont par ailleurs permis l’émergence de plugins, de scripts qui se sont attachés à améliorer l’expérience utilisateurs jusqu’à concurrencer Flash sur son terrain de prédilection : la création d’animation pour créer des interfaces immersives afin de capter l’attention du visiteur. Lire le reste de cet article »
04/02/10
Implémentation jQuery du module CSS3 Template Layout
css-template-layout est la transcription Javascript du module CSS Template Layout Module. Ce mécanisme prévu par CSS3 permet de faire une grille de mise en page indépendante de la position des éléments dans le flux, sous la forme de déclarations CSS. Lire le reste de cet article »
03/01/10
Animations CSS3 et équivalents en jQuery
Je ne suis pas encore fan de l’introduction des fonctions d’animation dans CSS3 et je préfère compter sur les frameworks Javascript qui prennent actuellement en compte un plus large éventail de navigateur. L’article CSS3 animations and their jQuery equivalents passe en revue une demi-douzaine d’effets introduits dans CSS3 et fourni le code Javascript pour obtenir le même résultat en jQuery. Jetez un oeil sur la page regroupant les effets en action.
09/12/09
cssQuery — accédez au DOM
cssQuery — Interroge le DOM via les sélecteurs CSS 1, CSS 2 et une partie de CSS 3. Alternative à jQuery et autres frameworks Javascript pour accéder aux éléments constitutifs du DOM quelque soit le navigateur pour environ 7 KB ! Lire le reste de cet article »
04/12/09
DOMAssistant — une bibliothèque Javascript à découvrir
DOMAssistant — Cette bibliothèque va un peu plus loin que dLite et permet de manipuler le DOM avec plus de souplesse pour lancer des fonctions sur un ensemble d’éléments, par exemple. Supporte les sélecteurs CSS 1, CSS 2 et CSS 3. Lire le reste de cet article »
13/11/09
Cufón : des polices de caractère pour tous
La propriété @font-face (revigorée par CSS3) n’est malheureusement pas disponible sur tous les navigateurs. Il existe néanmoins de nombreuses solutions plus ou moins simples à mettre en oeuvre pour utiliser les fontes de votre choix sur votre site. Cufón semble la solution la plus aboutie en terme de mise en place et de compatibilité avec le plus grand nombre de navigateurs. Voici une liste de quelques articles permettant d’en savoir plus :
12/11/09
eCSStender
Toujours rêvé d’utiliser les sélecteurs CSS avancés dans vos designs web sans vous soucier d’IE6 ? Alors vous devriez vous intéresser au travail d’Aaron Gustafson. Une fois le DOM chargé, eCSStender rassemble les feuilles de styles impliquées dans l’affichage de la page dans une variable. Le parsing peut commencer et eCSStender recherche tous les motifs pour lesquels une extension est disponible (@font-face et @page pour le moment). Pour la suite des explications je vous invite à lire la documentation ;) — eCSStender