Avik Bhanjaavikbhanja.hashnode.dev·Jan 4, 2025Transitioning from CSS to SCSS/SASS: A Beginner's GuideAs web development evolves, CSS preprocessors like SCSS (Sassy CSS) and SASS (Syntactically Awesome Style Sheets) have become essential tools for developers. They enhance the capabilities of standard CSS, allowing for more organized and maintainable ...12 likesCSS
Nilajeet Basaknbasak.hashnode.dev·Jan 2, 2025Why SCSS become first choice for Front-End Developers?SCSS (Sassy CSS), a syntax of Sass (Syntactically Awesome Stylesheets), has become a popular choice for front-end developers because it extends the capabilities of regular CSS with additional features that make writing and maintaining styles more eff...3 likesWeb DevWeb Development
Richa リチャrichak.hashnode.dev·Dec 27, 2024🚀 How to Build a Reusable and Extensible Button Component in React with TypeScriptHello Coder👩💻👨💻 Buttons are an essential part of any web application, and creating a reusable, extensible button component can save time and ensure consistency. Plus, adding TypeScript to the mix makes our code more robust and less prone to err...56 readsJavaScript
Chris jr Nwaijechriskript.hashnode.dev·Nov 22, 2024How to Create a 3D Revolving Carousel with CSS and SCSSIn this tutorial, I’m going to show you how I built a 3D revolving carousel using only CSS and SCSS. This interactive element is perfect for adding a dynamic touch to your websites and can be used for showcasing images, products, or other content in ...3d carousel
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...software 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...Frontend 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...HTML
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 ...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...scss 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...CSS
