Monday Eseese-monday.hashnode.dev·Apr 12, 2024Taking your Frontend Development skill to the next level with Design SystemsIntroduction Have you ever worked on a project, and after further review, your styling seems misaligned or inconsistent in some way? Or are you looking for styling guidelines for your next solo project? - That's where design systems come to the rescu...Discuss·38 likes·292 readsvisual consistency
Ahmad Abass Koyangabasskoyang.hashnode.dev·Feb 27, 2024How To Learn TailwindCSS The Fast and Easy Way!What is TailwindCSS? TailwindCSS is a utility-first CSS framework designed to help developers rapidly build modern websites without writing a lot of custom CSS. Unlike traditional frameworks that provide pre-styled components like buttons or forms, ...Discuss·1 likestyling
Prince Michaelprincemikel.hashnode.dev·Feb 23, 2024Animation in CSS and some of its hidden featuresIntroduction CSS is a powerful language for styling web pages, but did you know that it can also create amazing animations? In this article, we will explore some of the basics of CSS animation and some of the tricks and tips that you may not know. Wh...Johan Karoro and 1 other are discussing this2 people are discussing thisDiscuss·46 likes·92 readsCSS
Rohit Singhrayan1810.hashnode.dev·Feb 23, 2024Re-thinking styling in build time with react-native-ustyle 😺Since react-native's initial launch in 2015, there have been numerous styling libraries built to simplify the styling of components by creating new stylable or as we call them styled-components. But what if I could extend my React Native Components t...Discuss·1 likebuild time
Chidinma Okwuohachidinmablog.hashnode.dev·Feb 23, 2024Styling a dynamic file input to upload a fileIntroduction: When designing web forms, one common challenge is styling the file input button. By default, browsers provide a basic file input element that doesn't match the style of the rest of the form. In this article, we'll explore and learn how ...Discusscss,for
James Aldermanjamescodes.hashnode.dev·Feb 14, 2024Limited Styles! A Classic Mistake!I built a toggle component (Dark / Light functionality) that 'toggles' a class depending on the state (code below), BUT I made a classic mistake! Here's how: I’ve given myself ‘Limited Scope’: The DarkLightComponent renders within the Container co...DiscussReact
Mitchell .C EzenwafuruakuforCodeParrot 10x Dev10xdev.codeparrot.ai·Feb 6, 2024CSS FlexboxCSS FLEXBOX The Flexible Box (Flexbox) Layout is a CSS web layout model that enables a container to alter its item size attributes to best utilize space and fit into all screen sizes, expanding to fill space and shrinking where necessary to prevent o...Discuss·10 likesCSS
Akanksha Raghavakank5ha.hashnode.dev·Jan 25, 2024Unleashing the Power of Sass: A Frontend Developer's Guide to Stylish CodeIntroduction: Frontend development is an ever-evolving landscape, and one tool that has become indispensable for crafting stylish and maintainable code is Sass. Short for Syntactically Awesome Stylesheets, Sass is a preprocessor scripting language th...DiscussCSS
Catherine Anokwurucatihuoma.hashnode.dev·Jan 24, 2024Exploring Styling with Chakra UIChakra UI is a React component-based library that provides a set of accessible, reusable, and customizable components for building user interfaces. It was developed by Segun Adebayo. Chakra UI leverages Styled System to handle styling with Emotion se...Discuss·2 likes·56 readsstyled-components
Nwobia Daviddaveintrotodev.hashnode.dev·Jan 23, 2024How to Create an Infinite Autoplay Carousel using React, Tailwind CSS and TypeScriptIntroduction Hey guys, I am David. so in this article, I'll be teaching you how to create an infinite autoplay carousel. I am sure you must have seen it on many websites, mostly on corporate and startup websites, it's normally used to display the org...Discuss·135 readsCSS