Muhammad Wahab Ansarifrontend-tweaks.hashnode.dev·Oct 28, 2024Choosing the Right CSS Architecture for Scalable ApplicationsIntroduction to CSS Architecture CSS architecture is essential in building a smooth, scalable, and maintainable user interface, particularly for large-scale applications. The challenge lies in organizing CSS to ensure consistency and efficiency acros...Large-Scale Applications
Walter Mark B. Inductivo Jr.walterific.hashnode.dev·Oct 4, 2024Research BEM - Block, Element, Modifier - ArchiterctureWhy BEM over the others? No matter what methodology you choose to use in your projects, you will benefit from the advantages of more structured CSS and UI. Some styles are less strict and more flexible, while others are easier to understand and adapt...10 likesBlocks Elements Modifiers
Rhed Aliganrhedaligan.hashnode.dev·Oct 3, 2024Activity 20: Research BEM - Block, Element, Modifier - Architecture | Aligan, Rhed N.What is BEM? BEM is a popular naming convention used in CSS to organize code in a modular and reusable way. In addition, BEM is a methodology that helps you to create reusable components and code sharing in front‑end development. It stands f...#BlockElementModifier
Danilo Buenafe Jrjhayr1231.hashnode.dev·Oct 1, 2024Activity 20: Research BEM - Block, Element, Modifier - ArchitectureWhat is BEM? BEM (Block, Element, Modifier) is a popular CSS naming convention designed to make code more maintainable and reusable by organizing styles in a structured way. BEM Structure: 1. Block: A block is a standalone entity. It can be a header,...1 likeBEM CSS
Ameramertricic.hashnode.dev·May 17, 2024Sass, BEM and @extendIn my personal projects I love using vanilla CSS3 and Scss preprocessor. My Scss architecture is inspired by 7-1 architecture, which means that each folder contains partials, and we have a single file at the root level (main.scss) which imports them ...Sass
Serhat Bekbek-dev.hashnode.dev·May 12, 2024Vanilla JavaScript - AccordionAccordions are a popular UI pattern for presenting collapsible content sections. In this tutorial, we'll walk through how to create a basic accordion component using plain JavaScript, HTML, and CSS. Before we start I'd like mention that I used: Boxi...JavaScript
Joydip Pauljoydip.hashnode.dev·Aug 30, 2023বেম পদ্ধতি (BEM methodology)BEM (Block,Element,Modifier) এই পদ্ধতি ওয়েব ডেভেলপমেন্টে খুবই জনপ্রিয়। এটি আসলে সিএসএস (CSS) এর ক্লাস নেইম লিখার একটি পদ্ধতি যা একটি প্যাটার্নে লিখা হয়। এই প্যাটার্নকেই মূলত বেম পদ্ধতি বলা হয়। ছোট প্রজেক্টের ক্ষেত্রে বেম ব্যবহার না করলেও বড় প্রজেক্ট...34 readsHTML5
Arjun Reddyarjunreddy.hashnode.dev·May 17, 2023BEM in CSS: A Structured Approach To Write Scalable & Maintainable StylesWhat is BEM? In short, BEM is a popular methodology for naming your CSS classes. BEM stands for Block, Element, Modifier. It's an approach to writing CSS styles which allows developers to create reusable components that are easy to maintain and debug...27 readsOthersCSS
Obafunshowhatobathinks.com·Mar 8, 2023Understanding the BEM methodologyIn coding, algorithms are hard, but naming variables is harder. For example, to style your HTML elements, you give them classes or an id attribute. But what name should you give these attributes to make them easier to understand and style? And even a...155 readsWeb Development
sam samguru47.hashnode.dev·Jan 28, 2023what is service block in BEM naming methodology?BEM elements rules say. https://en.bem.info/methodology/quick-start/ Create an element If a section of code can't be used separately without the parent entity (the block). The exception is elements that must be divided into smaller parts – subelement...bem
