Rajat Kapoorrajatkapoor.hashnode.net·May 25, 2021FeaturedCSS Container Queries - The future of responsive web design is almost hereWith the huge number of smartphone users and increasing power of these devices, ensuring that your web applications run fine on all screen sizes is more important than ever. Fortunately CSS provides a couple of ways to style the same HTML in differen...128 likes·2.5K readsCSS
Shaydee Codershaydeecoder.hashnode.net·Oct 17, 2020FeaturedHow CSS Works Behind The Scene - Cascade & SpecificityYou must have been wondering what cascade means in CSS, cascade is a process of combining different stylesheets and resolving conflicts between different CSS rules and declarations, when more than one rule applies to a certain element. CSS can come f...100 likes·1.7K readsCSS
Shaydee Codershaydeecoder.hashnode.net·Oct 23, 2020Responsive Design StrategyTwo fundamental aspects of modern responsive designs are, without a doubt, deciding about doing mobile-first or desktop-first for a website or app, as well as selecting breakpoints for the project when writing media queries. So in this article, that’...93 likes·2.3K readsResponsive Web Design
Paul Ehikhuemenpauloe.hashnode.net·Apr 25, 2023Responsive TypographyAs screen sizes continue to vary widely between desktops, laptops, tablets, and mobile devices, it's important to ensure that typography on your website is legible and easy to read across all screen sizes. Responsive typography can help accomplish th...CSS
Paul Ehikhuemenpauloe.hashnode.net·Apr 24, 2023Designing for Mobile-FirstWith the increasing number of mobile device users, designing for mobile devices is no longer optional. In fact, many experts argue that designing for mobile devices should be the first priority in web design. This approach, known as mobile-first desi...HTML5
Oluwatise Okuwobiyourdevadvocate.hashnode.net·Apr 23, 2023Responsive programming with ReactWe all love our websites to adapt to whatever screen size we load it on, the most annoying part of visiting a website; especially on mobile, is seeing the screen not adapting, or the buttons being out of place, or the navbar stretching out the entire...1 likeReact
Paul Ehikhuemenpauloe.hashnode.net·Apr 23, 2023Creating Responsive Layouts with CSS GridCSS Grid is a powerful tool that allows web developers to create complex and flexible layouts for their websites. With the rise of mobile devices and responsive web design, it's more important than ever to create layouts that adapt to different scree...28 readsCSS
Paul Ehikhuemenpauloe.hashnode.net·Apr 22, 2023Understanding Viewports and Media QueriesIn the previous article, we discussed the importance of responsive design and how it enables websites to adapt to various devices and screen sizes. In this article, we'll dive deeper into the technical aspects of responsive design, including viewport...30 readsCSS
Paul Ehikhuemenpauloe.hashnode.net·Apr 21, 2023Introduction to Responsive DesignIn today's digital age, it is essential to have a website that can adapt to different screen sizes and devices. With the rise of mobile devices, it has become more important than ever to create websites that are optimized for smaller screens. This is...CSS
DhiWise TeamforDhiWisedhiwise.hashnode.net·Apr 13, 2023From Desktop to Mobile: The Art of Creating Responsive UIs With React for All DevicesSummary: In this article, you will learn about the importance of responsive design, the differences between desktop and mobile app design, and how to create a responsive design with React. In the modern era, a responsive UI design is imperative for d...31 readsReact
Piyush Kesarwanipiyushdev.hashnode.net·Apr 11, 2023How to make Responsive Web designs in CSS: Tips and TricksIn today's world, where mobile devices have become an integral part of our lives, it's essential to make sure that your website is responsive. A responsive website means that it is designed to adjust to the screen size of the device it is being viewe...CSS
Liaichi_Mustaphait-lounge.hashnode.net·Apr 10, 2023The Ultimate Front-End Roadmap: Navigating Your Way to Mastering Web DevelopmentIntroduction: When it comes to web development, there are three main languages that you need to know: HTML, CSS, and JavaScript. These three languages are the building blocks of every website on the internet, and together they form the backbone of we...JavaScript
Ben Hammondbenhammondmusic.hashnode.net·Apr 7, 2023Expose Vite's local addressAdd -- --host to the end of your package manager's start command. Note the extra hyphens! As a follow-up to my blog on viewing localhost on mobile, I thought I would share how to do the same with Vite specifically. A recent task I completed at work ...45 readsViewing localhost on mobilevite
