Articles de la catégorie ‘Tutoriels’

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 16

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 87

Ces derniers jours 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 50

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 20

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 !

WordPress – Personnaliser un thème ? Oui, avec un child theme

Lire l'article 113

Les thèmes WordPress sont de plus en plus courus par tous : débutants, blogueurs confirmés ou professionnels du web. Il est possible d’en obtenir gratuitement un peu partout sur la toile, pas toujours de bonne qualité, pas toujours très sécurisés, comme il est possible d’en obtenir de payants (je n’ai pas dit qu’ils étaient mieux). Dans tous les cas il est possible de les personnaliser.

Un Infinite slideshow en quelques lignes de jQuery

Lire l'article 112

Un Slideshow sur une page d’accueil, c’est joli, c’est à la mode, mais c’est souvent lourd à intégrer. Il vous faudra des compétences certaines en jQuery, ou utiliser des plugins déjà prêts.
Aujourd’hui je vous propose un tutoriel pour créer un infinite slideshow en quelques lignes de code.

CSS3 – Effet de feuilles superposées

Lire l'article 20

Il y a quelques jours de cela je répondais à un petit tweet d’un confrère pour donner une astuce sur la création d’un effet graphique de feuilles superposées en CSS3. Le défi était de ne pas multiplier les éléments HTML pour réaliser cet effet. C’est chose faite. Jetons un œil sur la technique utilisée.