Explores using SVG with CSS to build dynamic UI components like cut-out avatars, highlighting advantages over pure CSS for responsiveness and cross-browser compatibility.
A deep dive into the HTML and CSS structure of Facebook Messenger's chat bubble component, covering its variations and design considerations.
A tutorial on building responsive, accessible stepper components using HTML and CSS, covering layout, styling, and separator lines.
A tutorial on implementing a fixed/sticky header for a React table using the React Table Library.
A developer shares insights from a talk on Storybook, a tool for building and documenting UI components in isolation, including live coding examples.
A guide to unit testing Blazor UI components using the bUnit framework for faster, isolated testing without a browser.
A deep dive into building robust, real-world UI components, using a Facebook Messenger card as an example to explore edge cases and scalability.
Learn how to build hierarchical, expandable lists in SwiftUI 2.0 using the new OutlineGroup and DisclosureGroup views with practical examples.
A tutorial on building reusable UI form components for a React Native chat app using react-native-paper and modern libraries.
A static design tool tip: using an "Annotation" component as a sticky note to provide context for design elements.
A developer lists 8 common web accessibility mistakes, like removing focus outlines and misusing placeholders, and provides practical solutions to fix them.
A beginner's guide to integrating and using Semantic UI components within a React application to build a login form.
A guide on integrating Feather Icons, a lightweight SVG icon set, into Vue.js components using the vue-feather-icons package.
Explains how to use renderless components and scoped slots in Vue.js to create reusable UI logic with customizable presentation.
A review of 'Inclusive Design Patterns', a book teaching developers how to build accessibility and inclusivity into web applications from the start.
A tutorial on setting up an Angular project with Angular Material 2, covering installation, configuration, and component usage.
Compares CSS and SVG techniques for creating non-rectangular UI components like circular menus, exploring their capabilities and trade-offs.
A comprehensive list of style guides and pattern libraries for web design and development, explaining the differences between them.
A guide to creating an accessible star rating widget using only CSS, with no JavaScript required for core functionality.
