Yogesh Chavanyogeshchavan.hashnode.net·Nov 5, 2020A quick introduction to SASS/SCSSIn today’s fast-moving world, knowing Sass is an important part of web development. Today, almost all large projects use some sort of preprocessor like Sass, Less, Stylus, etc. Sass is the most popular and easy to use. If you learn Sass, it’s very ea...111 likes·3.1K readsReact
Matt Pignatoreuandi.hashnode.net·Jul 15, 2021FeaturedDeveloping a UI with Vue, Part 3: Mobile NavigationMaking mobile navigation has always been fun for me, no matter how many times I do it. I don't know why, but something about designing a menu button and toggling the drawer navigation on and off screen has never stopped feeling like ✨ magic ✨ to me. ...62 likes·586 readsDeveloping a UI with Vue and SCSSVue.js
Shubham Sharmashubhamku044.hashnode.net·Aug 21, 2022Best folder structure for SCSS/SASSWhy I am using SASS/SCSS? After writing code for lots of websites in vanilla CSS, I understood that I am doing something wrong. I was given a lot of time to debug a very simple problem. Then after I discovered sass/scss way back in 2019, and for the ...56 likes·313 readsSass
Sanju Msanjusm.hashnode.net·Mar 7, 2023How to use mixins - Part 1If you've ever checked the source code of a CSS framework, you might have noticed the use of @mixin statements. Have you ever wondered how mixins work, or how you can incorporate them into your code? To elaborate, mixins are a Sass utility that allow...80 readsSaaS
Victoriaabiodunvictoria.hashnode.net·Feb 12, 2023Elevating Your CSS Game with SASS and NPM.SOURCE I've seen Sass a couple of times, but I wasn’t really sure what it was all about. My curiosity started building up from constantly seeing it being listed in job ads, and I wanted to know if it was really that much of a big deal. And guess what...10 likes·33 readsCSS
Phaneendraphaneendra9q.hashnode.net·Feb 9, 2023SCSS - Multiple Dialog Cascade Alignment - React BootstrapLet's assume you are using SCSS as css preprocessor, then it is a cakewalk to align all the dialog boxes one by one using z-indexes so that they can cascade. I have used this approach to cascade multiple dialogs in my react projects. Here is a piece ...2 likesscss
Priyankar Palitspp.hashnode.net·Jan 24, 2023How I created my PORTFOLIO website using only HTML5 & SCSS?In this blog, I will share how I created a simple responsive portfolio Website using only HTML5 and SCSS without JS. I used Fontawesome icons. Check step by steps guide so that you can also create this type of Portfolio. If you have a question about ...53 readsWeb Devscss
Priyankar Palitspp.hashnode.net·Jan 20, 202310 Reasons Why SCSS Is A Great Choice For Front-end Engineers?You might be wondering, why I should use SCSS in my projects. After all, you're a front-end engineer and you haven't heard of SASS and Sass before. Well, it's time you learn! In this article, we'll look at the main benefits of using SCSS. We'll exami...36 readsWeb Devscss
Varrm Caultvarrmcault.hashnode.net·Jan 8, 2023My go-to SCSS toolbox for responsive designAs a junior developer, I've used Bootstrap's grid system a lot to structure my web pages and the breakpoint classes were magic to my beginner self. No need to say that I barely knew the difference between margin and padding; I completely relied on Bo...scss
Sriram Bsriram23.hashnode.net·Dec 11, 2022How I used the RSS feeds to display my blogs on my website (Part 2)Hello World! In the previous part, we've seen how we can query for the RSS feed and how we can convert it to JSON format. If you have not read it, I'd recommend you to have a look at it. https://sriram23.hashnode.dev/how-i-used-the-rss-feeds-to-displ...82 readsReact
Sriram Bsriram23.hashnode.net·Dec 4, 2022How to create a grow-shrink header in ReactHello World! Let me show you how we can create a header, that shrinks when we scroll down and expands when we scroll back to the top. Steps to achieve the goal Listen to the page scroll. When scrolled beyond a point, shrink the header. When scroll...352 readsReact
Precious Chilakadearamara.hashnode.net·Oct 12, 2022Introduction To 7-1 Sass Architecture“Organizing is what you do before you do something so that when you do it, it is not all mixed up.” — A. A. Milne Keeping things organised is a good idea at all times. It may be daily activities, codebase, etc. There are several benefits to having th...1 like·58 readsSass
Somanshu Groversomanshu63.hashnode.net·Sep 20, 2022Sass - CssSass Basics CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass has features that don't exist in CSS yet like nesting, mixins, inheritance, and other nifty g...44 readsSass
