UI

Showing 1-9 of 16 results
DesignIcon ChevronUI Design

Boost Your UX with Clear Visual Hierarchy

by Chris Berridge

A vital part of creating an optimal user experience, visual hierarchy determines the order in which people take in and process information on a page, regardless of whether it’s digital or print.

5 minute readContinue Reading
EngineeringIcon ChevronMobile

How to Implement a Pixel-perfect iOS UI Design

by Stetsenko Roman

In this article, Toptal Freelance Developer Roman Stetsenko explains what it takes to create a pixel-perfect iOS interface from the ground up and why it matters.

8 minute readContinue Reading
EngineeringIcon ChevronTechnology

What Does Force Touch Mean For UI And UX?

by Nermin Hajdarbegovic

Force Touch is not a new idea. BlackBerry experimented with the concept back in 2008, and a few Android phone makers also examined the possibility of using Force Touch on their products. In fact, Force Touch support has been a part of Android for years; it was introduced in Android 1.0.

11 minute readContinue Reading
EngineeringIcon ChevronTechnology

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 ChevronWeb front-end

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
DesignIcon ChevronTools and Tutorials

Designing The UHD 4K Web Of Tomorrow, Please Start Today

by Nermin Hajdarbegovic

Despite having four times as many pixels per inch on a 4K display, there are still legacy applications that do not look good. Learn why this happens and what to do in order to make improvements.

11 minute readContinue Reading
DesignIcon ChevronMobile Design

The Industry Could Do Without Pixel Density And PPI Marketing

by Nermin Hajdarbegovic

Despite the advances in displays, increasingly larger smartphones feel like a triumph of cunning marketing over sensible engineering. Meant to improve user experience, the opposite may be happening.

15 minute readContinue Reading
EngineeringIcon ChevronUI Design

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 ChevronTechnology

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

Join the Toptal® community.