Responsive Design

Designing responsive websites Bootstrap is a popular front-end web development framework that simplifies the process of designing responsive websites. It provides a variety of pre-built components, such as buttons, forms, and navigation menus, that can be easily customized and integrated into your website. In this tutorial, we’ll walk through the…

Another week, another set of beginner-level discoveries through the “Ultimate Figma Crash Course 2023” video tutorial. Hey, it’s me, Ela. I recently started this space on Medium and I’m back, five days after my first blog post here. In a sea of sharks, whales, and impressive back-flipping dolphins — aka…

A few common column layout patterns using flexbox — This article is based around the method described first in a 2021 article by Jason Knight. I remember I was super-excited when I first read it. Then I was very disappointed when I discovered that it doesn’t “just work” for something that isn’t quite like what’s in the article. And…

Hey there, fellow designers! Today, we’re gonna talk about the importance of responsive design in UI/UX. You know, that thing that makes your website look good on any device, whether it’s a phone, a tablet, or even a refrigerator (yes, some people have those). First of all, let’s get one…

So, it’s been over a month since my last post. My learning style is to start something I find interesting, then drop it in favor of something else. So if you’ve been wondering whether I gave up on coding altogether, I don’t blame you. But, I have good news! I…

In this article, you will get to know about how to achieve a mobile responsive design in your project just by using the tailwind. To start with, let’s install tailwind using npm. The tailwind documentation has clearly described the steps to be followed for the installation and configuration of tailwind…

Choosing the right image format and size for better design and web page performance — In a 2010 article, Ethan Marcotte coined the term “responsive web design” which has quickly become a milestone in web design. But still, today, though image optimization represents a really basic task in every RWD project, it’s not uncommon to find websites with oversized images or that don’t make use…

Images are an essential part of any website, but they can also significantly impact the performance of your site. In this article, we’ll explore best practices for optimizing image performance on your website, including how to implement responsive images. Resize Images to Optimal Dimensions: Make sure to resize images to…