“2022” Archive (3)
- Design Specifications Template (by/via) · · design, templates
- The Web’s Next Transition (by/via) · · web
- Speeding Up Async Snippets (by) · · performance, javascript
- Representation in “alt” Text (by) · · accessibility, dei, writing
- How to Animate CSS Box Shadows and Optimize Performance (by/via) · · how-tos, css, animations, shadows, performance
- The Border Property You Never Knew You Needed (by) · · videos, css
- Tree Views in CSS (by) · · css
- Sustainable Web Development Strategies Within an Organization (by/via) · · sustainability, performance, optimization
- Quick Tip: How to Use the Ternary Operator in JavaScript (via) · · how-tos, javascript, operators, tips-and-tricks
- Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More (by) · · videos, javascript, runtimes, v8
- Challenges of Multi-Brand Design Systems (by/via) · · design-systems, branding, theming
- Landing the Second Click: A Guide to Designing Better Landing Pages (by/via) · · guides, design, landing-pages, user-conversion
- SVG Sprites: Old-School, Modern, Unknown, and Forgotten (by) · · svg, images, sprites, performance
- :where :is CSS? (by) · · css, selectors
- When New CSS Features Collide: Possibility and Complexity at the Intersections (by) · · slides, css, complexity, interoperability
- WCAG 2.2 Success Criteria (by) · · accessibility, wcag
- New Patterns for Amazing Apps (by/via) · · web-apps
- HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (by) · · html, metrics
- How to Write Good Alt Text (by) · · how-tos, accessibility, writing, alt-text
- Delightful UI Animations With Shared Element Transitions API II (by/via) · · javascript, animations, transitions, apis
- A Little Semantic HTML Trick for React Components (by) · · react, html, semantics, components, tips-and-tricks
- Usability Heuristic Frameworks: Which One Is Right for You? (by/via) · · usability, research
- Turn Around Your Git Mistakes in 17 Ways (by) · · git, productivity, mistakes
- Personas: Study Guide (by/via) · · guides, personas, usability, training, link-lists
- Understanding “async” and “await” (by) · · javascript
- Prioritizing Technical Debt With Hotspots (via) · · videos, technical-debt, visualization, prioritization
- Layout Breakouts With CSS Grid (by) · · css, layout
- 2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (by/via) · · studies, research, wordpress, content-management
- 4 Required Tests Before Shipping New Features (by) · · accessibility, testing
- Debugging CSS, No Extensions Required (by) · · videos, css, debugging
- Adding Components to Eleventy With WebC (by) · · eleventy, components, webc
- WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (by/via) · · wordpress, plugins, metrics
- Unless You’re in the Mafia, Your Company Isn’t Your Family (by) · · career
- The Future of the Web Is on the Edge (by/via) · · deno, edge-computing
- The Future of Rendering in React (by) · · react, client-side-rendering, server-side-rendering
- How to Safely Share Your Email Address on a Website (via) · · how-tos, communication, email
- How to Safely Pass Data to JavaScript in a Django Template (by) · · how-tos, javascript, django
- Five Months Worth of Takes on the Digital Accessibility Space (by/via) · · accessibility, testing, tooling
- Awesome Tools for Open Source Contributions (by) · · tooling, foss, documentation
- Foundations: HTML Semantics (by/via) · · html, semantics
- Easy Fluid Typography With “clamp()” Using Sass Functions (by/via) · · typography, css, sass, functions
- Using Web Components With Next (or Any SSR Framework) (by/via) · · web-components, nextjs, server-side-rendering
- Use “npm query” and jq to Dig Into Your Dependencies (by) · · videos, npm, dependencies, auditing
- Quick Tip: How to Use the Spread Operator in JavaScript (via) · · how-tos, javascript, operators, tips-and-tricks
- Patching the Open Web (by) · · web
- Front-End Development Is Like… (by) · · career
- AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (by) · · ai, code-completion, productivity, collaboration
- One Formula to Rule Them All: The ROI of a Design System (by+/via) · · design-systems
- 3 Things to Consider Before You Implement CAPTCHA for Accessibility (via) · · accessibility, captcha
- Can Consistency Harm Your Product? (by/via) · · design, consistency
- Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise (via) · · accessibility
- When Going Somewhere Does a Thing: On Links and Buttons (by) · · accessibility, html, links, buttons, semantics
- The Missing Math Methods in JavaScript (via) · · javascript, math
- Four Ways to Pick the Right UX Method (by/via) · · user-experience, research
- Designing a Secure API (by/via) · · software-design, apis, security
- CSS Halftone Patterns (by/via) · · css, effects
- CSS Grid vs. Flexbox: How to Decide (With Examples) (by) · · css, layout, comparisons, examples
- Component-Level Design Tokens: Are They Worth It? (by) · · design-tokens, components
- A CSS Class-Naming Convention Might Still Be Your Best Choice (by) · · css, naming, conventions
- Jenkins Best Practices Every Developer Must Know (via) · · jenkins, best-practices
- The Difference Between “undefined” and “not defined” in JavaScript (by/via) · · javascript
- Mobile UX Design in 2022 (by/via) · · user-experience, mobile, design
- Minimalism as Narcissism (by) · · minimalism
- I Turned JS Into a Compiled Language (for Fun and Wasm) (by) · · javascript, compiling, webassembly
- I Changed My Mind About Writing New JavaScript Frameworks (by) · · javascript, frameworks
- Delightful UI Animations With Shared Element Transitions API (by/via) · · javascript, animations, transitions, apis
- CSS-Only Type Grinding: Casting Tokens Into Useful Values (by/via) · · css, design-tokens
- Busting the Myths About Agile Development and User Research (via) · · agile, user-experience, research, myths
- A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors (via) · · guides, accessibility, forms
- Phylum Detects Active Typosquatting Campaign Targeting npm Developers (via) · · npm, dependencies, security
- What Is Website Minimalism? (by) · · minimalism, design
- Ten Years of TypeScript (by/via) · · typescript
- Why UX? (via) · · videos, user-experience
- Templating in HTML (by) · · html, javascript
- Optimize Long Tasks (by/via) · · performance, javascript
- Learn Accessibility (by/via) · · courses, accessibility
- Getting Started With WordPress Block Development (via) · · wordpress, introductions
- depngn (via) · · packages, npm, nodejs, dependencies
- Choosing the Best Node.js Docker Image (by/via) · · nodejs, docker
- Building Delight in Your Design System (by/via) · · design-systems, user-experience
- A Web Component Story (by) · · web-components, design-systems
- Why You Should Care About Design in Uncertain Times (via) · · design
- “:has()” Opens Up New Possibilities With CSS (by) · · videos, css, selectors
- Yes, Accessibility Is Also a Backend Concern (by) · · accessibility
- State of CSS 2022 (by+/via) · · surveys, css
- Intersectionality, Accessibility, and Inclusion (via) · · videos, accessibility, dei
- How to Center a Div Using CSS Grid (by/via) · · how-tos, css, centering
- Websites Need to Be Accessible to Be Inclusive (by+/via) · · accessibility, dei
- This Site’s Type Is Now Variable (by) · · typography, fonts, css
- Performance Budgets: The Easiest Way to a Faster Site (by/via) · · performance, performance-budgets
- Let Me Understand How JavaScript Works Under the Hood (by) · · javascript
- How to Return Multiple Values From a Function in JavaScript (by) · · how-tos, javascript, functions
- How to Make Your Designs Scannable (and Why You Should) (by/via) · · how-tos, design, usability
- GIFs Without the .gif: The Most Performant Image and Video Options Right Now (by/via) · · performance, multimedia, images, gif, html
- Useful JavaScript Math Functions and How to Use Them (by/via) · · javascript, math, functions
- Named Element IDs Can Be Referenced as JavaScript Globals (by/via) · · javascript, html
- Learn HTML (by/via) · · courses, html
- Five Data-Loading Patterns to Boost Web Performance (via) · · performance
- Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno (by/via) · · nodejs, bun, deno
- Dear Console… (by) · · websites, console, javascript
- Closing a 30 Pixel Gap Between Native and Web (by/via) · · web-apps, user-agents, web, native
- A Deep Dive Into WCAG 2.2—and Beyond (by+/via) · · podcasts, accessibility, wcag
- 7 Things to Consider When Working On a Personal Project · · career, learning
- The New Wave of JavaScript Web Frameworks (via) · · javascript, frameworks
- Sustainability (by+/via) · · studies, research, sustainability
- SEO (by+/via) · · studies, research, seo
- Security (by+/via) · · studies, research, security
- Page Weight (by+/via) · · studies, research, performance
- Media (by/via) · · studies, research, multimedia, images
- Markup (by/via) · · studies, research, html
- JavaScript (by+/via) · · studies, research, javascript
- Interoperability (by/via) · · studies, research, interoperability
- I Am Not That Excited About New CSS Features (by) · · css
- HTTP (by/via) · · studies, research, http, protocols
- How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (by) · · how-tos, links, buttons, javascript
- How to Create Wavy Shapes and Patterns in CSS (by/via) · · how-tos, css, effects
- Fonts (by/via) · · studies, research, fonts
- CSS (by/via) · · studies, research, css
- CMS (by/via) · · studies, research, content-management
- Accessibility (by+/via) · · studies, research, accessibility
- 100 Days of More or Less Modern CSS (by) · · css
- 6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong (by) · · layout, css
- Two Things I Learned by Validating My HTML Again (by) · · html, conformance, lessons
- Streamable HTML Fragments (by) · · html, streaming
- Continue Using .env Files as Usual (by) · · environments, security
- Writing Composable SQL Using JavaScript (by/via) · · javascript, databases, sql
- Audience-Based Website Navigation (by/via) · · videos, usability, navigation
- Use Cases for CSS Comparison Functions (by) · · css, functions
- Top Task Analysis: Make It Fast and Efficient (by) · · processes
- Things I Wish I Had Known About Angular When I Started (by/via) · · angular
- The Indisputable Truth About Accessibility (by/via) · · videos, accessibility
- Testing Web Design Color Contrast (by+/via) · · testing, colors, contrast
- Speedy CSS Tip! Animated Loader (by/via) · · css, tips-and-tricks
- Randomness in CSS (by) · · css, randomness
- Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (by) · · html, forms, security
- Blind People Need to Be Considered More When Making Data Visualizations (by/via) · · accessibility, information-design
- Attitudes to Digital Accessibility Survey 2022 (via) · · surveys, accessibility, dei
- A Designer’s Guide to Documenting Accessibility (by/via) · · videos, design, accessibility, documentation
- Creative Section Breaks Using CSS “clip-path” (by/via) · · videos, css, masking
- Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (by/via) · · studies, research, html, performance
- Rest vs. Spread Syntax in JavaScript (by) · · javascript, comparisons
- Inspect and Modify CSS Animation Effects (by/via) · · user-agents, microsoft, edge, dev-tools, css, animations, debugging
- Element Timing: One True Metric to Rule Them All? (by/via) · · performance, apis, metrics
- Designing Better Inline Validation UX (by/via) · · forms, validation, user-experience
- 5 Ways That UX Developers Influence SEO (via) · · user-experience, seo
- CSS Rules vs. CSS Rulesets (by) · · css, comparisons
- Why Designers Quit (by/via) · · design, career
- Container Queries Are Going to Change How We Make Layouts (by) · · videos, css, container-queries, layout
- Type-Level TypeScript (by) · · websites, typescript
- The Web Is Good Now (by/via) · · videos, web
- Shell Scripting With Node.js (by) · · books, nodejs, shell
- React I Love You, but You’re Bringing Me Down (by/via) · · react
- Prototyping to Learn (by) · · prototyping, learning
- Making Your Web Pages Printer-Friendly With CSS (by/via) · · css, print
- It’s Good to Make Mistakes (by) · · accessibility, design, mistakes
- How to Generate Random Numbers in JavaScript With “Math.random()” (by/via) · · how-tos, javascript, math, randomness
- Clarifying Color Contrast and Font Size Guidelines (by) · · accessibility, colors, contrast, readability
- Accessibility Is Systemic (by) · · accessibility
- A “details” Element as a Burger Menu Is Not Accessible (by/via) · · html, semantics, accessibility
- Design 4.0: Leading Design in the New Industry (via) · · design
- Web Sustainability and the Ethical Dilemma (by/via) · · sustainability, ethics, web
- Stop Using .env Files Now (by) · · environments, security
- Rethinking a Design System (by) · · design-systems
- How to Get the Current Timestamp in JavaScript (by) · · how-tos, javascript
- How Rapid Usability Testing Is Changing UX Research (by/via) · · usability, user-experience, research, testing
- CSS Drawings (by) · · css, art
- Building a Retro Draggable Web Component With Lit (by/via) · · web-components, javascript
- 5 Ways to Use Data Visualization in Your Content to Increase Traffic (via) · · visualization, content, traffic, optimization
- Debunking Myths About HTTPS · · http, security, myths
- Accidental Dismissal of Overlays: A Common Mobile Usability Problem (by+/via) · · usability, mobile, overlays
- The Git Commands I Use Every Day (by) · · git, command-line
- When Design Systems Lie (by/via) · · videos, design-systems
- How to (Not) Make a Button (by) · · how-tos, accessibility, buttons, semantics, html
- Brief Note on Super- and Subscript Text (by) · · html, accessibility, support, assistive-tech
- Accessibility Is for Every One (by) · · accessibility
- Why Are Vanity Metrics Still Problematic? (via) · · metrics
- The Rise of the TikTok Pattern (by/via) · · design, social-media
- I Never Thought This Would Be Possible With CSS (by) · · videos, css, selectors
- Why the Number Input Is the Worst Input (by/via) · · html, forms, validation, accessibility
- Total Blocking Time: A Short and Sweet Guide for Happier Users (by/via) · · performance, javascript
- Let’s Get Logical (by) · · css, logical-properties
- Invalid CSS (by) · · css, conformance
- How to Substantially Slow Down Your Node.js Server (via) · · how-tos, performance, nodejs
- Five Things You Can Do to Be More Inclusive (by) · · dei, accessibility
- Designing for People With Cognitive Disabilities and Everyone Else (by/via) · · videos, accessibility, design
- Design Tokens 101 (by) · · design-tokens
- Buttons and the Baader–Meinhof Phenomenon (by) · · buttons, accessibility
- Accessibility in Times of Headless (by/via) · · accessibility, content-management, headless
- 7 Must Know JavaScript Tips and Tricks (by) · · javascript, tips-and-tricks
- Quick Tip: Embedding YouTube Videos in GitHub Pages (by) · · embed-code, youtube, social-media, github, tips-and-tricks
- When Is It OK to Disable Text Selection? (by/via) · · css, usability, accessibility
- W3C TAG Ethical Web Principles (by) · · ethics, principles, w3c
- The State of Digital Accessibility: Three Key Challenges (by/via) · · accessibility, legal, web
- Secure Your Node.js App With JSON Web Tokens (by/via) · · nodejs, json-web-tokens, security
- On Better Browsers: Arbitrary Media Queries and Browser UIs (by) · · css, media-queries, accessibility
- JavaScript APIs You Don’t Know About (by/via) · · javascript, apis
- Container Queries in Browsers! (by) · · css, container-queries, support
- A Guide to Rounding Numbers in JavaScript (by/via) · · guides, javascript
- 3 Problems Scrum Doesn’t Solve (by/via) · · agile, scrum, processes
- Making Sense of WAI–ARIA: A Comprehensive Guide (by/via) · · guides, accessibility, aria, html
- Wtf Is an Island and Why Is It in My Website? (by) · · frameworks, html, architecture, concepts
- What Is Data Engineering? (by) · · concepts, data-engineering
- The Power of CSS Blend Modes (by/via) · · css, blend-modes
- The Basics of Remix (by/via) · · fundamentals, frameworks, remix
- PureComponents vs. Functional Components With Hooks (by) · · components, hooks, comparisons
- Node.js Native Binary Compilation Using Vercel pkg (by/via) · · nodejs, compiling
- Intrinsic CSS With Container Queries and Units (by/via) · · videos, css, container-queries, units
- First Batch of Color Fonts Arrives on Google Fonts (by/via) · · google, fonts, typography, colors
- Disability Is Not a Dirty Word (by) · · accessibility, communication
- Detecting CSS Selector Support (by/via) · · css, selectors, support, feature-detection
- Conditionally Spreading Objects in JavaScript (by) · · javascript, objects
- Better Accessible Names (by) · · accessibility, naming
- 2022: 0 of the Global Top 100 Websites Use Valid HTML (by) · · html, css, conformance, metrics, quality, craft
- Which Fonts to Use for Your Charts and Tables (by/via) · · fonts, information-design, tables
- When Life Gives You Lemons, Write Better Error Messages (by/via) · · user-experience, writing
- The Seventh Way to Call a JavaScript Function Without Parentheses (by/via) · · javascript, functions
- The “details” and “summary” Elements, Again (by) · · html, accessibility
- Nuclear Footnotes (by) · · html, css
- My Five Biggest Design System Mistakes (by) · · design-systems, mistakes
- Justin Yarbrough Talks About Alt Text (by/via) · · podcasts, accessibility, writing, alt-text
- Best Practices for Creating a Modern npm Package (by/via) · · best-practices, npm
- How to Run Qodana CI in Backend and Frontend Sub-Folders of a Monorepo (by) · · how-tos, jetbrains, qodana, ci-cd, monorepos
- Your Next.js Bundle Will Thank You (by) · · nextjs, bundling, performance
- Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard (by) · · fundamentals, css
- Mastering DOM Manipulation With Vanilla JavaScript (by) · · javascript, dom
- Antipersonas: What, How, Who, and Why? (via) · · usability, personas
- Make It Short—Make It Better (by) · · javascript, minimalism
- Converting PNG Images to WebP Using PHP (by) · · conversion, images, png, webp, php
- Node Version Manager—nvm Install Guide (by/via) · · guides, installing, nvm
- Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (by/via) · · videos, css, scope, complexity
- How to Monitor a Next.js Application (via) · · how-tos, nextjs, monitoring
- How I Made a Pure CSS Puzzle Game (by/via) · · css
- CSS “line-height” (by) · · css, typography
- Button Minimum Width (by/via) · · css, buttons
- A Guide to Choosing the Right React State Management Solution (by/via) · · guides, react, state-management
- Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma (by/via) · · design, design-systems, figma
- What’s New With Forms in 2022? (by/via) · · forms, javascript, html
- Text Is the Universal Interface (by/via) · · apis
- Me and React: 5 Years in 15 Minutes (by) · · react
- Lightning CSS (by/via) · · websites, css, tooling
- A Quick Primer on Testing JavaScript (by) · · introductions, javascript, testing
- 12 Modern UI Components to Inspire Your Future Designs (by) · · design, components
- WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? (by/via) · · wcag, standards
- Rewriting Tests From Cypress to Playwright Using GPT3 (by/via) · · testing, cypress, playwright, ai, code-completion, refactoring
- How Your Favourite UI Libraries Manage Their Icons (by/via) · · libraries, images, icons, maintenance
- Detect When Users Switch Tabs Using JavaScript (by) · · javascript
- Dependabot Unlocks Transitive Dependencies for npm Projects (via) · · dependencies, npm, security
- Building the Main Navigation for a Website (by/via) · · navigation, html, css
- Are Modals in Web Design a UX Disaster? (via) · · design, user-experience, accessibility, modals
- An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (by) · · overviews, nodejs, architecture, apis, event-loop, events, concurrency