🖌️ HTML and SCSS
Guides, ideas, and tools for dope front-end development
A Complete Guide to Flexbox | CSS-Tricks
Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart.
css-tricks.com
CSS Position Sticky - How It Really Works!
CSS position sticky has really good browser support, yet most developers aren't using it. The reason for that is twofold: First, the long wait for good browser support: It took quite a long time for browser support to happen, and by the time it did the feature was forgotten.
medium.com
Creating Realistic Art with CSS - Frontend Horse
It can be challenging enough to use CSS to match the exact layout you're going for, but could you imagine using it to paint a landscape? Or recreate an intricate playing card? Or even create a realistic portrait? That's exactly how Ben Evans uses CSS, and the methods he uses to make his art are fascinating.
frontend.horse
The Problems and Benefits of CSS-in-JS
CSS-in-JS can be a worthwhile tool for many projects, even from the perspective of someone who is a die-hard SCSS user. Let's go through an overview of the CSS-in-JS and the pros and cons of using it instead of Sass.
sparkbox.com
Headless UI
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
headlessui.dev
Zag - Rapidly build UI components without sweating over the logic. - Zag
Today, design systems are becoming a very popular toolkit for companies to create a cohesive and accessible user experience for their customers. With the rise of component-driven development, there's an endless re-implementation of common widgets (tabs, menu, etc.) in multiple frameworks.
zagjs.com
Hooks FAQ - React
Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. This page answers some of the frequently asked questions about Hooks.
reactjs.org
