“2021” Archive
- Page Visibility: If a Tree Falls in the Forest… (by/via) · · performance, web-vitals, user-experience
- Image Magnifier Using Only One Line of CSS (by) · · css, images
- Exposing Mid-Resource LCP Values (by/via) · · performance, web-vitals
- A Unified Theory of Web Performance (by/via) · · performance
- Using Diagnostic Metrics (by/via) · · performance, metrics
- pkg.land (by/via) · · websites, packages, npm
- Add Less (by/via) · · simplicity
- Practical Tips for Load-Testing Web Applications (by/via) · · performance, testing, tips-and-tricks, web-apps
- WCAG and Accessibility: What Is a Statement of Partial Conformance? (via) · · accessibility, wcag, conformance
- Empathetic Animation (by/via) · · animations, user-experience
- Add a Service Worker to Your Site (by/via) · · web-workers, javascript
- Shedding Light on Fiverr’s Dark Mode Creation Process (by/via) · · design, dark-mode
- Web Accessibility Cheat Sheet (by) · · accessibility, cheat-sheets
- CSS in 2022 (by/via) · · css
- 1000+ Web Development Resources · · link-lists
- The Business Case for Performance (by/via) · · performance, economics
- Faster Websites by Using Less HTML (by) · · cross-posted, html, performance, optimization, minimalism
- The Many Methods for Using SVG Icons (by) · · css, svg, images, icons
- Personalize It! (by/via) · · css, user-experience, personalization
- Show, Don’t Tell (by/via) · · writing, design, semantics
- Redirect Liquidation (by/via) · · performance, optimization
- Form Autocomplete (by) · · html, forms
- Wrapping Text Inside an SVG Using CSS (by) · · svg, css
- The CSS “:has()” Pseudo-Class, aka Parent Selector (by) · · css, selectors
- Frontend Web Performance: The Essentials · · performance
- 13 Tools and Techniques to Accelerate Frontend Development (by/via) · · tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd
- Introduction to Cognitive Disability and Accessibility Testing (by/via) · · introductions, accessibility, testing
- The CSS “:has()” Selector Is Way More Than a “Parent Selector” (by/via) · · css, selectors
- Building a Greener Web (by/via) · · sustainability
- Make Joyful Things (by/via) · · user-experience
- CSS Snapshot 2021 (by+/via) · · css
- CSS Animation (by) · · css, animations
- How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (by) · · how-tos, css, javascript
- 5 Common Misconceptions About WAI-ARIA and Accessibility (via) · · accessibility, aria, html
- How to Define Your Relationship to Sites You Link To (by) · · how-tos, html, links, semantics, seo
- PHP 8 in a Nutshell (by) · · books, php
- Design Sprints Revisited: Designing With Your Users and Developers (via) · · design, usability
- Why UX Is the Best SEO Strategy (by/via) · · user-experience, seo, strategies
- The Web Starts on Page Four (by) · · web
- Smoothly Reverting CSS Animations (by) · · css, animations
- Image Display Elements (by) · · html, images, responsive-design
- Be Prepared for Failure and Handle It Gracefully (by/via) · · javascript, graceful-degradation
- Auto Dark Theme (by/via) · · user-agents, dark-mode, usability
- 4 HTML Concepts You Didn’t Know (by) · · html, concepts, tables
- Web Performance, Core Web Vitals, and Vanity Metrics (by/via) · · performance, web-vitals, metrics
- Preference Queries (by) · · css
- This Is WCAG (via) · · websites, accessibility, standards, wcag
- This Is WCAG 2.1 (by) · · websites, accessibility, wcag
- There’s Never Been a Better Time to Build Websites (by) · · frameworks, css
- Sustaining Maintaining (by) · · foss
- Web vs. Email Development: The 11 Biggest Coding Differences (via) · · comparisons, email, user-agents, support, responsive-design
- Web Platform Design Principles (by/via) · · web-platform, software-design, principles, w3c
- Consistent, Fluidly Scaling Type, and Spacing (by/via) · · typography, css
- Deep-Copying in JavaScript Using “structuredClone” (by/via) · · javascript
- Hands On With the New Responsiveness Metrics (by/via) · · performance, responsive-design, metrics
- Don’t Start With Microservices in Production—Monoliths Are Your Friend (by) · · microservices, monoliths, architecture
- Why Motion on Websites and Digital Content Is a Problem (by/via) · · accessibility
- Inaccessibility of CAPTCHA (by+/via) · · accessibility, captcha
- Thoughts on Skin Tone and Text Descriptions (by) · · accessibility, dei, writing
- The State of CSS 2021 (by/via) · · surveys, css
- CSS Can Help Improve Your HTML!? Buttons and Links (by) · · html, css, buttons, links, accessibility
- 100 Tips on Software Developer Productivity (by) · · productivity, tips-and-tricks
- Shifting the Mindset About Accessible Content (via) · · accessibility, content
- Explain Like I’m Five: Web Performance Optimization (by/via) · · performance, optimization
- CSS Custom Properties (by) · · css, custom-properties
- Lessons Learned From Publishing a Content Security Policy (via) · · lessons, csp, security
- Read Your Website (by/via) · · user-experience
- Visual Regression Testing for Design Systems With Figma Branches (by) · · design-systems, testing, regressions, figma
- The Ideal Line Length and Line Height in Web Design (by) · · design, typography
- Practical Ethics for the Modern Web Designer (by/via) · · videos, ethics
- Performance Implications of JavaScript Errors (by/via) · · javascript, performance, errors
- Details/Summary (by) · · html, semantics
- WCAG 2 Is What We Have (by) · · accessibility, wcag
- Embrace the Platform (by/via) · · html, css, javascript, web-platform
- WCAG 2.2: What We Know Till Now (by/via) · · accessibility, wcag
- Intersection Observer (by) · · javascript, apis
- 5 Key Benefits of Using a Tag Manager (via) · · tag-management
- Defer Non-Critical Resources (by/via) · · performance, html
- WCAG 3 Is Not Ready Yet (by) · · accessibility, wcag
- How to Customize Firefox UI—Step-by-Step Tutorial · · how-tos, tutorials, xul, user-agents, mozilla, firefox, customization
- Standardizing Focus Styles With CSS Custom Properties (by/via) · · css, custom-properties, accessibility, focus
- Responsive Iframes With the CSS “aspect-ratio” Property (by) · · css, responsive-design
- WCAG 3 and APCA (by) · · accessibility, wcag, apca, colors, contrast
- The Last Design You’ll Ever Make (by) · · design
- Caching: Understanding the Scope (by/via) · · performance, caching
- Breaking Out of the Box (by/via) · · user-agents, css
- 1993: Mosaic Launches and the Web Is Set Free (by/via) · · history, user-agents, mosaic
- Node.js Memory Limits—What You Should Know (via) · · nodejs, memory
- Writing Better CSS (by) · · css, quality, efficiency
- Content Separation (by/via) · · servers
- 5 Reasons You Should Adopt a Micro Frontend Architecture (by/via) · · micro-frontends
- Google Fonts Knowledge (by) · · google, fonts, typography
- Where Do You Put Spacing on Design System Components? (by) · · design-systems, components, design, spacing
- Test Your Product on a Crappy Laptop (by/via) · · testing, performance, usability
- Optimizing State Management in React Applications (by/via) · · react, state-management
- Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (by+/via) · · accessibility, wcag
- Defensive CSS (by) · · css
- A Beginner’s Guide to Vue Router (by/via) · · guides, vuejs
- Designing Better Links for Websites and Emails: A Guideline (by/via) · · design, links, email
- Reduce Your Website’s Environmental Impact With a Carbon Budget (by/via) · · sustainability
- Why You Should Check in Your Node Dependencies (by) · · nodejs, dependencies
- HTTP Compression (by/via) · · http, protocols, compression, performance
- CSS Fingerprinting (by) · · websites, css, security, privacy
- How Many People With Disabilities Use Our Site? (by) · · accessibility
- The Love of Curvilinear Design (by/via) · · design
- Have Core Web Vitals Made the Web Faster? (by/via) · · web-vitals, performance
- Plugging Memory Leaks in Your App (by/via) · · performance, memory
- Why Every Developer Should Start Blogging (by) · · blogging, communication, learning, career
- Revisiting the Anatomy of a Design System (by/via) · · design-systems
- Request for a General Theory of Web Performance (by/via) · · performance
- JSON Modules in JavaScript (by) · · javascript, json, modules
- Ain’t No Party Like a Third Party (by/via) · · dependencies, embed-code, security
- Markup (by/via) · · studies, research, html
- Best Practices for Node.js Development (by) · · nodejs, javascript, best-practices
- New Living Standards (by/via) · · standards, apis
- Security (by+/via) · · studies, research, security
- Page Weight (by/via) · · studies, research, performance
- JavaScript (by/via) · · studies, research, javascript
- HTTP (by/via) · · studies, research, http, protocols
- CSS (by+/via) · · studies, research, css
- Accessibility (by+/via) · · studies, research, accessibility
- The Fundamentals of CSS Layout (via) · · videos, fundamentals, css, layout
- Why Color Contrast Is Not as Black and White as It Seems (by) · · accessibility, colors, contrast
- Understanding Accessibility · · accessibility, testing, tooling
- CSS Layout From the Inside Out (by/via) · · videos, css, layout
- The Surprising Behavior of “Important CSS Custom Properties” (by) · · css, custom-properties, cascade
- Introduction to TCP Connection Establishment for Software Developers (by) · · introductions, protocols, tcp
- Making Accessibility More Accessible (by) · · accessibility
- Select Elements With “pointer-events: none” by Holding Shift (by/via) · · user-agents, dev-tools
- What Is WHOIS and How Does It Work? (by/via) · · whois, domains
- On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (by) · · web-components, html, markdown
- How to Maintain a Large Next.js Application (by/via) · · how-tos, nextjs, maintenance
- Understanding WCAG 2.1 Level AAA (by/via) · · accessibility, wcag
- Introduction to Svelte Actions (by/via) · · introductions, svelte
- How to Trim Strings in JavaScript (by) · · how-tos, javascript
- Make Your Website Stand Out With a Custom Scrollbar (by) · · css
- Programmers Should Stop Celebrating Incompetence (by) · · career
- 7 Ways to Improve Node.js Performance at Scale (via) · · nodejs, performance, optimization
- What Kind of Developer Do I Want to Be? (by) · · career
- Get Started With Validation in Node.js (by) · · nodejs, validation
- Creating Generative Patterns With the CSS Paint API (by/via) · · css, decoration
- Three Phases of Life for Design Systems (by) · · design-systems
- Modern CSS in a Nutshell (by/via) · · css
- Functional Programming in PHP: Higher-Order Functions (by/via) · · php, programming, functions
- The 6 Ways of Writing HTML (and Their Combinations) (by) · · html
- Control Layout in a Multi-Directional Website (by/via) · · internationalization, html, css
- Adding a Dyslexia-Friendly Mode to a Website (by/via) · · accessibility, css
- Blog Page Accessibility Deep Dive (by) · · accessibility, react
- Responsive Layouts, Fewer Media Queries (by/via) · · css, responsive-design
- How JavaScript Engines Achieve Great Performance · · javascript, engines, performance
- Designing Sustainable Websites (by) · · sustainability, performance, software-design
- Accessibility Myths (by) · · websites, accessibility, myths
- Dear HTML Element (by) · · html
- Introduction to Web Sockets (via) · · introductions, apis, protocols, websocket
- How to Make Blob Menu Using HTML, CSS and JavaScript (by) · · how-tos, html, css, javascript
- Tales of the Autistic Developer—Order and Chaos (by) · · career
- 20 Years of bram.us (by/via) · · history
- Parallax Powered by CSS Custom Properties (by/via) · · css, custom-properties
- Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (via) · · accessibility, communication
- Dynamic Color Manipulation With CSS Relative Colors (by) · · css, colors
- Various Ways to Include Comments on Your Static Site (by) · · functionality
- PHP Date and Time Recipes (by/via) · · php
- Let’s Not Send Developers to the Accessibility Tree Tool (by) · · user-agents, accessibility, tooling
- 1992: The Web vs. Gopher, and the First External Browsers (by/via) · · history
- Performance (by/via) · · studies, research, performance, user-experience
- How to Create Reusable Components With the Vue 3 Composition API (by/via) · · how-tos, vuejs, components
- A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (by/via) · · guides, css, colors
- WCAG 3.0: What You Need to Know About the Future of Accessibility Standards (via) · · accessibility, wcag, standards
- Three Principles to Better Present Your UI Designs (by/via) · · design, principles
- Design System Best Practices With ESLint Series (by/via) · · design-systems, design-tokens, best-practices, tooling, eslint
- A Primer on Product Management for Engineers (by/via) · · introductions, product-management
- Using Position Sticky With CSS Grid (by) · · css, layout
- Generate a Pull Request of Static Content With a Simple HTML Form (by/via) · · html, github
- 4 Ways to Document Your Design System With Storybook (by/via) · · design-systems, storybook, documentation
- We Need to Talk About Accessibility—Again, and Again, and Then Some More (by) · · accessibility
- Reframing Tech Debt (by/via) · · technical-debt
- A Clever Sticky Footer Technique (by/via) · · css, layout
- Get Your “Head” Straight (by/via) · · videos, html, performance
- Why IndexedDB Is Slow and What to Use Instead (via) · · databases, indexeddb, javascript, performance
- How to Fetch Data in Svelte (by/via) · · how-tos, svelte, data-fetching
- Some Notes on Using esbuild (by) · · bundling, tooling
- 5 Popular Frontend Development Tools in 2021 (by) · · tooling
- Access to Tech, Tech to Live (by/via) · · videos, accessibility
- Your CSS Is an Interface (by) · · css, performance
- GitHub’s Commitment to npm Ecosystem Security (by/via) · · github, npm, security
- How to Debounce and Throttle Callbacks in Vue (by) · · how-tos, vuejs, javascript, callbacks, debouncing, throttling
- Other Looks at the Conditional Border Radius Trick (by/via) · · css, borders, tips-and-tricks
- Why Your Website Should Not Use Dithered Images (via) · · images, dithering, compression, performance
- Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties (by) · · dev-tools, css, javascript, user-agents, google, chrome
- Using Web Workers to Boost Third-Party Script Performance (by/via) · · web-workers, javascript, performance
- Useful React Hooks That You Can Use in Your Projects (by/via) · · react, hooks
- Design Systems, Structured Content, and Headless Publishing (by) · · design-systems, content, semantics, headless
- It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity (by/via) · · design, branding, strategies
- View-Source (by) · · auditing, user-agents
- Easy Dark Mode (and Multiple Color Themes) in React (via) · · react, dark-mode, theming
- Browsing With Screen Magnification (by/via) · · accessibility, browsing, assistive-tech, screen-magnification
- A Beginner’s Guide to Routing in Next.js, With Examples (by/via) · · guides, nextjs, routing
- Everything You Ever Wanted to Know About the Accessibility Tree (by/via) · · videos, accessibility
- Detecting Specific Text Input With HTML and CSS (by/via) · · html, css
- Localizing Your Next.js App (by/via) · · nextjs, localization, javascript
- How Designers Can Prevent User Errors (via) · · design, usability, errors
- Be Usable, Not Consistent, Not Uniform (by/via) · · design, usability
- Why You Should Prioritise Quality Over Speed in Design Systems (by) · · design-systems, prioritization
- Debugging HTML: Accessibility (by) · · html, accessibility, debugging
- Designing a Reorderable List Component (by) · · software-design, components, html, css
- Becoming an Expert (by) · · learning, career, processes, craft
- In Defence of Dialog (by) · · html, modals
- PHP 8.1 in 8 Code Blocks (by) · · php
- Deep Dive Into Node.js Architecture (by) · · nodejs, architecture
- Chrome DevTools: Record and Playback Your User Journeys (by) · · dev-tools, user-experience, performance, user-agents, google, chrome
- The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job (by) · · how-tos, career
- How to Implement Memoization in React to Improve Performance (via) · · how-tos, react, performance, memoization, optimization
- RenderingNG: The Next-Generation Rendering Architecture for Chrome (by/via) · · videos, user-agents, google, chrome, engines, chromium, rendering
- Everything You Have to Know About Core Web Vitals (by/via) · · web-vitals, performance
- A Deep Dive Into Serverless UI With TypeScript (by/via) · · typescript, serverless
- Browser Wars (by/via) · · history, user-agents, browser-wars
- What Is Wireless Application Protocol (WAP)? (via) · · wap, mobile
- Designing Error Messages and a Logging Strategy in Node.js (by/via) · · software-design, javascript, nodejs, logging, strategies
- Learn PWA (by/via) · · courses, web-apps
- Learn Forms (by/via) · · courses, forms, html
- Understanding the Differences Between WCAG 2.1 and WCAG 2.2 (via) · · accessibility, wcag, comparisons
- Design Is Not Art, and UX Is Not Design (by/via) · · design, user-experience
- Building Real-Life Components: Facebook Messenger’s Chat Bubble (by) · · components, html, css
- What Does a Good Design System Feel Like? (by) · · design-systems, user-experience
- Name, Labels, ARIA, What to Do? (by) · · accessibility, writing, naming
- What Are Accessible Fonts? (via) · · accessibility, fonts
- The State of the Web (by/via) · · videos, web
- Rebase vs. Merge: Integrating Changes in Git (by/via) · · git, comparisons
- An Introduction to PostCSS (by/via) · · introductions, postcss, tooling
- So, You Want to Build an “@ mention” Autocomplete Feature? (by/via) · · functionality
- Accessible Toggles (by/via) · · accessibility, html, javascript
- The Guideline Gap (by) · · design-systems, quality, accessibility, localization
- Developer Tools Secrets That Shouldn’t Be Secrets (by) · · user-agents, tooling, developer-experience
- A Comprehensive Guide to Error Handling in Node.js (by/via) · · guides, nodejs, javascript, errors
- HTMLoween—HTML, JS, and CSS to Make Your Blood Boil (by) · · html, css, javascript
- The Golden Ratio and User-Interface Design (via) · · design
- CSS-ing Candy Ghost Buttons (by/via) · · css
- You Probably Don’t Need Media Queries Anymore (by) · · css, media-queries
- Chrome DevTools: Visualise Your JavaScript Bundles (by) · · dev-tools, javascript, bundling, user-agents, google, chrome, lighthouse
- The Little Book of Little Books (by) · · books, frameworks, conventions, quality
- Make Your Design System Accessible—Color (by/via) · · design-systems, accessibility, colors
- Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element (by) · · accessibility, links, html
- Using CSS Variables for Reduced Motion on a Global Scale (by) · · css, custom-properties
- A Step by Step TypeScript Tutorial for Beginners (by/via) · · typescript, tutorials
- UX Design Isn’t Killing Creativity, Money Is (by/via) · · user-experience, creativity, economics
- Best Practices on Embedding Third-Party Web Widgets (via) · · embed-code, performance, best-practices
- The Problem With “Click Here” and “Learn More” Links (by/via) · · links, usability, writing
- So, You Want an Accessibility Score? (by/via) · · accessibility, auditing
- Design Systems at Replit: Better Tokens (by/via) · · case-studies, design-systems, design-tokens
- Media Queries Level 4: Media Query Range Contexts (by/via) · · css, media-queries