Adnan Pashatailwind-css.hashnode.dev·Dec 17, 2024What is Tailwind CSS?Tailwind is a utility first CSS framework that provides low level utility classes. these classes handle margin, padding, colors, fonts and other CSS properties directly in your HTML elements, making styling fast and customizable. Unlike frameworks li...Tailwind CSS
Adnan Pashatailwind-css.hashnode.dev·Dec 16, 2024Introduction to TailwindAs a web developer I have always struggled with writing repetitive custom CSS for ever little design tweak. Tailwind CSS solved this problem by offering a utility first approach o styling. Instead of spending time creating new styles for every compon...Tailwind CSS
Harshit Sisodiafull-stack-development-in-30-days.hashnode.dev·Dec 12, 2024Day 3: Styling with CSS and Introduction to Flexbox“Bringing Your Web Pages to Life with CSS and Flexbox” Introduction: Introduce CSS (Cascading Style Sheets) as a tool for adding style and layout to web pages. Highlight how Flexbox makes creating responsive layouts easier. Example: "A plain HTM...CSS
SixPixelsixpixel.uk·Nov 16, 2024Jadani Font FreeUnlock Your Creativity with the Jadani Font In the ever-evolving world of design, the right font can be the spark that ignites your creative journey. Enter Jadani, an exceptional script font that effortlessly blends elegance with versatility. Its dyn...jadani
Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 14, 2024Styling React Components: Options💡 Styling React Components: Flexibility at Its Best 💡 When it comes to styling in React, there’s no single “correct” way. Unlike some frameworks, React doesn’t dictate how you should style your components. Why? Because React is a library, not a fra...styling
Supriya Msupminn.hashnode.dev·Nov 10, 2024Decoding StyleX: Meta's Cutting-Edge Styling SystemEvery October, the biggest international react conference occurs in Goa, India. Yes, I am talking about React India. This year (2024), was even more special for me as I got a chance to speak at this magnificent conference. Here's the recording of my ...53 readsDesign Systems
Nehal Fathemasafaranokhi.hashnode.dev·Nov 8, 2024Unlocking the Power of CSS clip-path for Creative Web DesignIntroduction In modern web design, the ability to add custom shapes and creative layouts is a key factor in creating a unique user experience. One of the most powerful tools available for this is CSS clip-path. This property allows you to clip elemen...clip-path
Agboola Vincentvinnietec.hashnode.dev·Nov 5, 2024SCSS over CSS? Is It Truly Worth The Switch?Have you been asking or wondering why developers prefer SCSS to CSS for styling their websites? What makes SCSS a popular choice, and is it really worth the switch from traditional CSS? This article will explore these questions, providing a straight...software development
Aaksaaks.hashnode.dev·Oct 13, 2024Day 11: Diving Deeper into CSS—A Key Piece of My React JourneyAs I continue my 40-day React journey, day 11 has been slightly different. While building my project, I realized that I’ve been neglecting an important aspect of front-end development: CSS. While I did add some styling I wasn’t doing them on my own, ...basic tailwind
Surya Durgeshsuryatechie.hashnode.dev·Sep 25, 2024Getting Creative with CSS: Styling Your First Web PageCascading Style Sheets (CSS) bring life to web pages by allowing you to control the visual presentation of your HTML content. While HTML provides structure, CSS is what makes your web pages visually appealing and professional. In this guide, you'll l...CSS3