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
Dom Habersackdomhabersack.hashnode.net·Dec 16, 2020The easiest way to build a Dark ModeMost operating systems natively support dark mode now. I have become so used to it that anything without a dark theme becomes painful in the evening. As I gave my website a minor visual refresh this week, I often coded into the evening. When everythi...29 likes·186 readsCSS
Bhavika Mauryabhavikamaurya.hashnode.net·Apr 23, 2023Understanding Media QueryWhat is media query CSS media queries are a powerful tool for responsive web design. They allow you to apply different styles to a website based on the characteristics of the device or browser being used to view it. This allows you to create a websit...CSS
shun kusakabeshunssv.hashnode.net·Apr 18, 2023Improving Maintainability of Media Queries in Sass with MixinIntroduction I have been using Next.js for building my website and Sass/CSS modules for styling. While working on the website, I found it challenging to manage media queries using vanilla CSS, as updating properties for each media query was not an ea...Web Development
Harsha Penugondaharshap.hashnode.net·Apr 14, 2023Understanding Responsive Design and How to Implement it in Web DevelopmentResponsive web design is a crucial aspect of modern web development. With the rise of mobile devices, it's more important than ever to ensure that websites are designed to be accessible and usable across a range of screen sizes and devices. In this a...1 like·27 readsresponsive designs
Devyanshdevbytes.hashnode.net·Apr 14, 2023Mobile Responsiveness Through Media Queries in CSSToday there are multiple devices with different dimensions. So, it is a fundamental responsibility of a web developer to make the website responsive for all possible devices. Though it is difficult to handle and position every element of the webpage ...1 likeHTML5
shreya jhashreyajha.hashnode.net·Apr 3, 2023Three Pillars To Writing Good Html And CssHTML and CSS are the backbones of web development, and writing good code in these languages is essential for creating a successful website. There are three pillars to writing good HTML and CSS: Responsive design Maintainable and scalable code Web ...HTML
Aakash Yadavaakashyadav.hashnode.net·Apr 1, 2023Media QueryMedia queries are a powerful tool in web development that allow developers to create responsive web designs that adapt to different screen sizes and devices. In this article, we will discuss what media queries are, how they work, and how to use them ...media queries
Anas Qureshicodeflasher.hashnode.net·Mar 29, 2023All About Media QueryMedia queries are an important aspect of modern web design. They allow you to apply different styles to a web page based on the characteristics of the device that is being used to view it. In this blog, we will discuss media queries and their propert...CSS3
Kevin Sylvesterkesy.hashnode.net·Mar 18, 2023CSS Media QueriesMedia queries are an important aspect of modern web design. They allow you to apply different styles to a web page based on the characteristics of the device that is being used to view it. In this blog, we will discuss media queries and their propert...27 readsiwritecode
Sathish Kumar Msathishkumar-m.hashnode.net·Mar 7, 2023Mastering Advanced HTML: Forms, Media Elements, Semantic Elements, and MoreHTML (Hypertext Markup Language) is the foundation of the World Wide Web. It is a markup language that is used to create and structure content on the internet. With the constant evolution of web technologies, HTML has also advanced over the years, pr...HTML5
Anshuman Praharajanshcds.hashnode.net·Mar 4, 2023A beginner's guide to responsive web designIntroduction: Responsive web design has become a must-have feature for any website in today’s world where mobile devices are increasingly becoming the primary means of accessing the internet. Responsive web design is a technique that enables a websit...29 readsResponsive Web Design
