HTML & CSS - The best HTML & CSS resources in one place

Page 2 of 131

reactarmory.com

How Can I Use CSS-in-JS Securely?

CSS-in-JS allows me to interpolate JavaScript variables into my CSS. This gives me a lot of power, but is it safe? What kind of exploits could a malicious user pull off using…

Read the full story⇀
github.io

CSS Checkbox Library

A huge library of CSS Checkboxes for every taste. How to use: Import the checkboxes.css file from the dist folder. Use the checkbox design you like with the following markup. In the…

Read the full story⇀
cssgrid.cc

Guide to Building Layouts With CSS Grid

Ever since the design profession came to the web world — when websites went beyond linked text documents — layout creation has felt limited and cumbersome. Starting with (nested) HTML tables, many…

Read the full story⇀
viget.com

Managing CSS & JS in an HTTP/2 World

Delivering CSS & JS on your websites is completely different with HTTP/2, and here is a guide on how I've done it. We have been hearing about HTTP/2 for years now. We've…

Read the full story⇀
mono.company

Overthinking BEM

In “Learning to love BEM” I professed my newfound love for the BEM syntax. I’m happy to report that after more than 2 years, I’m still happy with my choice. When we…

Read the full story⇀
css-tricks.com

So You Need a CSS Utility Library?

Let's define a CSS utility library as a stylesheet with many classes available to do small little one-off things. Like classes to adjust margin or padding. Classes to set colors. Classes to…

Read the full story⇀
custom-elements-everywhere.com

Custom Elements Everywhere

Making sure frameworks and custom elements can be BFFs. What's this? Custom Elements are the lynchpin in the Web Components specifications. They give developers the ability to define their own HTML elements.…

Read the full story⇀
google.com

Custom Elements v1: Reusable Web Components

With Custom Elements, web developers can create new HTML tags, beef-up existing HTML tags, or extend the components other developers have authored. The API is the foundation of web components. It brings…

Read the full story⇀
github.com

Experimental HTML to Sketch Export Solution

It turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.

Read the full story⇀
joereynoldsaudio.com

Maintainble CSS

This article will glance over various ways of creating a design that you don't (or shouldn't) have to keep coming back to again and again to fix layout issues. 1. Be consistent…

Read the full story⇀
mozilla.org

Inside a Super Fast CSS Engine: Quantum CSS (Aka Stylo)

You may have heard of Project Quantum… it’s a major rewrite of Firefox’s internals to make Firefox fast. We’re swapping in parts from our experimental browser, Servo, and making massive improvements to…

Read the full story⇀
smashingmagazine.com

The Nine Principles Of Design Implementation

Recently, I was leading a training session for one of our clients on best practices for implementing designs using HTML and CSS. Part of our time included a discussion of processes such…

Read the full story⇀
meowni.ca

Shadow DOM: Fast and Encapsulated Styles

Shadow DOM is a fairly recent-ish spec that gives you DOM tree encapsulation – it’s one of the superhero lions in the Voltron of specs called “Web Components”. Web Components let you…

Read the full story⇀
github.io

Font-size: An Unexpectedly Complex CSS Property

It’s a CSS property probably everyone who writes CSS has used at some point. It’s pretty ubiquitous. And it’s super complicated. “But it’s just a number”, you say. “How can that be…

Read the full story⇀
algolia.com

Performant Web Animations and Interactions: Achieving 60 FPS

Silky smooth interactions are critical for providing a natural-feeling application. The devil is in the details, and ill-performant web animations feel awkward, “janky”, and, above all, slow. Developers often invest quite a…

Read the full story⇀
css-tricks.com

The Difference Between Explicit and Implicit Grids

Grid Layout finally gives us the ability to define grids in CSS and place items into grid cells. This on its own is great, but the fact that we don't have to…

Read the full story⇀

Previous Page Page 2 Next Page

reactarmory.com

How Can I Use CSS-in-JS Securely?

github.io

CSS Checkbox Library

cssgrid.cc

Guide to Building Layouts With CSS Grid

viget.com

Managing CSS & JS in an HTTP/2 World

mono.company

Overthinking BEM

css-tricks.com

So You Need a CSS Utility Library?

custom-elements-everywhere.com

Custom Elements Everywhere

google.com

Custom Elements v1: Reusable Web Components

github.com

Experimental HTML to Sketch Export Solution

joereynoldsaudio.com

Maintainble CSS

mozilla.org

Inside a Super Fast CSS Engine: Quantum CSS (Aka Stylo)

smashingmagazine.com

The Nine Principles Of Design Implementation

meowni.ca

Shadow DOM: Fast and Encapsulated Styles

github.io

Font-size: An Unexpectedly Complex CSS Property

algolia.com

Performant Web Animations and Interactions: Achieving 60 FPS

css-tricks.com

The Difference Between Explicit and Implicit Grids

Get the most interesting design and frontend stories from our curation every day or week.