Categories css

24 posts

Auto Added by WPeMatico

Finishing freeCodeCamp’s Front End Web Development Curriculum Only Took Me Three Years

I finally finished working through all of freeCodeCamp’s Front End Web Development curriculum. It only took me three years! I first joined freeCodeCamp in November 2015. There were lots of gaps in my learning. Since initially joining freeCodeCamp, I took a JavaScript class at General Assembly in 2016, attended Flatiron School’s […]

How to create a fully responsive navbar with Flexbox

One navbar, three different layouts. In this article, I’ll explain how to create a navbar which adapts to various screen sizes using Flexbox along with media queries. This tutorial can also be found as an interactive screencast in my free Flexbox course at Scrimba. To read more about the course, check out […]

Creating smooth CSS animations — even with a heavy DOM

This is a follow up to “The grand lifecycle of a small product change” which covers our design process for this feature. Purple boards can be pretty heavy in the DOM — we’re loading all of your documents, designs, prototypes, and tasks on a single project board. But this also means that we […]

Introducing CSS Gridish: An Open Source Tool to Help Your Team Adapt CSS Grid Today

Today, I’m excited to introduce a new open-source tool from IBM called CSS Gridish! CSS Gridish takes design specs of your product’s grid and builds out several resources for your team to use: A sketch file with artboards and grid/layout settings for designers CSS/SCSS code using CSS Grid with a CSS Flexbox […]