Archives de categorie : HTML / CSS

image!

Tutorial jQuery : ajouter une image de fond qui se redimensionne dynamiquement

HTML / CSS, JQuery

Pour un retour en douceur des tutoriels, je te propose aujourd’hui un tuto pour ajouter une image de fond qui se redimensionne dynamiquement à un site web. Pour faire cela, nous allons utiliser le plugin jQuery Backstretch.  Ce plugin est surtout utile […]

Lire la suite >>

Tags : , , ,
image!

Le lien sympa du vendredi : le generique de Mad Men en HTML5 / CSS3 / jQuery

hors-sujet, HTML / CSS

Aujourd’hui, le flash est définitivement devenu obsolète ! En effet avec les transitions / transformations CSS3, on peut faire des animations de fou avec CSS3 (et une pointe de jQuery). Et c’est justement ce qu’on fait Animatable : ils ont […]

Lire la suite >>

Tags : , ,
image!

jQuery Transit : un plugin jQuery pour gerer les transformations et animations CSS3

HTML / CSS, JQuery

jQuery Transit : derrière ce nom qui peut être douteux se cache un plugin jQuery qui peut s’avérer très utile. En effet, il permet de gérer facilement les transformations et animations CSS3 (par exemple : transform : perspective(600);). Sur le site […]

Lire la suite >>

Tags : , ,
image!

Nouvelle version de mon site

HTML / CSS, JQuery

Je ne sais pas si tu l’as vu sur Twitter (@arnaudk, pour rappel :)) mais j’ai sorti la semaine dernière une nouvelle version de mon site internet (la 6ème du nom). Je m’y suis fait plaisir, avec l‘utilisation du plugin […]

Lire la suite >>

Tags : , ,
image!

Zen-Coding, ou comment ecrire du code HTML plus rapidement

developpement web, HTML / CSS

Dans les outils que j’utilise tous les jours dans mon métier de web développeur, Zen-Coding tient une place assez importante. Il permet d’écrire plus rapidement du code HTML à l’aide d’abréviations très bien pensées et très poussées. Concrètement, en écrivant cette ligne […]

Lire la suite >>

Tags : , ,
image!

Utilisation de @font-face pour utiliser n’importe quelle typographie en web

HTML / CSS

Avec les nouveaux navigateurs, les nouvelles normes et les nouvelles technologies on peut maintenant sereinement utiliser la propriété CSS @font-face et faire en sorte que ça marche sur tous les navigateurs ! Avec certes un ou deux hacks CSS, notamment […]

Lire la suite >>

Tags : ,
image!

Faire des colonnes intelligentes avec du CSS & JQuery

HTML / CSS, JQuery

Tutorial pour JQuery vu ce matin sur le blog sohtanaka.com. Le tutorial propose une manière de créer des colonnes « intelligents » avec JQuery & CSS. Le CSS permet ici de gérer l’affichage des colonnes par défaut, de définir leur taille, les […]

Lire la suite >>

Tags : , ,