UI

Showing 1-9 of 14 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 ChevronMobile

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 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 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
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 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

Android TV Development – Big Screens Are Coming, Get Ready!

by Nermin Hajdarbegovic

Google wants to bring Android to everything from phones and watches, to cars and smart television sets. Unlike Google TV, Android TV is much closer to standard Android. It runs Android 5.0 (at least in the initial launch version) and can be used on new TVs, as well as on standalone devices. Android TV is not just about improving the way people consume TV content, it’s more about changing the way they do it.

11 minute readContinue Reading

Join the Toptal® community.