10 ressources webdesign pour fêter Noël
Noël est proche et dans quelques jours, nous ouvrirons les cadeaux. Voici 10 ressources en tout genre pour garder l’esprit de Noël : des scripts pour faire tomber de la neige sur vos applications web, des icônes pour enrichir votre site web, ou encore des wallpapers pour avoir un joli fond d’écran. Joyeuses fêtes !
Wallpaper December 2012
On commence par les superbes fonds d’écran proposés chaque mois par Smashing Magazine. Vous y retrouverez une trentaine de wallpapers (avec ou sans calendrier) du mois de Décembre, déclinés pour tout un tas de résolutions allant du desktop au smartphone.
jQuery Snow Falling plugin
Probablement un des meilleurs plugins jQuery pour faire tomber de la neige sur votre site web. Facile à prendre en mains, le plugin utilise une typographie pour les flocons et propose quelques paramètres de configuration comme la taille et la couleur des flocons ou encore leur fréquence d’apparition.
Christmas Icon Set
Voici un tout nouveau set d’icônes de Noël partagé par Smashing Magazine. Le set contient 10 icônes PNG en 256*256px et disponibles sous licence Creative Commons (CC BY-ND 3.0) : vous pouvez les utiliser, à des fins commerciales, à condition de citer l’auteur.
CSS3 animated header
C’est une réalisation signée RedTeamDesign qui utilise les animations CSS3 via les keyframes : vous apprendez comment les utiliser et ainsi mettre en place un header de Noël avec apparition du paysage (sapins, bonhomme de neige) et de la neige qui tombe en fond.
Social Icons
C’est un jeu d’icônes PNG (64*64px, 128*128px et 256*256px) pour faire des liens vers les réseaux sociaux (Facebook, Twitter, Pinterest, YouTube, LinkedIn et Google+). La particularité du set est qu’il propose des images sous forme de boules de Noël afin de pouvoir customiser votre site web aux couleurs de Noël.
Christmas Button
Voici un PSD qui pourra vous aider à simuler un effet de neige déposée sur un élément design comme un bouton. Vous pouvez l’utiliser sur un site web, sur une newsletter ou dans n’importe quelle application. Simple et pratique.
CSS3 Christmas Ornaments
Cette ressource vous montre comment dessiner des formes complexes en utilisant uniquement HTML et CSS (pas d’images). Ici, ce sont des boules de Noël qui ont été réalisées grâce notamment aux pseudo-éléments :before et :after, ainsi que quelques propriétés comme gradient, radius et transform.
Happy Christmas Set
Il s’agit d’un petit set de trois icônes PNG de bonne qualité, réalisées par PetalArt et déclinées en deux tailles (128*128px et 256*256px) gratuites quelque soit l’usage, commercial ou non.
Snowstorm
Vous voulez faire tomber de la neige sur votre site web ? Ce script JS est fait pour vous. Facile à installer, il n’utilise aucune image et comporte de nombreux paramètres de configuration : déclenchement automatique, vitesse et couleur de la neige, effet de vent, etc. Bref, l’outil est assez complet.
Christmas Cookies Icons
Et on termine par un set d’icônes PNG assez original ; il s’agit de 7 icônes (48*48px et 128*128px) dessinées sous forme de biscuits de Noël accompagnés de sucre glace et cuits avec Photoshop. Appétissant !