Building Real-life Components: Facebook Messenger's Chat Bubble
A deep dive into the HTML and CSS structure of Facebook Messenger's chat bubble component, covering its variations and design considerations.
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 guide to creating an accessible star rating widget using only CSS, with no JavaScript required for core functionality.