Creative code par Wifeo

Matthieu Laroussinie, community manager chez Wifeo, m’a contacté pour me présenter leur initiative : Webmaster place – Wifeo creative code.

Wifeo est un CMS en ligne pour créer des sites Web et des sites d’ecommerce. En extension de leur principale activité, Wifeo a décidé de partager un certain nombre de ressources sous licence Creative Commons pour aider les webmasters et les développeurs à appréhender les technologies HTML5, CSS3 et jQuery.

creative code

Pour être tout à fait complet, Wifeo ne propose pas que Creative Code, mais aussi :

  • Pictos gratuits
  • Générateur de menu gratuit
  • Générateur d’onglets sociaux
  • Générateur de loaders CSS
  • Wifeo Creative Code

La dernière ressource en date, Wifeo Creation Code, présente un ensemble de codes/scripts CSS3 et jQuery, d’une façon originale avec quelques astuces qui peuvent être très utiles pour de nombreux sites Web. Ceux sont 62 exemples qui sont offerts à la communauté des développeurs :

[one_half]

  • Pure css radio button
  • Onclick password revelator
  • Multi parameters’ accordion
  • Amazing design simple lightbox
  • Jquery progress bar
  • Pure css hover title
  • UI input numeric slider
  • Mobile css circle menu
  • Responsive div layout
  • ADVENT’S CSS3 #3
  • DVENT’S CSS3 #2
  • ADVENT’S CSS3 #1
  • PURE CSS PULSE BUTTON
  • PURE CSS INBOX BUTTON HOVER
  • JQuery slide form
  • PLAY WITH CSS3 FONT
  • SIMPLE CSS3 NTH-CHILD USABILITY
  • CSS3 LOW POLY BUTTON
  • Three parts jQuery animate
  • CSS3 SIMPLE LOADER
  • MATERIAL DESIGN MENU CSS
  • MATERIAL DESIGN ALBUM CARD
  • BUTTON MATERIAL ANIMATION
  • CSS MATERIAL DESIGN BUTTON
  • MATERIAL DESIGN MENU MOBILE
  • CSS OVER ANIMATION TEXTE
  • PURE CSS RELOAD MATERIAL DESIGN
  • CSS ANIMATION LOCATION
  • PURE CSS INTRO ANIMATION
  • PURE CSS3 3D CUBE
  • Simple jQuery Slideshow/control

[/one_half][one_half_last]

  • SIMPLE CSS SLIDESHOW
  • Login/Subscribe box with jQuery show
  • PURE CSS3 NEXUS ANIMATION
  • PURE CSS CLOUD
  • PURE CSS3 ANIMATION
  • Horizontal accordion choice with jQuery
  • PURE CSS3 INTRO ANIMATION
  • CIRCLE PURE CSS LOADER
  • Popup confirmation box with jQuery
  • PURE CSS LOADER
  • Jquery transform rotate y
  • CSS hover scale profil
  • Css/jquery input design animation
  • CSS HOVER information
  • Parallax scroll effect jquery
  • Hide/show jQuery button
  • Full css menu
  • Full css ball loader
  • Css hover zoom scale
  • Full CSS3 3D BUTTON
  • Full css3 loader
  • CSS hover Add button
  • PURE CSS3 3D hover
  • CSS hover slide
  • 3D CSS Twitter button
  • 3D CSS Facebook button
  • 3D CSS Google button
  • Play with border and radius
  • UI Menu accordion
  • Ui User card
  • Full CSS3 bounce

[/one_half_last]
Enfin, il convient de noter que les exemples de « Creative Code  » disponibles sur Wifeo sont également disponibles sur CodePenµ. Vous pourrez alors tester la ressource en jouant sur les valeurs,variables etc., et comprendre son fonctionnement.

« Wifeo Creative Code » apporte leur contribution dans le partage des connaissances via une bonne plateforme qui vous permettra de dénicher des astuces et/ou ajouter des fonctionnalités à vos projets web.

Site Internet : Webmaster place
Licence : Creative Commons Attribution-ShareAlike 4.0 International License.

En savoir plus sur Free Tools

Abonnez-vous pour poursuivre la lecture et avoir accès à l’ensemble des archives.

Continuer la lecture