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