“2022” Archive
- Culture Is Stuck (by) · · culture, design
- Junior Designers, Please Don’t Give In (via) · · design, career
- Why Do We Need Authorization and Authentication? · · authorization, authentication, security
- Overlapping Interactive Areas (by) · · accessibility, design
- ICANN and the 7 Keys to the Internet (by+/via) · · videos, podcasts, web, domains, history
- Fluid Typography: Predicting a Problem With Your User’s Zoom-In (by/via) · · typography, css, accessibility, zooming
- Understanding Design Tokens, From UX Tool to Production (via) · · videos, design-tokens
- Styling a “pre” That Contains a “code” (by) · · css, selectors
- Stashing Individual Files in Git (by) · · git
- JavaScript Frameworks—Heading Into 2023 (by/via) · · javascript, frameworks
- Git in 10 Mins (by) · · git
- An Ultimate Guide on Sizing, Spacing, Grids and Layout in Web and UI/UX Design (by/via) · · guides, spacing, layout, typography, design
- Why Web Design Still Matters in 2023 (via) · · design, web
- How to Write an Awesome README (by/via) · · how-tos, documentation, readme
- 7 Tips for Improving Your Productivity With Git (by) · · productivity, git, tips-and-tricks
- Theme Toggles · · websites, theming, toggles, html, react
- Performance Culture Through the Looking-Glass (by/via) · · videos, performance, culture
- Shape Up (by) · · processes, agile
- How to [Set Up] Prettier (by) · · videos, how-tos, prettier
- A Guide to Command-Line Data Manipulation (by/via) · · guides, command-line
- Building Inclusive Products for Trans People (by/via) · · dei
- A CSS Challenge: Skewed Highlight (by) · · css, effects
- What’s Wrong With Code in 2022? · · complexity, quality, processes
- The RUM Archive and Benford’s Law (by/via) · · performance
- Invisible Ink Effect With SVG Filters and CSS (by) · · code-pens, css, svg, filters, effects
- CSS Subgrid (by/via) · · css, layout
- User Stylesheets Are Still Pretty Great and Should Be More Widely Supported (by/via) · · css, accessibility, user-styles
- HTTP/3 Prioritization Demystified (by/via) · · performance, http, protocols
- Enforcing Better HTML Markup With Eleventy (by/via) · · html, semantics, conformance, eleventy
- Deploying CSS Logical Properties on Web Apps (by/via) · · css, logical-properties, web-apps
- A Problem With Link Relationships (by) · · html, links, metadata, semantics
- 11 Tips That Make You a Better TypeScript Programmer (by) · · tips-and-tricks, typescript
- An Inclusive and Planet-Friendly Digital Style Guide (by/via) · · design, documentation, accessibility, dei, sustainability, ethics
- What Is the Difference Between Alternative Text, Long Description, and Caption? (by/via) · · accessibility
- Top 10 Accessibility News of 2022 (via) · · accessibility, retrospectives
- The 10 Cheapest Web Hosting Solutions in 2022 (via) · · hosting, economics
- Obscure CSS: Restoring Visibility (by) · · css, accessibility
- Design System Fresh Bundling (by/via) · · design-systems, bundling
- Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 (by) · · accessibility, wcag, usability, heuristics
- 2022 CSS Updates (by) · · css
- Building an Accessible Theme Picker With HTML, CSS, and JavaScript (by) · · accessibility, html, css, javascript, theming, functionality
- Things CSS Could Still Use Heading Into 2023 (by) · · css, visions
- The Intended Consequence of Inaccessible Digital Ads (by+/via) · · videos, accessibility, monetization
- Signals: The Nitty-Gritty (by/via) · · performance, javascript, signals
- React’s New Killer Documentation Focused Only on Functional Components (by) · · react, documentation
- Quick Start for Evaluating and Testing Web Accessibility (by+/via) · · videos, accessibility, testing
- CSS Color Spaces and Relative Color Syntax (by/via) · · css, colors
- Billions of Unnecessary Files in GitHub (by) · · github, git
- Accessibility Convincing (by/via) · · videos, accessibility, ethics, legal
- A Theory of Web Relativity (by/via) · · html, metadata, structured-data
- A Complete Guide to Timeouts in Node.js (via) · · guides, nodejs
- 2022 Roundup of Web Research (by/via) · · research, web
- Foundations: Target Sizes (by/via) · · accessibility, usability
- Why We Hang Onto WordPress Nostalgia (by/via) · · wordpress
- Useful Accessibility and Usability Examples to Help Improve Your Designs (via) · · accessibility, usability, examples
- The Top 10 Security Vulnerabilities for Web Applications (by/via) · · security, vulnerabilities, web-apps
- Pointer Events (by) · · css, javascript, events
- Common Nesting Issues in HTML (by/via) · · html, nesting
- Bad Performance Is Bad Accessibility (by) · · performance, accessibility
- Prevent Focused Elements From Being Obscured by Sticky Headers (by/via) · · accessibility, usability, css, focus
- If You Are Afraid of AI, You May Not Be the Best UX Designer Out There (via) · · user-experience, design, ai, career
- The Science of User Experience (by/via) · · user-experience, processes
- The Performance Inequality Gap, 2023 (by) · · performance
- Taking the Stress Out of Design System Management (via) · · design-systems, maintenance
- Step Into the Light (DOM) (by) · · dom, web-components, progressive-enhancement
- Interop 2022: End of Year Update (by/via) · · interoperability, user-agents, html, css
- Frontend Dogma + UITest.com = ❤️ (via) · · frontend-dogma
- Do You Know “color-scheme”? (by/via) · · css, dark-mode
- CSS Style Queries (by) · · css, container-queries
- Concepts Behind Modern Frameworks (by) · · frameworks, concepts
- Beating Latency on Scalemates.com (by/via) · · performance, optimization
- Mini-Guide to Add an Image (by/via) · · html, images
- Lockfile Trick: Package an npm Project With Nix in 20 Lines (by) · · npm, tips-and-tricks
- HTML Dialog (by) · · html, modals
- How to Learn in Public (by) · · how-tos, career, learning
- Using Inline JavaScript Modules to Prevent CSS Blockage (by/via) · · performance, javascript, css
- Modern HTML as a Foundation for Progressive Enhancement (by/via) · · html, progressive-enhancement
- Cascade Layers (by/via) · · css, cascade
- How to Find and Fix the Top 3 Accessibility Issues (via) · · videos, how-tos, accessibility, auditing
- CSS Infinite 3D Sliders (by/via) · · css, effects, animations
- Code Ownership and Software Quality (by) · · processes, quality
- Apple, Google, and Mozilla Are Teaming Up to Make a Next-Gen Browser Benchmark (via) · · user-agents, apple, google, mozilla
- 5 HTML Elements, and a Partridge in a Despair Tree (via) · · html, semantics, accessibility
- 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (by) · · css, selectors, html, forms
- CSS “image()” (by/via) · · css
- So, You’d Like to Animate the “display” Property (by/via) · · css, animations
- Select the Right Tool for the Job (by) · · principles
- Logical Border Radius (by/via) · · css, logical-properties, borders
- Leaked a Secret? Check Your GitHub Alerts… for Free (via) · · github, security
- Help Choose the Syntax for CSS Nesting (by/via) · · css, nesting
- Get That Marquee AeStHeTiC (by/via) · · html, css, effects
- ECMAScript Proposal: Iterator Helpers (by) · · ecmascript, javascript, standards
- CI/CD Tutorial for Developers (by) · · tutorials, ci-cd, docker
- An HTML-First Mental Model (by/via) · · html, dom, performance
- Accessibility Starts With an Organisation’s Culture (by/via) · · accessibility, culture
- A Guide for Making Apps Accessible · · guides, accessibility
- The Most Popular CSS-in-JS Libraries in 2022 (via) · · libraries, css, javascript, css-in-js
- View Transitions API (by/via) · · apis, transitions
- The Web Platform Is Back (by) · · web-platform
- Table Like It’s 2023 (by/via) · · tables, html
- Sophisticated Web Scraping With Bright Data (by/via) · · scraping, structured-data, apis
- IDN Is Crazy (by) · · internationalization, domains
- Get Off the Main Thread With an Inline Web Worker: An Example (by/via) · · performance, javascript, web-workers, examples
- Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) (by/via) · · react, concurrency
- Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit (by/via) · · apple, user-agents, browser-engines, webkit
- A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” (by/via) · · css, selectors, polyfills
- Design Deserves More Respect (by/via) · · design
- Top 5 Accessibility Issues in 2022 (by/via) · · accessibility, retrospectives
- State of A11Y (via) · · videos, accessibility
- One Day We’ll Have a Fully Customisable Select (by/via) · · html, css
- New Viewport Units (by/via) · · css, units, responsive-design
- Federal Web Accessibility Focus Has Private Sector on Notice (by/via) · · accessibility, legal
- Accessible Front-End Patterns for Responsive Tables II (by/via) · · accessibility, tables, responsive-design
- A Few Times Container Size Queries Would Have Helped Me Out (via) · · css, container-queries
- WCAG 3.0: Are We There Yet? (by/via) · · accessibility, wcag, standards
- Top 30 Linux Commands for Everyday Use (via) · · unix-like, command-line, productivity
- The Future of Design Tokens (by+/via) · · videos, design-tokens, visions
- Five Myths About Digital Accessibility (by) · · videos, accessibility, myths
- DOM Clobbering (by/via) · · dom, security
- There Can Be Only One: Options for Building “Choose One” Fields (by/via) · · html, forms
- LCP(FE) (by/via) · · performance, web-vitals
- Implement Scroll-Snapping Using Only CSS (by) · · css, scrolling
- Conditional Wrapping in React (by) · · react
- Web Performance and Compression (by/via) · · performance, compression
- Dear Developer, Your Assumptions Are Wrong (by/via) · · html
- A Complete Guide to CSS Container Queries (via) · · guides, css, container-queries
- WCAG—Priority of Constituencies (by) · · accessibility, wcag, prioritization
- Inside the Mind of a Frontend Developer: Article Layout (by) · · html, css, layout
- How to Merge Objects in JavaScript (via) · · how-tos, javascript, objects
- CSS Infinite Slider Flipping Through Polaroid Images (by/via) · · css, images, effects
- PHP 8.2.0 Release Announcement (via) · · php
- Optimize Interaction to Next Paint (by+/via) · · performance, optimization, web-vitals
- Improving SEO Without Knowing Where to Start (by/via) · · seo
- Enough With the Pointless Images (by) · · design, decoration, images
- Best PHP Books for Beginners (via) · · books, php, link-lists
- A Modern HTML Template (2022) (by) · · html, templates
- W3C Publishes WCAG Testers Consistency List (by/via) · · accessibility, wcag, testing
- W3C Design Tokens With Style Dictionary (by) · · design-tokens
- The State of CSS 2022 (by+/via) · · surveys, css
- Testing for the Support of a Selector (by) · · css, support, selectors
- Meaningful Labels Using ARIA—or Not (by/via) · · accessibility, html, forms, aria
- JavaScript Polyfills for Interviews (via) · · javascript, polyfills, interviewing
- “mask-image” Lets You Do Some Really Cool Stuff (by) · · videos, css, masking
- Take Full-Size Screenshots of Websites Without Any Tools in Chrome (by) · · user-agents, google, chrome, screenshots
- New npm Features for Secure Publishing and Safe Consumption (by/via) · · npm, security, dependencies
- Adding Complementary Performance Data to Your Site (by/via) · · performance, apis
- Accessible Front-End Patterns for Responsive Tables (by/via) · · accessibility, tables, responsive-design
- Accessibility: The Land That “Time to Interactive” Forgot (by/via) · · videos, accessibility, performance
- A Practical Guide to CSS Media Queries (via) · · guides, css, media-queries
- 4 More HTML Concepts You Didn’t Know (by) · · html, concepts, forms, focus
- How to Create Typography Guidelines for a Product That Does Not Follow a Design System (by/via) · · how-tos, typography, design-systems
- Why You Should Be Using New CSS Features Today II (by/via) · · css
- Website Accessibility Is Not an Afterthought · · accessibility
- The 411 on 4.1.1 (by) · · accessibility, wcag, standards
- Swearing and Automatic Captions (by) · · accessibility, multimedia, captions
- Reduce Image Sizes by Removing Metadata (by/via) · · images, metadata, performance, optimization
- Reading the Meter (by/via) · · html, semantics, accessibility
- I Don’t Use “Pushy” Questions in Code Reviews Anymore—This Is What I Do Instead · · code-reviews, communication
- Does “www” Still Belong in URLs? (via) · · usability, urls
- Brief Note on Description List Support (by) · · html, semantics, accessibility, assistive-tech, support
- Bad UX Writing: 5 Mistakes to Avoid (via) · · user-experience, writing, mistakes
- PHP Type Declarations—A Guide for Beginners (by) · · php, guides
- Landmarks and Where to Put Them (by/via) · · html, semantics, aria, accessibility
- Fast Is Good, Instant Is Better (by/via) · · performance, caching
- Amy Jiménez Márquez on Leading Information Architecture (by+/via) · · podcasts, transcripts, information-architecture
- About Modern Sass (by/via) · · sass
- Using SRI to Protect From Malicious JavaScript (by/via) · · javascript, security
- Super Useful CSS Resources (by) · · css, link-lists, tooling
- You Don’t Need ARIA for That (by/via) · · html, accessibility, aria
- Proximity: Gestalt Principle for User Interface Design (via) · · videos, design, principles
- Prerender Pages in Chrome for Instant Page Navigations (by/via) · · performance, user-agents, google, chrome
- “:has(:not())” vs. “:not(:has())” (by) · · css, selectors, comparisons
- CSS Infinite and Circular Rotating Image Slider (by/via) · · css, images, animations
- Best APIs for Developers (by/via) · · apis
- Accessibility and MVPs (by) · · accessibility, principles
- A Vibe Shift Is Coming (by+/via) · · user-experience, design, visions
- From Type to Logotype (by/via) · · fonts, typography, design, branding, logos
- The Final Google Fonts Knowledge Drop of 2022 (by) · · google, fonts, typography
- Migrating From Vue 2 to Svelte (via) · · migration, vuejs, svelte
- How to Transfigure Wireframes Into HTML (by/via) · · how-tos, html, prototyping, conversion
- Digging Deeper Into Container Style Queries (by/via) · · css, container-queries
- Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (by/via) · · guides, web-apps, performance, web-workers, javascript
- Design Spacing Tokens Semantically (by) · · websites, design-tokens, spacing, design
- Apache .htaccess (by) · · servers, apache
- A Conversation With ChatGPT (by) · · interviews, ai, typography, design
- 7 Website Performance Metrics to Track for Better UX (via) · · performance, user-experience, metrics
- “px” or “rem” in CSS? Just Use “rem” (by) · · css, units
- WordPress Versions 3.7–4.0 No Longer Get Security Updates (by/via) · · wordpress, security
- Why You Should Be Using New CSS Features Today (by/via) · · css
- Which Images Need Descriptive Text? (by) · · accessibility, writing
- Web Components Today (by) · · websites, web-components
- Transient Frameworks (by) · · frameworks, web-platform
- Tips for Typing Import Statements in JavaScript (by) · · javascript
- Making Microservices Accessible (by) · · accessibility, microservices
- HTML Semantics and Accessibility Cheat Sheet (via) · · cheat-sheets, html, semantics, accessibility
- Handling Images With Inconsistent Height in CSS (by) · · css, images
- Counting Unique Visitors Without Using Cookies, UIDs, or Fingerprinting (by/via) · · metrics, privacy
- 10 Key Principles of User-Centered Design (via) · · design, usability, user-experience, principles
- Stop Fighting With CSS Positioning (by) · · videos, css, positioning, layout
- The Fediverse and the IndieWeb (by) · · web, fediverse, indieweb
- The Large, Small, and Dynamic Viewport Units (by/via) · · css, units
- Tailwind Is a Leaky Abstraction (by) · · tailwind, css
- Speeding Up the JavaScript Ecosystem—One Library at a Time (by) · · javascript, performance, libraries
- Organizing the Eleventy Config File (by) · · eleventy, configuration
- Convert Any Value to a Boolean in JavaScript (by) · · javascript
- 5 Ways to Make Your JavaScript More Functional (by/via) · · javascript, programming
- Color Formats in CSS (by) · · css, colors
- We Document Our Design Systems—Why Don’t We Systematise our Documentation? (by) · · design-systems, documentation
- Testing Static Types in TypeScript (by) · · testing, typescript
- Shadow DOM and Accessibility: The Trouble With ARIA (by) · · dom, shadow-dom, accessibility, aria, html
- Newer Things to Know About Good Ol’ HTML Lists (by/via) · · html, semantics
- Making Accessibility Simpler in Higher Education and Beyond (by) · · videos, accessibility
- Designing a Utopian Layout Grid: Working With Fluid Responsive Values in a Static Design Tool (by) · · layout, design, css
- Debugging Tactics (by) · · debugging
- Advanced Web Font Optimization Techniques (by) · · fonts, typography, optimization
- Upgrade Your HTML IV (by/via) · · books, html, minimalism, craft, conformance
- Content May Be King, but Design Is Queen (via) · · design, content
- NestJS With API Gateway (by/via) · · nestjs, apis
- Three Pillars of User Delight (by/via) · · user-experience
- HTML Content Model Categories (by) · · html, semantics
- CSS for URLs and HTTP Headers (by) · · css, urls, http
- Basic Intro to Bulma CSS (by) · · introductions, bulma
- Lazy Loading Images in HTML (by) · · performance, html, lazy-loading
- Foundational Skills (by) · · career
- Addressing Concerns About CSS Speech (by) · · accessibility, css
- A Guide to the Most Popular Types of APIs: REST, SOAP, GraphQL, and gRPC (by) · · guides, apis, graphql
- Positioning Notification Messages With Accessibility in Mind (by) · · accessibility, notifications, positioning
- Growing Design System Documentation (by) · · design-systems, documentation
- Forging Links (by/via) · · videos, css, collaboration
- Elements Can Be Visible Even Though Their Parent Has Set “visibility: hidden” (by) · · css
- Why Japan’s Internet Is Weirdly Designed (by+/via) · · videos, design
- The Ultimate Error Message UX Writing Guide · · guides, errors, writing, user-experience
- The Shape-Shifting “a” Element (by) · · html, links, semantics
- The BBC’s 15 Web Principles—15 Years Later (by) · · web, principles, history
- Should Design Systems Include Problematic Components and Patterns? (by) · · design-systems, design-patterns, components
- Setting Up a Screen Reader Testing Environment on Your Computer (by) · · user-agents, assistive-tech, screen-readers, testing, accessibility
- Git Is Not the End of History (by) · · git, version-control, visions
- Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide (by/via) · · introductions, guides, dom, javascript
- Our Future CSS Strategy (by/via) · · css, javascript, css-in-js, strategies, case-studies
- The “label” Element (by) · · html, semantics
- Preparing for WCAG 2.2 (by+/via) · · videos, accessibility, wcag
- Node.js Architecture Pitfalls to Avoid (by/via) · · nodejs, architecture
- Down With Design Systems Dogma (by) · · design-systems
- CSS “:is()”, “:where()”, “:has()”, and “:not()” · · css, selectors
- Accessibility and Inclusive Design Systems (by/via) · · videos, accessibility, design-systems, dei
- Page Title Conventions (by) · · html, accessibility, seo
- Optimizing a Vue App (by/via) · · vuejs, web-apps, optimization
- Natural Language Inputs (by) · · forms, usability
- Improving Firefox Stability With This One Weird Trick (by/via) · · user-agents, mozilla, firefox
- Deploy Node.js to AWS: Build an Automated CI/CD Pipeline (by) · · nodejs, aws, ci-cd, automation