Archives de la catégorie HTML / CSS
Support HTML 5 – La solution pour gérer la compatibilté des navigateurs
Posté par Steve Leherpeux dans HTML / CSS le 8 août 2010
HTML 5, CSS 3 c’est bien beau, ça rend bien service et c’est sympa… malheureusement, tout n’est pas parfait au pays des rêves car de nombreux utilisateurs (vos lecteurs et utilisateurs) ne peuvent pas profiter de ces nouveaux attributs HTML et CSS.
Il est important de penser « utilisateurs ». Les modifications apportées par HTML 5 et CSS 3 ne sont pas encore implémentées par tous les navigateurs. Ne pouvant pas forcer tout le monde à utiliser un seul navigateur, il faut s’efforcer de prendre en compte cet compatibilité.
Comment pouvons nous vérifier cette compatibilité, comment savoir quel navigateur est compatible avec tel attribut HTML ou CSS ? C’est ce que je vous propose de voir dans cet article.
Formulaires HTML5 – Quoi de neuf ?
Posté par Steve Leherpeux dans HTML / CSS le 7 août 2010
Nouveautés HTML 5 – Formulaires et champs de formulaires
Petite introduction aux formulaires HTML 5… Je vous propose de voir en images et en code les différentes modifications apportées par les nouveaux attributs HTML 5.
Lire la suite »
Speed tuts : local storage ou la sauvegarde locale
Posté par Steve Leherpeux dans HTML / CSS, Tutoriels le 6 août 2010
HTML 5 nous apporte de nombreuses et belles surprises dont un fait l’objet de ce tutoriel : « localStorage ». A vrai dire, cette fonctionnalité ne fait pas parti officiellement de HTML 5 mais y est lié indirectement.
Le principe est simple, cette fonctionnalité vous permet de sauvegarder l’ensemble de vos données saisies en locale ; que vous rafraichissiez la page ou que vous quittiez votre navigateur et le relancez sur la même page, vos données seront sauvegardées.
Nous allons voir dans ce tutoriel la façon d’implémenter « localStorage ».
Tutoriel CSS : 3D Transform
Posté par Steve Leherpeux dans HTML / CSS le 27 juillet 2010
Le version 3 de CSS nous a apporté son lot de nouveauté ; parmi les plus connues et plus utilisées on peut citer « Corner radius » ou encore les dégradés mais une nouvelle propriété très intéressante va vous permettre une encore plus grande liberté : la propriété « transform ».
De la 3D en CSS ?
Je n’irai pas jusqu’à dire qu’il s’agit de 3D mais plutot d’effet 3D au même titre que nous pouvons réaliser ces effets avec un logiciel de graphisme.
Nous verrons dans cet article comment réaliser un cube en effet 3D. Lire la suite »
SpeedTuts : CSS Image Switcher
Posté par Steve Leherpeux dans HTML / CSS, Tutoriels le 16 juillet 2010
Dans le cadre de ce tutoriel, nous allons voir comment créer un Switcher d’images uniquement en CSS et sans aucune utilisation de Javascript. Pour cela, nous utiliserons simplement CSS et déclencherons les permutation au survol de lien.
Les bonnes pratiques du WEB
Posté par Steve Leherpeux dans HTML / CSS, Tutoriels le 24 juin 2010
Je vous propose à travers cet article de mettre en avant les bonnes pratiques du WEB et plus particulièrement lors de la rédaction de notre code HTML. Que vous soyez débutant ou non, il est important de respecter de normes de développement, ceci ne rendra votre travail que plus facile – Relecture du Code, modification, passassions de projets, etc.
CSS3 – Quelques nouveautés en image
Posté par Steve Leherpeux dans HTML / CSS, Tutoriels le 23 avril 2010
Je suis persuadé que lorsque vous développez un site WEB, vous avez un multitude de logiciels ouverts sur votre bureau ; encore aujourd’hui, j’utilise Gimp pour éditer des images aux coins arrondis. Bientôt, avec CSS3, nous allons pouvoir nous passer d’éditer certaines images et gagner un temps précieux dans le développement de nos sites.
Dans cet article, je vais vous montrer certaines techniques CSS3 qui vous permettront de changer vos méthodes de travail.
Astuce : Intégrer du son natif grace au HTML 5
Posté par Steve Leherpeux dans HTML / CSS, Tutoriels le 18 avril 2010
Comme Firefox 3.5, Chrome 3, Opera 10.5, et Safari 4, nous pouvons tirer profit de la plupart des nouvelles fonctionnalités de HTML 5, y compris le soutien audio natif sans avoir besoin de Flash. Comme vous le verrez, nous seulement pour créer l’élément <audio> nouvelle, et a fixé un peu d’attributs. Dans cette recommandation de quatre minutes de vidéo rapide, nous passerons en revue la majoration, et aussi un moyen rapide pour lire des fichiers audio avec jQuery.
CSS3 : Dégradés natifs
Posté par Steve Leherpeux dans HTML / CSS, Tutoriels le 16 avril 2010
La création d’une image uniquement dans le but d’afficher un gradient est inflexible, et devient rapidement une mauvaise pratique. Malheureusement, au moment d’écrire ces lignes, ils pourraient très bien être encore nécessaires, mais j’espère pas pour longtemps. Merci à Firefox et Safari / Chrome, nous pouvons maintenant créer des gradients puissants avec un effort minimal. Dans cet article, nous allons examiner les différentes façon d’implémenter des dégradés à l’aide de CSS 3.
-
Vous parcourez actuellement les archives de la catégorie HTML / CSS.
Ad’s
