Responsive Web

Showing 1-5 of 5 results
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

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

One Size Fits Some: A Guide to Responsive Web Design Image Solutions

by Kado Damball

As mobile and tablet devices come closer to achieving final world domination, web technology is in a race to accommodate the ever-growing number screen sizes. However, devising tools to meet the challenges of this phenomenon brings a whole new set of problems, with one of the latest buzzwords to emerge being "responsive web".

7 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Introduction to Responsive Web Design: Pseudo-Elements, Media Queries, and More

by Tomislav Krnic

Nowadays, your website will be visited by a wide variety of devices: desktops with large monitors, mid-sized laptops, tablets, smartphones, and more. To achieve an optimal user experience, your site should be adjusting its layout in response to these varied devices (i.e., to their varied screen resolutions and dimensions). The process of responding to the form of the user's device is referred to as (you guessed it) responsive web design (RWD).

8 minute readContinue Reading

Join the Toptal® community.