Skip to content

Articles de la catégorie "Tutoriels"

Comment créer un blog — La conception

Lire l'article

On m’a souvent posé cette question « à titre indicatif » sans m’apporter plus de détails sur les fonctionnalités attendues, le budget disponible ou encore les connaissances en informatique de la personne qui me posait la question. Il y a également une composante importante : le temps. Voyons voir quelles sont les différentes étapes essentielles.

Un « onresize » ou « onscroll » plus performant en JS

Lire l'article 11

Si vous pratiquez couramment le JS, vous avez certainement remarqué que certains évènements sont déclenchés de manière assez ponctuelle, et d’autres peuvent être déclenchés de manière très fréquente et devenir assez difficile à gérer, c’est le cas de « onscroll » et « onresize » par exemple.

Effet d’animation CSS3 sur menu vertical

Lire l'article 18

On m’a demandé une vingtaine de fois comment reproduire l’effet d’animation assez simple de mes menus sur la barre latérale de ce blog (si le design actuel est toujours le même d’ici à ce que vous lisiez cet article). Du coup je prends un peu de temps pour vous faire un mini tutoriel et vous expliquer le principe !

Un Konami Code en JS vanilla ou jQuery

Lire l'article 6

Vous avez certainement eu l’envie un jour de créer un konami code sur votre site web ? Comment ? Cela ne vous parle pas ? Vous savez ces petits « Easter Egg » (fonction cachée dans un programme) qui s’active après exécution d’une commande précise ? Ok, voyons cela ensemble.

Personnaliser l’aspect de boutons radio et checkbox en CSS

Lire l'article 89

Ces derniers temps je passe un peu de temps sur la recherche autour des éléments de formulaire. Vous savez certainement que historiquement il n’est pas toujours possible de personnaliser l’aspect de contrôles de formulaire pour des raisons d’accessibilité (m’a-t-on dit). Cependant il est vrai que l’apparence très variable de ces éléments est sujet à controverse. Et ce n’est pas un mal.

Astuce WordPress : charger les fichiers JS et CSS de Contact Form 7 uniquement si nécessaire

Lire l'article 52

Contact Form 7 est devenu l’un des plugins de référence pour quiconque souhaite construire un formulaire entièrement personnalisable sur WordPress. Comme tout plugin, il tente de répondre à une problématique en englobant un maximum de contextes, aussi, les fichiers JS et CSS qu’il embarque sont insérés sur toutes les pages de votre site par défaut.

Les compteurs en CSS

Lire l'article 7

CSS depuis sa version 2.1 propose un système de compteur relativement méconnu du fait d’une compatibilité relativement récente sur IE. D’autant plus que certains défendront la position suivante : CSS n’est pas fait pour cela, il faut utiliser JavaScript. Soit ! Mais sachez que ça existe. Petite introduction !

Un système de notation en quelques lignes de CSS

Lire l'article 25

Afficher 5 étoiles les unes à côté des autres, puis les faire se colorer en fonction de la note que vous souhaitez donner à une création, une vidéo, un article,… C’est parfois prise de tête, sprites CSS et autres systèmes de masque. Je vous propose plus simple !