The Great Icon Debate: Fonts Vs SVG
Fonts have been a convenient place to store our vector icons – but is it the *right* place? Massimo asks if it's time to move to SVG.
CSS
Red, White, and Blue - Rules about color palettes
Eight rules about color palettes that everyone (including non-designers) should know
How can I securely use CSS-in-JS with React?
CSS-in-JS is a bit like eval for CSS. It is incredibly powerful, but it also makes it easy to shoot yourself in the foot.
How to Design a Daring but Effective Split-Screen Layout
Split-screen layouts are a bold stylistic choice but not suited to all designs. Today, Daniel balances some design inspiration with a few words of caution.
An Introduction To Object Oriented CSS (OOCSS)
The purpose of OOCSS - Object Oriented CSS - is to encourage code reuse and faster and more efficient stylesheets that are easier to maintain.
Solve Your Specificity Headaches With CSS Modules
“CSS Modules” is nothing to do with the W3C, rather part of a suggested build process. It compiles your project, renaming the selectors and classes so that they become unique.
My favored SCSS setup with Bootstrap 4
How I integrate Bootstrap 4 and structure my SCSS in small to medium projects.
Fancy Web Animations Made Easy with GreenSock Plugins
Maria Antonietta Perna gives you an overview of GreenSock plugins to add complex animations to your project quickly and in a few lines of code.
A framework for creating a predictable & harmonious spacing system
A framework for creating a predictable & harmonious spacing system for faster design-dev handoff, improved readability, and consistency in product.
9 Things You Didn’t Know About Firefox Dev Tools
Firefox’s own dev tools have come a long way, and they are still being continually upgraded. They are now definitely on the same level as any other dev tools.
Scroll Transition Animation Inspiration
A collection of scroll transition animations
Human Friendly Colours using HSL
HSL can help you to define Human Friendly colours based on these propertiess which helps us adjust a colour lighter or darker or more colourful.
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.
An Introduction to NativeScript
In this article, we're going to take a look at NativeScript, an open-source framework for building mobile iOS and Android apps with JavaScript.
Managing large (s)css projects using the inverted triangle architecture
The Inverted triangle architecture, also know as ITCSS, is a methodology for structuring your css in the most effective and least wasteful way.