We've Launched "The Suddenly Remote Playbook,"
A Comprehensive Guide for Working Remotely
The Suddenly Remote Playbook
Read Now

CSS

Showing 10-18 of 36 results
EngineeringIcon ChevronWeb front-end

Clean Code: Why HTML/CSS Essentials Still Matter

by Tigran Vardanyan

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

15 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Theming with Sass: An SCSS Tutorial

by Fernando Rivas

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.

< 5 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

A How-to Guide to SVG Animation

by Juan Calou

The advantages of SVG on the web go beyond producing resolution-independent graphics. With a little CSS and JavaScript, you can apply cool animations and effects to your front end without requiring the user to install bulky plugins.

7 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Eight CSS Tips for Advanced Layouts and Effects

by Rico Mossesgeld

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.

9 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Flexbox and Sass Grid Tutorial: How to Streamline Responsive Design

by Juan Varela

Recently, I was challenged to create my own grid system and, since re-inventing the wheel is always useful as a learning experience, I went for it. I knew it would be an interesting challenge, but I was surprised by how easy it turned out to be!

8 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Make Your CSS Dynamic with CSS Custom Properties

by Nicolás J. Engler

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.

7 minute readContinue Reading
EngineeringIcon ChevronTechnology

How to Build CSS-only Smart Layouts with Flexbox

by Diego Díaz

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.

13 minute readContinue Reading
EngineeringIcon ChevronTechnology

PostCSS: Sass’s New Play Date

by Nicolás J. Engler

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.

8 minute readContinue Reading
EngineeringIcon ChevronTechnology

Webpack or Browserify & Gulp: Which Is Better?

by Eric Grosse

Gone are the days where front-end developers for web applications could use ad-hoc JavaScript with jQuery and such all in a single JavaScript file. Modern web applications require more effort from the developer to adopt an overall architecture and development process. Building such front-end applications relies on lots of external dependencies and modular source code, and these elements necessitate automation to save developers time and reduce the chances of mistakes. In this article, Toptal Freelance Software Engineer Eric Grosse shows us how various combinations of the popular tools Webpack, Browserify, Gulp and Npm can benefit us by enhancing our development environment and allowing us to focus on writing the app itself.

20 minute readContinue Reading

Join the Toptal® community.