Pulsarforgedevlabs.pulsarforge.io·Feb 19, 2024Creating a library of web component with lit devLit dev "Lit is a simple library for building fast, lightweight web components. At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressiv...Discusslit dev
Jordan Brennanjordanbrennan.hashnode.dev·Feb 12, 2024HTML Button Group for the OCDThe CSS :has pseudo-class enables squeaky clean markup for group components, like a button group. Mdash recently shipped its button group using :has and the OCD within me ranks the markup 5 out of 5: <div role="group"> <button ord="secondary" aria-...DiscussCSS
Uwitondanishema Muslimmusllim.hashnode.dev·Jan 26, 2024Building a reusable components: Unleashing the Power of Web Components.Web Components are a set of web platform APIs that allow you to create new custom, reusable, and encapsulated HTML tags to use in web pages and web apps. When working with Web Components, you can use them in any web project, regardless of the framewo...DiscussHTML5
Jordan Brennanjordanbrennan.hashnode.dev·Jan 20, 20248 Ways to Style the Shadow DOMIn the past, using shadow DOM meant compromising good CSS maintenance. This is no longer true. First, a quick introduction to shadow DOM, then we'll learn the eight ways you can style it. Brief Shadow DOM Intro HTML becomes DOM. See this W3Schools in...Discuss·140 readsCSS
Bharadwaj Swamykunabharadwaj.hashnode.dev·Dec 28, 2023Image-carousel Web Component in Vanilla JavaScriptWeb Components: Every developer loves components why? they are reusable and easy to maintain having web components which are encapsulated with there own CSS and JavaScript allows us to avoid conflicts between different parts of the page. But what if ...Discuss·203 readsWeb Development
Lê Quang Huylequanghuylc.com·Dec 27, 2023Component phần 6: Tổng kết và hệ thống hóa lại về UI Builder, Web Component và ReactFonts, Sizes và Colors Vì chúng ta sẽ làm việc trực tiếp trên Wordpress + Elemetor nên bước này cả 3 sẽ giống nhau: Vào Site settings và cài đặt Global Colors để dùng cho Elementor Tạo global style trong Custom CSS để dùng CSS variable cho Web Comp...Discuss[vn-vi] Đi sâu về việc giao diện websiteUI Builder
Lê Quang Huylequanghuylc.com·Dec 26, 2023Component phần 4: Custom HTML Element aka Web componentNhư đề cập ở bài trước, 1 số các tag html quan trọng là <input />, <button />, <div />, <form />, <iframe />, <img />,... Với UI Builder chúng ta đã học được cách lắp ghép các tổ hợp tag này thành 1 Component và mang nó để dùng cho phù hợp với logic ...Discuss[vn-vi] Đi sâu về việc giao diện websitecomponents
Shubham Maskeshubhammaske.hashnode.dev·Dec 21, 2023Building a Custom Path in Lightning Web ComponentsIntroduction: A progress indicator component communicates to the user the progress of a particular process. In this post, I am going to show you how to make your Salesforce app super user-friendly by creating a custom path using "lightning-progress-s...Discuss·41 readslwc
mahdim--mdy--m.hashnode.dev·Dec 20, 2023Understanding Web Components in JavaScript: Creating Custom ElementsIn the ever-evolving landscape of web development, the concept of Web Components has gained considerable traction. They offer a way to build reusable and encapsulated components, fostering modularity and reusability in web applications. These compone...Discuss·29 readscustom-tags
Dharmen Shahblog.shhdharmen.me·Dec 10, 2023Course Announcement: Creating Angular Components with Material Components Web🤔 Ever wondered how to create Material Design component that is not provided by material.angular.io ? Worry not, we have got your back with new course 📢 Announcing... Creating Angular Components with Material Components Web This course is useful wh...Discuss·10 likes·51 readsAngular