HTML & CSS

Daily curated collection of articles and resources.

// Page 2 of 171

medium.com

Better CSS with JavaScript

At MetaLab, we are continuously striving to improve our FE development process, within which the CSS pipeline is an integral part. While tools like Sass and Stylus offer definite advantages over vanilla ...

tympanus.net

Stack Motion Hover Effects

Today we’d like to share some tiny hover effect ideas with you. The concept stems from the hover effect seen on Merci-Michel which has a really nice feel to it because of ...

yoksel.github.io

Flexbox Cheatsheet

A flex container establishes a new flex formatting context for its contents. This is the same as establishing a block formatting context, except that flex layout is used instead of block layout. ...

UI8 sponsored

Branding Book & Style Guide Templates

A beautiful collection of 5 different style guide templates! 75 fully customizable and easy to use pages, each with real wording. These templates are the perfect starting point for creating beautiful branding books.

yipl.com.np

PostCSS: Future of CSS

here are always new tools being introduced when it comes to CSS which help us to transform styles faster and in efficient manner. This past year there was a buzz in the ...

css-tricks.com

Using CSS Transitions on Auto Dimensions

We’ve all been there. You’ve got an element you want to be able to collapse and expand smoothly using CSS transitions, but its expanded size needs to be content-dependent. You’ve set transition: ...

codepen.io

How to Make Any HTML Element Scalable

Last week I was trying to make an HTML5 animation responsive and I was experimenting with using scalable units inside my animation so no matter how big the animation displayed, it would ...