CSS

There are a number of ways of implementing animated full-screen layouts with a large degree of human interaction, and many developers would resort to a JavaScript plugin to save time. In this article, Toptal JavaScript Developer Stefan Vitasovic demonstrates how you can do it using nothing but CSS and JavaScript, without including a bloated library or plugin in your project.

CSS is notorious for getting messy quickly as a website scales. While frameworks like Bootstrap can help, SMACSS takes a different approach, as a set of solid organizational guidelines. In this article, Toptal Freelance Front-end Developer Slobodan Gajic gives us a run-down of the idea and benefits behind Jonathan Snook's architectural wisdom.

While preprocessors like Sass and Less have made CSS development easier, there is still a lot to be desired in this modern age of web development. In this article, Toptal Freelance JavaScript Developer Jeremy Davis explores styled-components—the niftiest CSS-in-JS library.

In this article, Toptal Freelance Software Engineer Tigran Vardanyan covers code styling, essential HTML and CSS practices, and why clean code still matters.

When it comes to theming; that is, changing the look and feel of your website while maintaining the same layout, Sass' features—like mixins or functions—can feel like taking a plane instead of walking! In this tutorial on SCSS, we're going to create a minimal theme and use SCSS to give our CSS programming some superpowers.

Knowledge of CSS is a fundamental skill in the web development space. However, implementing certain web design patterns with just CSS can be a frustrating task, and often requires an in-depth understanding of it. In this article, Toptal Freelance Web Developer Rico Mossesgeld shares several CSS tips and tricks that take advantage of lesser known CSS features to solve real layout and design problems.

If there is something every front-end developer wants, it is proper support for variables in CSS. For years, to work around this missing feature, developers have resorted to CSS preprocessors. However, all that changes with the introduction of CSS custom properties. In this article, Toptal Freelance Software Engineer Nicolás J. Engler walks us through CSS custom properties and shows us how they can be used to make better, more dynamic stylesheets.

Although CSS was meant to deal with styling, creating extraordinary layouts on the web has always been a unique challenge and almost always required the developer to resort to JavaScript. However, Flexbox is here to change that. In this article, Toptal Freelance Software Engineer Diego Díaz walks us through the basics of Flexbox and some cool examples of how Flexbox can be used to build smart CSS-only layouts.

PostCSS is the hot new tool that’s making the rounds on the front-end side of web development. It has been quickly and widely adopted, and possibly will have a significant impact on how we base our present-day CSS. In this article, Toptal Software Engineer Nicolás J. Engler introduces us and guides us on how to start using this tool, expand it with plugins, or integrate with other CSS processors, task runners, or bundlers.