Frontend Dev (Frameworks, HTML, CSS)

Created

Jan 8, 2021 2:54 PM

🖌️ 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

A Complete Guide to Flexbox | CSS-Tricks

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

CSS Position Sticky - How It Really Works!

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

Zag - Rapidly build UI components without sweating over the logic. - Zag

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