Sarthak semwalsarthaksmwl.hashnode.dev·Mar 26, 2024Mastering CSS Flexbox: A Beginner's GuideIntroduction In web development, creating a flexible and responsive layouts is very crucial to providing an optimal user experience across various devices and screen sizes. Fortunately, CSS Flexbox provides a powerful solution to this challenge. In t...Discuss·37 readscss flexbox
Alexander Roandearestalexander.hashnode.dev·Mar 25, 2024An unofficial quick reference for freeCodeCamp's Responsive Web Design CourseTL;DR: This post is to share a quick reference guide I created that covers all of the HTML and CSS elements and properties covered in freeCodeCamp's Responsive Web Design course. View it directly in the browser here or access the html file on github...Discuss·36 readsfreeCodeCamp.org
Alex Aniealexanie.hashnode.dev·Mar 13, 2024Centering an Image in CSS: A Detailed GuideImages are widely used on websites and play an important role in helping users understand and find different types of information on the web. Therefore, proper alignment of images on the websites is crucial to avoid issues like overflow or unnecessar...DiscussCSS
Abdul Shamadshamad.hashnode.dev·Mar 12, 2024Building a Sleek Time Project with Glassmorphism Design.Introduction: In the realm of web development, creativity often intertwines with functionality to produce captivating projects. Recently, I embarked on a journey to combine sleek design aesthetics with practical utility by creating a time project. Th...Discussglassmorphism
Udoka Kasieudokakasie.hashnode.dev·Feb 29, 2024A Comprehensive Guide to CSS Variables with Real ExamplesIntroduction: In our projects, we often encounter repetitive values such as width, color, font, etc. These values can lead to redundancy in our work and make it difficult to change on large projects. This guide provides an in-depth understanding of C...Discuss·42 readsCSS
Tahera Alamtiffanylewis.hashnode.dev·Feb 16, 2024Best 20 CSS Libraries for Developers and Designers [2024]In software development, there’s a famous saying: Don’t reinvent the wheel. This means that it is often smarter to use existing solutions, such as frameworks and libraries, rather than starting from scratch. When it comes to web development, CSS play...DiscussCSS
Pilli Karthikkarthikpilli.hashnode.dev·Jan 27, 2024The Ultimate Guide to CSS: A Comprehensive Journey for Beginners and ProfessionalsIntroduction Welcome to the world of CSS: A beginner-friendly overview of CSS basics What is CSS and why is it important? How does CSS work with HTML? Understanding the role of CSS in web design and development CSS, or Cascading Style Sheets, is...DiscussCSS
Vishal Yadavworkwidvish.hashnode.dev·Jan 17, 2024Custom Infinite loaderAn "infinite loader" refers to a user interface element commonly used in web design to indicate that content is being loaded continuously, typically on a webpage where additional content is loaded dynamically as the user scrolls down. This is also kn...DiscussCSS
Rohit Singhcodedeciphered.hashnode.dev·Jan 8, 2024CSS Fundamentals: Styling Your Web PagesIntroduction Welcome back to our web development journey! Now that we've mastered the essentials of HTML, it's time to elevate our web pages with style. In this installment, we'll explore the world of Cascading Style Sheets (CSS) and learn how to bri...DiscussWebWise WorkbenchCSS
MAYANK VIKRAMBHAI PARMARmynkprmar.hashnode.dev·Dec 26, 2023Flexbox : Creating Flexible Layouts in CSSIntroduction : Layout Design with Flexbox In the dynamic world of web design, crafting layouts that seamlessly adapt to various screen sizes has been a perpetual challenge. Enter Flexbox a game-changing layout model in CSS that revolutionizes the way...DiscussFrontend Development