Raman Nikitsenka0ro.hashnode.dev·Aug 29, 2023Enabling Dark Mode in React.js with SCSS Modules 🌙In one of my recent projects, I needed to add support for dark mode to a React.js Single Page Application (SPA). Since we were using SCSS modules to style our elements, let's explore how to implement dark mode in a React.js project with SCSS modules....DiscussReact
Maciek Fitznermackfitz.hashnode.dev·Jul 21, 2023Particles & spiral patterns in CSS: part IThis week Codepen, known for its fun weekly coding challenges, rolled out one that made me drop everything and code, code, code. This week it's all about particles - i.e. large amounts of small, identical/similar objects, such as droplets of water, s...Discuss·33 readsParticles & spiral patternsCSS
Abok Istifanus Madakiabokmadaki.hashnode.dev·Jul 13, 2023CSS Preprocessors: Streamlining Development with SassINTRODUCTION CSS, a stylesheet language, has limited capabilities for logic, code organization, and computational tasks. CSS preprocessors like SASS provide a solution. Despite CSS improvements, preprocessors offer advantages such as workflow speed, ...Discuss·10 likes·36 readsFrontend Development
Seun Taiwodro.hashnode.dev·Jul 7, 2023Building A TodoList with Svelte & FirebaseSvelte is the shiny new framework for frontend developers. It seems to do a whole lot differently than the big three frameworks. We'll be taking a deep dive into it in this article. Table of contents Prerequisites Introduction Setting Up Firebase ...Discuss·1 likeJavaScript
Shaik Mohammed Huzaifahuzaifa.hashnode.dev·Jun 27, 2023Intro to Sass | Ultimate Css Pre ProcessorSass / Scss is a pre processor for css. A Preprocessor is something that unlocks CSS abilities that are not possible with normal CSS. Sass is not another type of style sheet but it helps the developer to organize their style sheets in the projects. T...Discuss·2 likesStyling, CSS, and Animation: Unleashing the Aesthetics of Web DesignSass
Shubham Singh1shubham7.hashnode.dev·Jun 9, 2023Difference between SASS and SCSSYou must have heard of SCSS or SASS, but do you know the full form of the two tools, how similar these two terms are ? and what are the differences between them? join me in my exploration of these two CSS Preprocessors. What is SASS ? SASS (Syntactic...Discuss·11 likesSaaS
AC Hulslanderblog.achulslander.com·May 22, 2023Make a Shimmer Load Effect - HTML, SCSSWant to spice up your loading screen? Follow along and we'll make a nice, shimmery loading effect like this one: We're going to be making a product card with an image, heading, sub-heading and description elements. Below you'll find the starter HTML...Discuss·87 readsHTML5
Appsilonappsilon.hashnode.dev·May 19, 2023Shiny for Python and SCSS: How to Style Your Dashboards with SASSThere’s a more powerful design kid on the block with the name of SASS (Syntactically Awesome Style Sheets), and it simplifies how app styles are written and maintained. Today you’ll learn all about it in the context of Shiny for Python – also a new a...DiscussPython
Arjun Reddyarjunreddy.hashnode.dev·May 17, 2023BEM in CSS: A Structured Approach To Write Scalable & Maintainable StylesWhat is BEM? In short, BEM is a popular methodology for naming your CSS classes. BEM stands for Block, Element, Modifier. It's an approach to writing CSS styles which allows developers to create reusable components that are easy to maintain and debug...DiscussOthersCSS
Sosring sosring.hashnode.dev·May 8, 2023Nuxt Integration Made Easy: Your One-Stop Guide✨ Introduction Nuxt.js is a powerful framework for building Vue.js applications. It provides a lot of built-in features and conventions that make development faster and more efficient. However, setting up a Nuxt project and integrating it with other ...Discuss·2 likes·116 readsnuxt3
