🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →

Projects

Progress value is 30%

Tutorials

A collection of video-tutorials to help you get started with the CodyHouse UI Framework.


🔍 On this page:

  1. Getting Started
  2. Base Concepts
  3. Colors
  4. Grid
  5. Icons
  6. Spacing
  7. Typography
  8. Visibility
  9. Utility Classes
  10. Global Editors

Getting Started #

🎥 Download CodyFrame on Github
🕐 3:00
🎥 Import CodyFrame as npm module
🕐 5:10
🎥 Understanding 'Base' and 'Custom' style
🕐 2:39
🎥 How to integrate the Components
🕐 7:24
🎥 Understanding the Gulp configuration file
🕐 11:36

Base concepts #

🎥 Working with Em units
🕐 11:34
🎥 BEM and utility classes
🕐 8:03
🎥 Progressive enhancement (.js class)
🕐 1:55

Colors #

🎥 Colors overview
🏗 coming soon
🎥 Color themes
🏗 coming soon

Grid #

🎥 Grid overview
🏗 coming soon
🎥 Auto-sized grid
🏗 coming soon

Icons #

🎥 How to include your icons
🏗 coming soon

Spacing #

🎥 Responsive spacing
🏗 coming soon

Typography #

🎥 Responsive typography
🏗 coming soon
🎥 The .text-component class
🏗 coming soon
🎥 Editing text size
🏗 coming soon

Visibility #

🎥 Display/hide elements
🏗 coming soon

Utility Classes #

🎥 Flexbox
🏗 coming soon
🎥 Background
🏗 coming soon
🎥 Border
🏗 coming soon
🎥 Color
🏗 coming soon
🎥 Margin/Padding
🏗 coming soon
🎥 Media wrapper
🏗 coming soon

Global Editors #

🎥 How to use the Global Editors
🕐 2:18
🎥 Colors Editor
🕐 8:06
🎥 Typography Editor - Set basic typography rules
🕐 5:25
🎥 Typography Editor - Set a typography scale
🕐 6:06
🎥 Typography Editor - Line-height crop
🕐 5:17
🎥 Spacing Editor
🕐 7:24
🎥 Buttons Editor
🕐 13:33
🎥 Forms Editor
🕐 6:08

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us