CodyHouse, bibliothèque HTML, CSS, JS & tutoriels

CodyHouse est site web assez jeune qui propose une bibliothèque libre HTML / CSS & Javascript pour booster vos projets web et apprendre comment obtenir des effets novateurs à travers des tutoriels complets.

codyhouse - bibliotheque html / css / js

Sur CodyHouse, les tutoriels sont complets et détaillés…

mais, une bonne maîtrise des langages de programmation est requise. Ici, les auteurs partent du principe que vous êtes à l’aise avec ces langages et ils vont directement  l’essentiel : le code.

Les intégrateurs et développeurs devraient gagner pas mal de temps dans leur développement. Et CodyHouse apporte même des outils « fonctionnels ». Le tutoriel « Style Guide » a particulièrement retenu mon attention. Un template qui permet de proposer plusieurs chartes graphiques et de faire découvrir aux clients l’intégration de leur logo et ligne graphique dans différentes style de couleurs, différentes typographies, différents icônes…

Tous les tutoriels en ligne !

Experiments

  • Radial SVG Slider
  • Animated Transition Effects
  • Ink Transition Effect
  • Animated Intro Section
  • SVG Modal Window
  • Squeezebox Portfolio Template
  • Animated SVG Image Slider
  • Animated SVG Hero Slider
  • Animated Page Transition #2
  • Page Scroll Effects
  • Animated Page Transition
  • 3D Folding Panel
  • Fixed Background Effect
  • Parallax Hero Image
  • Morphing Modal Window
  • 3D Curtain Template
  • Expandable Project Presentation
  • 3D Rotating Navigation
  • Animated SVG Icon
  • Rounded Animated Navigation
  • Product Quick View
  • Icons Filling Effect
  • 3D Items Quick View
  • Zoom-out Intro Effect
  • Bouncy content filter

Navigations

  • Vertical Fixed Navigation #2
  • Stretchy Navigation
  • Responsive Sidebar Navigation
  • Mega Dropdown
  • 3D Bold Navigation
  • Secondary sliding navigation
  • Full-screen Pushing Navigation
  • Bouncy Navigation
  • 3D Rotating Navigation
  • Mega-Site Navigation
  • Rounded Animated Navigation
  • Secondary Fixed Navigation
  • Full-Screen Pop-Out Navigation
  • Vertical Fixed Navigation
  • Smart Fixed Navigation
  • Secondary expandable navigation
  • Full Page Intro & Navigation

Templates

  • Sliding Panels Template
  • Reading Progress Indicator
  • Presentation Slideshow
  • Project Cards Template
  • Responsive Sidebar Navigation
  • Squeezebox Portfolio Template
  • 2 Blocks Template
  • 3D Folding Panel
  • Fixed Background Effect
  • 3D Curtain Template
  • Expandable Project Presentation
  • Style Guide Template
  • 3D Animated Mockup
  • Mobile App Introduction Template
  • FAQ Template
  • Alternate Fixed & Scroll Backgrounds
  • Vertical Timeline
  • Full Page Intro & Navigation
  • Side Team Member Bio

UX Patterns

  • Quick Add To Cart
  • Animated Sign Up Flow
  • Product Preview Slider
  • Secondary sliding navigation
  • Expandable Image Gallery
  • Responsive Newsletter Form
  • Smart Fixed Navigation
  • Side shopping cart

Web Components

  • Radial SVG Slider
  • Animated Transition Effects
  • 360 Degrees Product Viewer
  • Ink Transition Effect
  • Products Comparison Table
  • Advanced Search Form
  • Pointy Slider
  • Reading Progress Indicator
  • Horizontal Timeline
  • Stretchy Navigation
  • Animated Intro Section
  • Multi-Level Accordion Menu
  • SVG Modal Window
  • Animated SVG Image Slider
  • Animated SVG Hero Slider
  • Breadcrumbs & Multi-Step Indicator
  • Product Tour
  • Mega Dropdown
  • Hero Slider
  • Contact Form
  • Parallax Hero Image
  • Pagination
  • Content Filter
  • Animated Headlines
  • Pricing Tables
  • FAQ Template
  • Responsive Tabbed Navigation
  • Image Comparison Slider
  • Slide in panel
  • Client testimonials carousel
  • Responsive Newsletter Form
  • Points of Interest
  • Custom Google Map
  • Vertical Timeline
  • Simple confirmation popup
  • Side shopping cart
  • Cross reference table
  • Bouncy content filter
  • Login/Signup modal window
  • Side Team Member Bio
  • Back to top

Si CodyHouse ne propose pas une profusion de code et d’information… chacun d’entre eux sont pointus et apportent un petit plus… ce site est définitivement enregistré dans mon bookmark.

Site Internet
Licence : Gratuit & Extended Licence

 

Leave a Reply