Using the CodyHouse components with Vue.js

Learn how to include the CodyHouse components in a Vue.js project

— November 27, 2019

Using CSS custom properties to reduce the size of your CSS

— November 26, 2019

Understanding the CodyHouse Framework Gulp configuration file

Learn how you can speed up your workflow using the Gulp configuration file of the CodyHouse Framework.

— July 6, 2019

An approach to responsive layouts based on CSS custom properties and em units

How to set smart variables that control the responsiveness of your web project.

— June 11, 2019

Why we prefer CSS Custom Properties to SASS variables

Some practical examples of how CSS variables can power-up your workflow.

— May 27, 2019

Creating an accessible language picker

In this article, we'll go through the steps of creating a custom language picker and keeping it accessible.

— May 20, 2019

How to create a Sticky Hero section

In this tutorial, we'll take a look at how to create a sticky hero section, with the help of the CSS position sticky and the Intersection Observer API.

— May 13, 2019

Creating rounded triangles in CSS with clip-path

In this quick tutorial, we'll take a look at a practical example where the clip-path property can make your life easier. We're going to design a CSS triangle that inherits some properties from its parent.

— May 2, 2019

How to create a multi-line text background effect

In this tutorial, we'll take a look at how to create a hover underline effect that works when your text spans on multiple lines.

— April 23, 2019

Diagonal Containers in CSS

In this tutorial, we'll take a look at how to create full-width, diagonal sections in CSS using the clip-path property.

— April 16, 2019

How to create a custom radio switch in CSS

In this tutorial, we'll take a look at how to create a custom radio switch and how to keep it accessible.

— April 11, 2019