Créer une animation de neige ou de particules en CSS3

0com'

Je vous propose aujourd’hui une animation de particules dans un tuto qui affichera une chute de neige en boucle. Il existe souvent une foule de solutions pour ce genre d’animation. Je vous présente une solution en CSS3 en utilisant la propriété animation et les séquences de keyframes.

Les ressources du Web #11

3com'

Voici la dose de ressources, astuces, sources d’inspiration et articles de blog glanés durant le mois précédent. Vous y trouverez comme d’habitude pas mal de JS, mais également de l’inspiration hors Web, des outils back-end et Mac OS X (pour une fois), ainsi que beaucoup de ressources graphiques.

Animer ses tracés SVG avec Vivus.js

1com'

L’utilisation du SVG est de plus en plus fréquente dans la composition de nos éléments d’illustration, nos logotypes ou encore nos icônes. L’un des avantages du SVG est sa capacité à s’adapter à tout type de densité de pixels. Un autre avantage est sa capacité à hériter de styles CSS et la possibilité d’animation.

Le Pacte Des Mondes – Roman illustré

3com'

« Dans un futur proche, notre Terre, dévastée par l’Holocauste, abrite une humanité en pleine reconstruction. Celle-ci cohabite avec les elfes, les nains et les autres races du Petit Peuple, sous le joug de l’Industrie : une puissante organisation ayant la main-mise sur les villes les plus importantes du continent et leurs ressources. »

Générer un back-end complet depuis une base MySQL avec CRUD Admin Generator

1com'

Vous restez bloqués quand vous voyez l’interface d’un PHPmyAdmin ? Vous souhaiteriez quelque chose de plus sympa pour consulter vos bases de données SQL ? Essayez cette solution Open Source et gratuite basée sur le langage PHP.

Les ressources du Web #10

2com'

Encore pas mal de JS pour cette sélection, mais retrouvez également de quoi simplifier la création d’e-mailing, créer un blog poids plume (avec du markdown), des icônes et PSD, des fontes et quelques outils pour WordPress. Bonne lecture !

WordPress Plugin – Informer les visiteurs d’un article obsolète

4com'

Si vous êtes un visiteur régulier de ce blog, vous avez probablement déjà remarqué le petit message qui peut apparaître en début d’article assez vieux. Ce message permet d’informer le lecteur que le contenu de l’article peut être devenu obsolète. Je vous en propose un plugin pour cela.

SEO : Comment choisir les bons mots-clés pour son site web ?

1com'

La sélection de mots et d’expressions-clés est une étape primordiale dans le cadre de toute stratégie de référencement naturelle. En effet, l’ensemble des actions SEO qui seront mises en œuvre par la suite (optimisation des contenus textuels, netlinking…) se baseront sur les mots-clés préalablement retenus.

Créer des colonnes de même hauteur en CSS

6com'

Cela peut sembler évident à faire dans la théorie, mais en pratique créer des colonnes de même hauteur quel que soit le contenu de chacune d’elle demande de s’accorder un peu de temps de recherche, notamment si l’on souhaite la solution flexible et dépourvue de « hack » en JS. J’ai quelque chose pour vous !

Un input:file personnalisé en CSS et JS

2com'

Il y a quelques temps de cela, lorsque je faisais des recherches sur les boutons radios et checkboxes personnalisables en CSS, j’avais en tête de faire la même chose avec le champ « fichier » (input-file). J’avais donc fait un essai en CSS pur. Puis j’avais laissé l’idée de côté.

Les ressources du Web #9

0com'

Une nouvelle sélection des ressources du Web débarque. Cette fois vous trouverez un peu plus de WordPress et d’outils divers et variés. Mais toujours un peu de typographie, de l’inspiration et des scripts JS utiles (ou pas). À vous de faire le tri dans ce qui vous intéresse. Bonne lecture !

Ce blog devient gratuit !

13com'

Cela fait plusieurs années maintenant que j’écris avec passion pour ce blog. Avec des mois plus ou moins actifs, en fonction de ma motivation, de mon temps libre, des idées que je veux échanger avec vous. Un blog prend du temps, demande un investissement humain et financier certain.

WordPress – Autoriser l’accès à l’admin grâce à son adresse e-mail

2com'

J’ai récemment eu le cas d’un client qui tentait désespérément de se connecter à l’espace d’administration de WordPress avec son adresse e-mail au lieu de son identifiant. Pour certains utilisateurs, leur mail est plus facile à retenir qu’un énième identifiant. Voyons voir comment faire sans plugin.

Cette copie de Windows n’est pas authentique

4com'

Réparer un Windows qui affiche comme message sur votre bureau « Cette copie de Windows n’est pas authentique », n’est pas inné… clairement pas ! Cela m’est arrivé récemment et m’a permis de démontrer qu’un webdesigner est bien un informaticien (#troll). Je vous explique !

Mon site bug ! Et si on dédramatisait ?

1com'

En lisant un e-mail de retours écrits par un client, Il m’arrive souvent d’imaginer sa tête, surtout lorsque celui-ci est plein de majuscules et de points d’exclamation. Il est toujours gênant que ce soit un annonceur, voire un client, qui découvre un problème sur le site que vous venez de livrer. Pourtant il va falloir apprendre à dédramatiser cette situation sans pour autant manquer de réactivité et de bon sens.

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

8com'

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.