matcha.fyi

Sign in Subscribe

Resources

What Is SMACSS and How Does It Work?

What Is SMACSS and How Does It Work?

> This piece is part of a Learn HTML & CSS series. Check out part 4 here: What is OOCSS and How OCSS Works [https://matcha.fyi/ocss-explained/] SMACSS Pronounced “smacks”, SMACSS stands for Scalable and Modular Architecture for CSS. The idea behind SMACSS is to break your CSS down

What is OOCSS and How OCSS Works

What is OOCSS and How OCSS Works

> This piece is part of a Learn HTML & CSS series. Check out part 3 here: HTML, The Cascade and Ways To Think In CSS [https://www.dottedsquirrel.com/css-introduction/] OOCSS OOCSS stands for Object-Oriented CSS. The idea behind OOCSS is that you can reuse your HTML structures and

HTML, The Cascade, and Ways To Think In CSS

HTML, The Cascade, and Ways To Think In CSS

> This piece is part of a Learn HTML & CSS series. Check out part 2 here: Parts Of An HTML Document And How It Works With CSS [https://www.dottedsquirrel.com/html-explained-2/] I started learning how to code back in the early 2000s. For context on how long ago

Parts Of An HTML Document And How It Works With CSS

Parts Of An HTML Document And How It Works With CSS

> This piece is part of a Learn HTML & CSS series. Check out part 1 here - What is a markup language? HTML Reference Cheatsheet. [https://www.dottedsquirrel.com/html-explained/] At its basic, HTML has three parts to it: 1. the document type declaration -- this tells the browser

What is a markup language? HTML Reference Cheatsheet.

What is a markup language? HTML Reference Cheatsheet.

A markup language is a system of annotating a document. It usually wraps around a particular bit of text with a pair of <> and </> brackets. The <> signifies the beginning of the markup and </> marks the end. Here is an example of what

Keychron K4 v2 Honest Mechanical Keyboard User Review

Keychron K4 v2 Honest Mechanical Keyboard User Review

When my third cheap-ass $10 keyboard in two months n key refused to work again, I knew I had to find a better sustainable option. At first, I thought I was just having a bad run with keyboards, but when the same keys start to break down consistently, it’s

50 Free Icon Sets For Your Next Front End Project

50 Free Icon Sets For Your Next Front End Project

Icons can make or break a design. If you're a developer, the default standard is often Font Awesome. While Font Awesome is cool and all, there are other free alternatives that you can use to spruce up your next front end project. Here is a comprehensive directory list