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.

december_wallpapers

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.

snow_falling_jquery

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.

christmas_icons

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.

css3_snow

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.

social_icons_christmas

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.
christmas_button

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.

css_ornaments

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.

happy_christmas

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.

snowstorm

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 !

cookies_icons

Commentaires

  • Sylzys

    Great resources :)
    Thanks !

  • fuij22

    eymo – Recently I would be really, really lacking in cash and debits were killing me from all sides. that was Until i learned to make money on the internet. I landed on surveymoneymaker period net, and started doing surveys for straight cash, and YES i have been far more able to do my things!! i am so glad that i did this! – jX0Z