UI

Showing 1-9 of 10 results
EngineeringIcon ChevronWeb front-end

What CSS Developers Do and Why You Need One

by Silvestar Bistrović

Most websites today rely on CSS to deliver more style and polish, but the sheer popularity of CSS is causing many people to take it for granted and overlook its importance. In this article, Toptal UI Developer Silvestar Bistrović explains this disconnect and outlines why you need a true CSS specialist rather than a jack of all trades.

8 minute readContinue Reading
EngineeringIcon ChevronMobile

How to Implement a Pixel-perfect iOS UI Design

by Roman Stetsenko

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

Android and iOS UI Testing with Calabash

by Alexander Gedevanishvili

Do you think testing your iOS or Android apps manually is faster than writing automated tests for them? Calabash, the cross-platform acceptance framework, busts that myth once and for all. In this article, Toptal Freelance Software Engineer Alexander Gedevanishvili shows how Calabash, with its support for Cucumber, makes writing automated UI tests as simple as writing instructions in plain English.

6 minute readContinue Reading
EngineeringIcon ChevronMobile

How to Write Automated Tests for iOS

by Josip Petrić

In this tutorial, you will learn how automated testing works for the iOS platform and how to implement it in your project.

21 minute readContinue Reading
EngineeringIcon ChevronMobile

Android Customization: How to Build a UI Component That Does What You Want

by Ahmed Al-Amir

It is not uncommon for developers to find themselves in need of a UI component that is either not provided by the platform they are targeting or is, indeed, provided, but lacks a certain property or behavior. The answer to both scenarios is a custom UI component. The Android UI model is inherently customizable, offering the means to create custom UI components in various ways.

11 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

How React Components Make UI Testing Easy

by Swizec Teller

Testing back-ends is easy. But testing front-end code is kinda hard. In the ten years I've been a developer, I hadn’t found a decent way to test user interaction and view rendering until I started poking at React.

11 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

Join the Toptal® community.