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

CSS

Showing 19-27 of 36 results
EngineeringIcon ChevronBack-end

Gulp: A Web Developer's Secret Weapon for Maximizing Site Speed

by Anton Kanevsky

When dealing with web-based projects that run in the production environment, being able to build and deploy changes quickly is a top priority. However, repetitive processes such as building front-end assets, when not automated, can be prone to critical errors. In this article, Toptal Freelance Software Engineer Anton Kanevsky shows us how Gulp can solve various challenges of build automation through simple JavaScript routines.

11 minute readContinue Reading
EngineeringIcon ChevronTechnology

Produce DWGs Like It's 2016: Teigha For Architecture

by Aleksey Abramovsky

Today, the notion of repetitively modeling or drawing the windows, doors, and walls of standardized buildings seems archaic, so why do it? If you want to handle DWG files and ACA objects programmatically, one of the best platform options is Teigha Architecture. In this article, Toptal Freelance Designer Alexey Abramovsky walks us through the DWG production of a small house to introduce us to the benefits of Teigha. Go from foundations to full render in this quick tutorial.

21 minute readContinue Reading
EngineeringIcon ChevronTechnology

Sass Mixins: Keep Your Stylesheets DRY

by Justin Brazeau

Nowadays, front-end development workflows involve many modern tools and preprocessors that not only streamline the whole process, but also allow you to spend less time on common web tasks, giving you more time to focus on other aspects of the project that require more careful and skilled insight. Sass, the scripting language for syntactically awesome stylesheets, comes with robust and built-in support for mixins - an essential feature for keeping your stylesheets DRY. In this article, Toptal Freelance Software Engineer Justin Brazeau shows us 10 useful Sass mixins that help keep your stylesheets manageable by breaking them into smaller reusable bits, each with its own focus.

10 minute readContinue Reading
EngineeringIcon ChevronTechnology

Introduction to BEM Methodology

by Tomislav Matijević

When building smaller websites, the way developers structure their CSS code is usually not a big issue. However, when it comes to larger, more complex projects, code organization becomes crucial. In this article, Toptal Freelance Software Engineer Tomislav Matijević introduces us to BEM methodology and explains how this CSS practice can massively improve code maintainability, speed up the development process, and streamline the teamwork of developers by arranging CSS classes into independent modules.

12 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Toptal's Quick and Practical CSS Cheat Sheet

by Tomislav Bacinger

As software engineers, we’re always searching for the best tools and guides that will help us to be more productive while spending less time searching and reading long technical specifications. Today, Toptal is pleased to present an entirely new resource to the community as a free download: a CSS Cheat Sheet. Toptal's CSS Cheat Sheet is a quick CSS reference guide, and includes CSS syntax, the most important selectors, properties, sizes, and units, and other useful CSS details, all in a short, easily understandable format.

10 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Top Ten Front-End Design Rules For Developers

by Bryan Grezeszak

Truly understanding design is easier said than done. Coding and aesthetic design require very different skill sets, which is why some front-end developers aren’t as proficient in design as they could be, and the quality of their work suffers for it. In this post, Toptal Freelance Software Engineer Bryan Grezeszak explains why good front-end developers have to follow essential design principles down to the pixel, and should regularly seek out advice and feedback from their designers.

12 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Build Ultra-modern Web Apps with Angular Material

by Matt Spaulding

Material Design uses a paper metaphor, bold intentions, and meaningful motion to give user interfaces an ultra-modern feel. Web applications built using AngularJS can now easily adopt these design principles using Angular Material, a reference implementation of Google's Material Design Specification. In this article, Toptal engineer Matt Spaulding walks us through the principles of Material Design and showcases some modern user interface elements built using the Angular Material library.

10 minute readContinue Reading
EngineeringIcon ChevronTechnology

Electron: Cross-platform Desktop Apps Made Easy

by Stéphane P. Péricat

Building cross-platform desktop applications has been something of a nightmare for a very long time, as extreme differences between popular desktop operating systems makes it a challenging feat. However, in light of newer tools and frameworks like Electron, building a cross-platform desktop application has never been easier. In this article, Toptal engineer Stéphane P. Péricat walks us through a step-by-step tutorial to building a cross-platform password key-ring desktop application using technologies that most of us are already familiar with.

15 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Speeding up Application Development with Bootstrap

by Lijana Saniukaite

Bootstrap, one of the most used HTML/CSS/JavaScript front-end frameworks, offers a little more than just fancy customizable user interface elements. It provides a great starting point for many types of projects, a plethora of components, and many nifty styles predefined for responsive layout and utility classes to help keep your HTML and CSS code clean. In this article, Toptal designer Lijana Saniukaite walks us through some practical Bootstrap tips and best practices to speed up your application development.

9 minute readContinue Reading

Join the Toptal® community.