© 2023 Hashnode
#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 thi…
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 lo…
As 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 re…
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://srira…
Hello 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 scroll…
“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, code…
Sass 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 li…
Expert Class CSS grid Acesse o vídeo de explicação do conteúdo: Youtube O que é? É uma forma de organizar e manipular partes do meu site de forma inteligente via css Outra exemplo seria o flexbox ond…
SASS, which stands for Syntactically Awesome StyleSheets, is a CSS extension language. It includes functionality that aren't available in standard CSS, making it easier to simplify and maintain your p…
Why 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 d…
