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
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...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 ...scss
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...sass guide
