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...Discusssoftware development
Serhat Bekbek-dev.hashnode.dev·Oct 10, 2024Maximize Your Workflow with These SASS Mixins and FunctionsHey there! If you’ve ever found yourself writing the same CSS over and over, or if you’ve struggled with making your design responsive across different screen sizes, you’re in the right place. In this article, I’m going to share some really useful SA...DiscussFrontend Development
Sandeep Ranasandrana.hashnode.dev·Sep 29, 2024Apartment Designer WebpageIntroduction Welcome to the world of webpage creation, where your imagination meets a blank canvas! 🖌️ Think of building a webpage as assembling your dream house — you need the right tools, a little creativity, and a pinch of patience. If you've eve...DiscussHTML
Noman Gaziblog.noman.me·Sep 23, 2024SCSS: A Complete Guide in Bangla (বাংলা) and English (With Examples)বাংলায় পড়তে স্ক্রল করে নিচে নামুন। This guide will walk you through the basics of SCSS (Sassy CSS) to more advanced techniques, helping you understand how to write clean, organized, and scalable CSS using SCSS. Whether you're a beginner or looking ...Discuss·71 readsDesignscss
Biswnath Mukherjeelove-to-code108.hashnode.dev·Jul 28, 2024Understanding SCSSSCSS (Sassy CSS) is a preprocessor scripting language that is interpreted or compiled into CSS. It allows you to use variables, nested rules, mixins, functions, and more. Let's start with the basics and gradually move to more advanced concepts. 1. Va...Discussscss cheat sheet
Ibrahim Nagnuribrahimhn.hashnode.dev·Jul 19, 2024Responsive Design Made Simple with SCSS Breakpoints Mixins.In modern web development, ensuring your designs look great across different devices is crucial. With SCSS (Sassy CSS), managing responsive breakpoints becomes easier using mixins. Let's walk through how to effectively use SCSS mixins to handle break...DiscussCSS
Shubham Vandarashubhamvandara.hashnode.dev·Jul 12, 2024Supercharge Your Styles: Adding SCSS to Your HTML ProjectAs you should know SCSS (Sass - Syntactically Awesome Style Sheets) is a CSS preprocessor that allows writing more maintainable and reusable styles. If you use a code editor such as Visual Studio Code (VS Code), simply make the switch from SCSS to CS...Discuss·1 likeHTML5
Nicblog.nicm42.co.uk·Jun 23, 2024Converting px in SCSSA lot of the time in designs they give the font-size, line-height and letter-spacing in px. Which isn't helpful as they mean having to get the calculator out to convert them to more useful units. But a combination of Sass functions and mixins can do ...Discussscss
prasanna pinnamlakshmiprasanna.hashnode.dev·Jun 16, 2024SASS for Beginners: A Step-by-Step Guideintroduction sass is a css preprocessor -- meaning sass cannot be run by browser, sass code should be converted to css to make it run on browser Sass has two syntaxes: SCSS (Sassy CSS) Sass (indented syntax) SCSS is more popular and resembles...Discusssass guide
Serhat Bekbek-dev.hashnode.dev·May 31, 2024Vanilla JavaScript - ModalIn this article, we'll build a modal using vanilla JavaScript, HTML, and SCSS that will include features like opening and closing with a button, and closing when clicking outside of the modal content. Before we start I'd like mention that I used: Bo...DiscussJavaScript
