Erich Buelowerichbuelow.com·Sep 21, 2023Customizing Bootstrap in Vue.jsOverview This guide outlines how to customize Bootstrap variables in a Vue.js project using Vue CLI's built-in Webpack setup. Steps 1. Install Sass Loader and Sass If you haven't already, you'll need to install sass-loader and sass. npm install sass-...DiscussVue.js
Madison Zagodxarslan.hashnode.dev·Sep 15, 2023What is the Difference Between 'em,' 'rem,' and 'px' in CSS?When it comes to styling web pages with CSS (Cascading Style Sheets), one of the fundamental decisions developers make is how to define and manage the size of various elements. Three common units for specifying size in CSS are 'em,' 'rem,' and 'px.' ...DiscussCSS
sivalaxmansivalaxman8.hashnode.dev·Sep 7, 2023Styles in Web Development: SCSS vs. SASS vs. LESS vs. CSS vs. CSS Modules vs. Styled ComponentsWeb development is an ever-evolving field with various technologies and tools to choose from, especially when it comes to styling. In this blog post, we will demystify the world of styles by comparing SCSS, SASS, LESS, CSS, CSS Modules, and Styled Co...DiscussCSS
Joydip Pauljoydip.hashnode.dev·Aug 30, 2023বেম পদ্ধতি (BEM methodology)BEM (Block,Element,Modifier) এই পদ্ধতি ওয়েব ডেভেলপমেন্টে খুবই জনপ্রিয়। এটি আসলে সিএসএস (CSS) এর ক্লাস নেইম লিখার একটি পদ্ধতি যা একটি প্যাটার্নে লিখা হয়। এই প্যাটার্নকেই মূলত বেম পদ্ধতি বলা হয়। ছোট প্রজেক্টের ক্ষেত্রে বেম ব্যবহার না করলেও বড় প্রজেক্ট...Discuss·30 readsHTML5
Jhordy Gavinchublog.jhordyess.com·Aug 18, 2023Create a Vite project with SassIn this tutorial, I will guide you through the process of creating a Vite project that leverages the power of Sass for efficient and streamlined styling. Vite is a fast-build tool designed to enhance development speed, while Sass is a CSS preprocesso...Discuss·26 readsvite
Jeremy Waltonjeremywalton.hashnode.dev·Aug 17, 2023Should you style HTML Elements directly?Over the last year and a half, I have been developing a Design System for RoleModel Software. This has required a high level of collaboration between me (a full-stack developer who primarily enjoys front-end work) and our design team (specifically ou...Discuss·6 likes·33 readsHTML
Lakshmananlakshmananarumugam.com·Jul 27, 2023Front end practice: CSS and SCSSLet's go through some CSS best practices with examples: In CSS Use External Stylesheets: Instead of inline styles or internal styles, prefer using external stylesheets. Create a separate CSS file and link it to your HTML documents. This promotes co...Discuss·167 readsFront end practiceFrontend Development
Jordan Moldovanjordan-moldovan.hashnode.dev·Jul 26, 2023Is Tailwind Bad or Do I Just Hate ItIt's been a while. I have spent a couple months dealing with some personal issues. But I want to jump back into writing and discussing some rather important and valuable facts to improve my own understanding of coding, as well as yours. But I don't w...DiscussTailwind CSS
Abok Istifanus Madakiabokmadaki.hashnode.dev·Jul 13, 2023CSS Preprocessors: Streamlining Development with SassINTRODUCTION CSS, a stylesheet language, has limited capabilities for logic, code organization, and computational tasks. CSS preprocessors like SASS provide a solution. Despite CSS improvements, preprocessors offer advantages such as workflow speed, ...Discuss·10 likes·36 readsFrontend Development
Bhavya VermaforWomen Who Code Frontend Blogwwcodefrontend.hashnode.dev·Jul 10, 2023CSS Preprocessors 101: Choosing Between SASS, LESS, and Stylus 🎯Cascading Style Sheets (CSS) are the foundation of web design, and they play an essential role in creating visually appealing and interactive web pages. However, writing CSS code can be a tedious and time-consuming process, especially when dealing wi...Discuss·1 likeCSS