responsive • 1stWebDesigner

How To Use CSS To Maintain Aspect Ratio For Responsive Design

The padding hack is a simple and effective technique for maintaining the aspect ratio of a div as the window's width changes.

Anatomy of High Converting Mobile Web Pages: Learn What Makes or Breaks a Responsive Design!

In 2020, smartphone sales were 1.57 billion units worldwide, an increase from 1.52 billion units in 2019. Such impressive figures continue when we look at the world’s tablet shipments and…

Video Tutorial: How To Create A Responsive Image Slider

It’s been a while since we posted anything on our YouTube channel, but starting today we are back on YouTube! In this collaboration with Jack Herrington, Jack will teach you…

How To Create a Responsive Timeline with Image Thumbnails

In this tutorial you will learn how to create a responsive timeline for a set of related events you wish to display in a chronological (or reverse chronological) sequence. This…

How To Create a Responsive Dropdown Navigation Using Only CSS

This tutorial will guide you through creating a responsive dropdown navigation using CSS only, with the help of CSS flexbox and the “checkbox hack”. Basic knowledge of HTML and CSS…

Adaptive vs. Responsive Web Design

Modern websites need to look and function well on every screen. That’s not exactly a newsflash, as web designers have been told this for years. But there is more than…

Examples of Excellence in Modern Responsive Design

Responsive design has now become a standard part of a web designer's toolkit. It has been around long enough that you may have trouble remembering the last time you didn't include at least some level of responsiveness in a project.

How to Make a Website Responsive in Just 15 Minutes

By the end of these quick tutorials, you will be well on your way to understanding and having the skills to implement media queries on your own site, and finally have a responsive website.

10 Code Snippets for Creating Responsive Navigation Menus

We’ve curated a collection of the most unique, yet highly usable, menu code snippets that offer a quick solution to the many responsive navigation issues you will no doubt encounter.

50 Responsive HTML & CSS Web Templates for 2018

If you want to take your design skills to the next level, save time when setting up sites, and simply look more professional right out of the box, you need

…

The 50 Best Free Responsive Web Templates

Speed up your design process by taking inspiration from the free responsive HTML templates we have collected from all the best sources around the web!

5 Services to Create a Responsive Website

Responsive web design has become one of the major web building trends. That’s not surprising as over 70% of web searches are done on different mobile devices today. Users find…

Search Results for: responsive