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

CSS

Showing 28-36 of 36 results
EngineeringIcon ChevronWeb front-end

Sass Style Guide: A Sass Tutorial on How to Write Better CSS Code

by Matias Hernandez

When working on big web applications as a team with other developers, code needs to be scalable and readable. This can be a challenging process when it comes to CSS, although preprocessors like Sass are available. But only using preprocessors will only get you so far. In this article, Toptal engineer Matias Hernandez presents a style guide with advice on how to improve the way you write your code.

9 minute readContinue Reading
EngineeringIcon ChevronTechnology

Embracing Sass: Why You Should Stop Using Vanilla CSS

by Marcelo Mazza

CSS preprocessors have been around for quite a while now. These tools, among many things, promise convenience in writing style sheets for the web. However, not everyone is taking advantage of these utilities, and is still resorting to writing vanilla CSS. In this article, Toptal engineer Marcelo Mazza discusses some of the reasons why he thinks Sass is the way to go and why you should be using it in your projects.

8 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Responsive Design Is Not Enough, We Need Responsive Performance

by Vedran Aberle Tokić

Between square inch smart wristwatches and mammoth smart TVs, a responsive website capable of adapting to a wide array of screen sizes and device capabilities is something no one complains about. However, many websites are still plagued by desktop-first design paradigms, or mobile-first paradigms with absolutely no focus on performance. These traditional approaches to responsive web design have various shortcomings. Fortunately, some simple ideas can help solve these problems.

8 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

CSS Layout Tutorial: From Classic Approaches to the Latest Techniques

by Laureano Martin Arcanio

Mastering CSS is an absolute necessity for any solid web designer or developer. This tutorial walks you through the fundamentals of CSS layout principles, from classic CSS2 techniques to the latest approaches in CSS3. Learn more about how to leverage all that CSS has to offer in order to optimize both the user’s experience and the quality of your code.

16 minute readContinue Reading
EngineeringIcon ChevronTools and Tutorials

Getting Started with Modules and Modular Front-End Development

by Bojan Janjanin

For some people, front-end design and development can sometimes start to seem like a chore, and can be monotonous and time consuming. Through a modular design approach, it is possible to both save time and streamline the design and development process.

8 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

The 10 Most Common Bootstrap Mistakes That Developers Make

by Tomislav Bacinger

Bootstrap is a powerful toolkit. It comes bundled with basic HTML and CSS design templates that include many common UI components. Most of the important pitfalls are mentioned in the Bootstrap documentation, but still some mistakes are pretty subtle, or have ambiguous causes. This article outlines some of the most common mistakes, problems, and misconceptions when using Bootstrap.

8 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

What is Bootstrap? A Short Bootstrap Tutorial on the What, Why, and How

by Tomislav Bacinger

If you're doing anything web related, chances are you've heard about Bootstrap. Bootstrap is a powerful toolkit - a collection of HTML, CSS, and JavaScript tools for creating and building web pages and web applications. It is a free and open source project, hosted on GitHub, and originally created by (and for) Twitter. If by now you still don't know what Bootstrap is, or you just want to get a better overview of what it is and what it does best, you've come to the right place.

11 minute readContinue Reading
EngineeringIcon ChevronTechnology

SVG Text Tutorial: Text Annotation on the Web

by Anton Shkuratov

Texts are an integral part of user interfaces. In many cases, text annotation plays a vital role in grabbing the user’s attention or allowing the user to decorate and highlight the content they produce. In this article, we walk through the ins and outs of an open-source JavaScript library built for annotating texts on the web.

8 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Application Development with Rapid Application Development Framework AllcountJS

by Pavel Tiunov

AllcountJS is an emerging open-source framework built with rapid application development in mind. It is based on the idea of declarative application development using JSON-like configuration code that describes the structure and behavior of the application. In this article, we walk through a step-by-step tutorial for prototyping a data-oriented web application using AllcountJS.

12 minute readContinue Reading

Join the Toptal® community.