Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2022” News Archive (4)

Entry (Sources) and Additional TopicsDate#
It’s Time We Fix the Unethical Design of Cookie Consent Windows (uxd)635
design, ethics, cookies, consent-management, legal
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now?634
monorepos, dependencies, comparisons, nodejs, lerna
5 Simple Productivity Tips for Developers633
productivity, tips-and-tricks
8 JavaScript Quiz [Questions] That May Confuse You632
quizzes, javascript, interviewing
Creating Realistic Reflections With CSS (pre/css)631
css, effects
Deep Dive Into Text Wrapping and Word Breaking (lon)630
css, typography, deep-dives
Ethical Design Network629
websites, design, ethics
Writing Better CSS628
css, quality, sorting
If Design Principles Are for Designs, Then Design Values Are for Designers (uxd)627
design, principles
Design System Documentation Best Practices626
design-systems, documentation, best-practices
Under-Engineered Multi-Selects (aar)625
accessibility, html, aria
Creating a Firework Effect With CSS (alv)624
css, effects
How to Professionally Say (aka)623
websites, how-tos, communication, collaboration, professionalism, career
How to Reduce Figma Memory Usage (uxd)622
how-tos, figma
Foundations: Lists (tin/tet)621
accessibility, fundamentals, html, lists
How Web Browsers Work: Parsing the CSS620
browsers, css, parsing
Best Practices for Integrating Content Design in Your Design System619
design, design-systems, content, best-practices
Common Frontend Interview Questions I’ve Been Asked618
interviewing, html, javascript
CTA Modal: How to Build a Web Component (sma)617
how-tos, web-components, javascript, modals
How to Build Node.js REST API With MySQL616
how-tos, nodejs, apis, rest, databases, mysql
Let’s Keep the “Content” in WCAG615
content, accessibility, wcag
Misusing TypeScript Assertion Functions for Fun and Profit (chr)614
typescript, functions
Server-Side vs. Client-Side Analytics (dav)613
analytics, metrics, comparisons
The Complete Guide to Regular Expressions (Regex)612
guides, regex
The CSS Art Paradox (j9t)611
css, art, html, quality
Understanding the Performance Impact of Anti-Flicker Snippets (spe)610
performance, web-vitals
My Browser Support Strategy (mic)609
browsers, support, progressive-enhancement, testing
Introducing “inert”608
introductions, html, attributes, accessibility, keyboard-navigation
A Practical Guide to Aspect Ratio in CSS (zor/css)607
videos, guides, css, aspect-ratio
Learn to Code With JavaScript: The Most Popular Programming Language on Earth606
javascript, learning
Stop Removing Focus (col)605
accessibility, focus, css
The 5 Golden Rules of Code Reviews604
code-reviews, processes, quality
Traditional Web Design Process Is Fundamentally Broken (gri/clo)603
design, processes, prototyping, mobile, responsive-design
Web Scraping via JavaScript Runtime Heap Snapshots602
scraping, javascript, memory
Cool Hover Effects That Use Background Properties (css/css)601
css, hover, effects, backgrounds
A Guide to Task-Based UX Metrics600
guides, user-experience, metrics
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)599
browsers, browser-engines, legal, apple
Flexibly Centering an Element With Side-Aligned Content (mey)598
css, centering
Non-Interactive Elements With the “inert” Attribute (web)597
html, attributes, semantics
Plain Old Semantic HTML: A Perfect Basis for Accessibility596
accessibility, html, semantics
What Is Memoization? How and When to Memoize in JavaScript and React (fre)595
memoization, javascript, react
8 Industry-Standard Tools to Reduce Dependency Risks594
tooling, dependencies, maintenance, renovate, depfu, link-lists
Is Measuring Speed a Useful Metric for Design Systems? (amy+)593
videos, performance, metrics, design-systems
Deploy Your First Website Without Leaving Your IDE (bla)592
deploying
16 Top Design Trends for 2022 (uxm)591
design, trends
8 Ways to Make Website Accessibility Easier (and Less Expensive)590
accessibility
9 Useful Principles of UX Design (uxm)589
user-experience, design, principles
Four Eras of JavaScript Frameworks588
javascript, frameworks, history
How Web Browsers Work: Parsing the HTML587
browsers, html, parsing
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)586
comparisons, economics, mobile
The “Dark Yellow Problem” in Design System Color Palettes (uxd)585
design-systems, colors, color-palettes
11 Steps to Keep Figma Clean (uxd)584
design, tooling, figma
Supercharge Your Design System With Design Tokens (uxd)583
design-systems, design-tokens
Testing Figma Components (nat)582
testing, components, figma
Build a Lightweight Web Component With Lit.js581
web-components, javascript
Deep Dive Into Top Web Developer Pain Points580
web-platform, deep-dives
Best Font for Online Reading: No Single Answer (nng)579
studies, research, fonts, typography, readability
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (uxd)578
design, atomic-design
How Web Browsers Work: Navigation577
browsers, http
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity576
css, complexity
Writing Strong Front-End Test Element Locators (css)575
testing
Progressive Enhancement and HTML Forms: Use “FormData” (bra)574
html, forms, progressive-enhancement
State of Eleventy: April 2022 (zac)573
videos, eleventy
Building a Combined CSS Aspect Ratio Grid (9el)572
css, layout, grids, aspect-ratio
TypeScript Tips and Tricks (vsc)571
videos, typescript, tips-and-tricks
Web Color Is Still Broken570
websites, colors, web
Web Components as Progressive Enhancement (pau/clo)569
web-components, progressive-enhancement
Overview of Servo (wuy)568
overviews, servo, browser-engines
Mastering CSS Transitions With React 18567
css, transitions, react
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)566
breadcrumbs, seo, best-practices, strategies, mobile-first, mobile
Beyond WCAG: Losing Spoons Online (tpg)565
accessibility, wcag, colors
Brief Note on Buttons, Enter, and Space (aar)564
accessibility
Debugging Node Serverless Functions on AWS Lambda563
nodejs, debugging, functions, aws, serverless, lambda
Productivity Tips and Tools for a More Efficient Workflow (sma)562
link-lists, productivity, tips-and-tricks, tooling
Why Learn to Code? 17 Benefits of Learning to Code561
learning, career
The Future of CSS: CSS Toggles (bra)560
css, toggles
Faster Initialization of Instances With New Class Features (joy)559
browsers, javascript, javascript-engines, v8, performance
Forced Colors Explained: A Practical Guide (kil/pol)558
colors, browsers
How to Start Testing Your Website With a Screen Reader557
how-tos, accessibility, browsers, testing
Low-Code No-Code Web Development, Explained556
low-and-no-code, concepts
Ordering CSS Declarations (jim)555
css, sorting
Routing: I’m Not Smart Enough for an SPA554
routing, single-page-apps
The Role of Policy in Creating a Culture of Accessibility553
interviews, accessibility, policies, culture
URL, URI, URN: What’s the Difference?552
urls, terminology, comparisons
The Front-End Developer’s Guide to the Terminal (jos)551
guides, command-line, shells
20 Easy Ways to Be More Productive as a Developer550
productivity
4 Reasons to Avoid Using “npm link”549
npm
A Practical Guide to Centering in CSS (sta)548
guides, css, centering
Does Valid and Semantic HTML Still Matter? (5t3+)547
podcasts, html, semantics, conformance
Ensure Third Party Content Is Accessible (ons/tpg)546
accessibility, wcag, embed-code
React 18—New Features and Improvement Strategies545
react
The Ultimate Guide to Push Notifications for Developers (sma)544
guides, notifications
When UX Goes Bad (and How to Fix It) (web)543
user-experience
GitHub Alternatives: A Review of Bitbucket, GitLab, and More542
hosting, version-control, git, gitlab, atlassian, aws, gcp, azure, codeberg, comparisons
How to Choose the Right Static Site Generator (git)541
how-tos, static-site-generation, site-generators, hugo, zola, jekyll, gatsby, astro, link-lists
Web Scraping Is Legal, US Appeals Court Reaffirms (tec)540
scraping, legal
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking539
testing, react, redux
Node.js 18 Introduces Prefix-Only Core Modules (cji)538
nodejs
How to Improve Core Web Vitals (8 Ways)537
how-tos, web-vitals, performance
The Most Popular Node.js Frameworks in 2022 (sta)536
nodejs, frameworks
Is Agile an Anti-Design Pattern? (uxd)535
agile, design, anti-patterns
7 Web Component Tricks (dav)534
web-components, tips-and-tricks
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)533
accessibility
Fonts for the Web: Rationale, 1996 (svg/w3c)532
fonts, history
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases531
refactoring, maintenance, micro-frontends
Intro to CSS Parent Selector—“:has()” (zor/css)530
videos, introductions, css, selectors
Evaluating Design System Adoption Using Custom CSS529
design-systems, css, custom-properties, metrics
A Web Renaissance528
web
CSS Parent Selector (sha)527
css, selectors
Drastically Improve Your UI Designs With This Technique526
design, techniques, optimization
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results525
how-tos, quality, techniques
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)524
guides, javascript, performance, optimization
Title Rewrites: 3 Patterns to Avoid (moz)523
seo, semantics, writing, microcontent
Usability Guidelines for Better Carousels UX (vit/sma)522
guidelines, usability, user-experience, carousels
Designers Are Spending Too Much Time Designing UI Variations Manually (uxd)521
design, processes, productivity
Building a Dialog Component (arg)520
components, modals, html, css, javascript
Common Accessibility Issues That You Can Fix Today (hdv)519
accessibility
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)518
accessibility
Naming Colors in Design Systems517
design-systems, colors, naming
One Million Broken Web Sites—and a Way to Prevent That (cod)516
accessibility, browsers, tooling
Component Party515
websites, components, frameworks, comparisons, react, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs, marko
Why Accessibility Bugs Are a Good Thing and How to Handle Them514
accessibility, quality, bugs
Syntax Highlighting for AsciiDoc With Eleventy (san)513
syntax-highlighting, tooling, eleventy
7 Collaborative Coding Tools for Remote Pair Programming512
collaboration, tooling
Childish Font Sizes (tyl/clo)511
fonts, readability, design
Common App Design Challenges and Their Solutions (uxm)510
design, user-experience
CSS Toggles Explainer and Proposal (mia+/odd)509
css, toggles
How to Develop Your UX Design Philosophy (uxm)508
how-tos, user-experience, design
How to Improve UX Design Through A/B Testing (uxm)507
how-tos, design, user-experience, testing, optimization
Image Borders in CSS (ami)506
css, images, borders
Mobile-First Ecommerce Site Design Is the Future (uxm)505
design, mobile-first, mobile, ecommerce
Takeaways From “The Internet Is Unusable”: The Disabled View (red)504
accessibility
Those HTML Elements You Never Use503
html, semantics
CSS “:has()” a Parent Selector Now502
css, selectors
CSS Tips and Tricks You May Need to Know501
css, tips-and-tricks
How to Fix Your Low-Contrast Text (ben)500
how-tos, accessibility, colors, contrast
How to Turn HTML Webpage Into an Image?499
how-tos, html, images, conversion
JavaScript Function Composition: What’s the Big Deal?498
javascript, functions
Open Accessibility Standards497
accessibility, wcag, aria
Information Architecture: Study Guide (nng)496
guides, information-architecture, training, link-lists
33 JavaScript Concepts Every Developer Should Know495
javascript, concepts
Incremental Static Regeneration for Angular494
angular, incremental-static-regeneration
MIME Types493
videos, mime-types, servers, apache
SEO for a New Website in 2022492
seo, checklists
There’s No Such Thing as a “Design System Designer” (uxd)491
design, design-systems, career
April 9 Is CSS Naked Day (fro)490
frontend-dogma, css, awareness-days
Dynamic Data-Fetching in an Authenticated Next.js App (sma)489
data-fetching, nextjs, authentication
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)488
lists, unicode, css
Nailing Your Engineering Interviews: Tips From a Technical Recruiter487
interviewing, career
Why Your Design System Needs Content Design486
design-systems, content
Your Website Is a Pollution Machine (cfe)485
sustainability
Designing Better Breadcrumbs (vit/sma)484
html, usability, navigation, breadcrumbs
How to Create Animated Anchor Links Using CSS (zor/css)483
videos, how-tos, links, css, animations
JavaScript and Node.js Testing Best Practices482
javascript, nodejs, testing, best-practices
Principles of Object-Oriented Programming in TypeScript (app)481
typescript, principles, oop
12 Years Beyond a HTML Joke (ste)480
html, semantics
A New Statistical Approach for Predicting Usability Problems479
studies, research, metrics, usability
Accessibility Testing Guide478
guides, accessibility, testing, wcag
Alternative Text (Alt Text) (pop)477
accessibility, html, images, writing, alt-text
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)476
performance, web-vitals, seo, metrics
Fonts in Use: Variable Fonts475
typography, fonts, variable-fonts
HTML Is All You Need to Make a Website (whi)474
html
Sharing State in Distributed UIs at Runtime473
state-management, scalability, micro-frontends
The Business Case for Accessibility (tet)472
accessibility, economics
Working on Two Git Branches at Once With “git worktree” (and)471
git, github, command-line
Animated Grid Tracks With “:has()” (mic)470
css, layout, grids, selectors
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)469
videos, css, scrolling
Accessible Description Exposure (aar)468
accessibility, aria
Thoughts on Exerting Control With Media Queries (jim)467
layout, css, media-queries
What’s New in ECMAScript 2022 (paw)466
ecmascript, standards
What if… One Day Everything Got Better? (dav)465
accessibility
“aria-labelledby” Usage Notes (ste)464
accessibility, aria, labels, html
How to Respond to Growing Supply Chain Security Risks?463
how-tos, security, dependencies, nodejs, npm
Tweaking in the Browser (sha)462
browsers, tooling
Getting Started With Servo (wuy)461
introductions, servo, browser-engines, mozilla
Accessible Cards (kit)460
accessibility, html, css
Top 3 Informational Interview Questions in UX (nng)459
videos, interviewing, career, user-experience
Are You Using Coding Interviews for Senior Software Developers?458
interviewing, career, code-reviews
Why We Don’t Use a Staging Environment457
environments, testing
How to Match HTML Elements With an Indeterminate State (ste)456
how-tos, html, css, selectors
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web)455
studies, research, accessibility, homepages, metrics
Exciting Times for Browsers (and CSS) (mic)454
browsers, css
Accessibility Policy Implementation: What You Need to Know453
interviews, accessibility, policies
Designing a Better Infinite Scroll (vit/sma)452
scrolling, navigation, pagination
Introduction to the SSH Protocol451
introductions, protocols, ssh
Web Accessibility Guidance Project450
guides, accessibility
How to Optimize Your LCP (with Visuals) (ste)449
how-tos, performance, web-vitals, optimization
HTML-Only Keyboard Shortcuts (ami)448
html, accessibility, keyboard-navigation, keyboard-shortcuts
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone447
accessibility, usability
Make Beautifully Resilient Apps With Progressive Enhancement (aus)446
progressive-enhancement, resilience
Neubrutalism Is Taking Over the Web (uxd)445
design, web
7 Learning Habits for Developers: Reach Skill Goals in Less Time444
learning
An Opinionated Guide to Unit Testing443
guides, testing, quality
Case: Accessibility in Software Development442
accessibility
CSS “:has” (dav)441
css, selectors
Locale Aware Sorting in JavaScript440
javascript, sorting, localization, internationalization
Optimising Largest Contentful Paint (css)439
performance, web-vitals
Secret Mechanisms of CSS (jos/9el)438
videos, css
Understanding Layout Algorithms (jos)437
css, layout
A Guide to Hover and Pointer Media Queries (its/sma)436
guides, css, hover, media-queries
How to Document Accessibility Issues435
how-tos, accessibility, documentation
Picture Perfect Images With the Modern “<img>” Element (add)434
images, html, performance, web-vitals
The Art of CSS Art433
css, art
Why Every Programmer Must Blog432
career, blogging, communication, learning
14 Linting Rules to Help You Write Asynchronous Code in JavaScript431
javascript, asynchronicity, linting
Building a Headless Design System (fig)430
videos, design-systems, headless
How to Use Props in React (rwi)429
how-tos, react, props
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)428
surveys, browsers, tooling, developer-experience
Remix Routes Demystified (ati/sma)427
remix, routing
You’re Unselectable (aar)426
accessibility, css
You ≠ User (nng)425
videos, usability, user-experience
The Case for PHP Generics (bre)424
php, generics
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed423
design, performance, user-experience
Variable Fonts in Real Life: How to Use and Love Them (rom+/evi)422
fonts, variable-fonts, typography
How Should You Name Your Colors in a Design System? (uxd)421
naming, colors, design-systems
Designing “Above the Fold”? Try the Reciprocity Principle (uxd)420
design, principles
How Do Design Systems Improve Developer Efficiency?419
design-systems, efficiency
Resetting Inherited CSS With “Revert” (spa/clo)418
css, resets
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)417
accessibility
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)416
eleventy
There Are No Bad Questions in Accessibility415
accessibility
Those HTML Attributes You Never Use (lou/sma)414
html, attributes
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)413
web, outlooks, privacy, security, accessibility, performance, user-experience
The 5 Riders of Accessible Media (uxd)412
accessibility, multimedia
Restrict Access by IP Address for AWS CloudFront Distribution411
aws, cloudfront, content-delivery, ip, traffic
ADA Web Site Compliance Still Not a Thing (aar)410
accessibility, ada, compliance, legal
Deep Dive Into the CSS “:where()” Function (log)409
css, selectors, deep-dives
Dynamically Generated Content and Accessibility: 3 Quick Tips408
generated-content, accessibility, aria
Optimising Core Web Vitals on SPAs (sim)407
performance, web-vitals, single-page-apps, optimization
The Book on Accessibility406
books, accessibility, leadership, engineering-management
When to Use a Function Expression vs. Function Declaration405
javascript, functions, comparisons
Building a Sketch Design System: Tips and Tricks404
sketch, design-systems, tips-and-tricks
Conquering JavaScript Hydration (rya/thi)403
javascript, hydration
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)402
design, user-experience, user-conversion, metrics, mistakes
Design System—Principles of Success401
design-systems, principles
Design Systems Aren’t Cheap400
design-systems, frameworks, economics
Dos and Don’ts of Mobile UX Design (uxm)399
design, user-experience, usability, mobile
HTML Semantics (cfe)398
html, semantics
“!important” Was Added for One Reason Only (ste)397
css, cascade
Improving Your User Experience to Reduce Bounce Rates (uxm)396
user-experience, usability, performance, seo
PHP Sanitize Data395
php, sanitization
Usability Testing: Driving the Best User Experience for Business Success (uxm)394
user-experience, usability, testing
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)393
css, custom-properties, colors, contrast, microsoft, windows
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)392
html, xhtml, optimization
4 Xs That Aren’t UX (uxd)391
user-experience
Should “Cancel” Be a Button or a Link? (uxd)390
interaction-design, buttons, links, semantics
Authorization in a Microservices World389
microservices, authorization
Building Your Own Nodemon (ano)388
nodejs, monitoring, functionality
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)387
how-tos, css, math, functions
Typography in Design Tokens for Figma and Code386
typography, design-tokens, tooling, figma
UX Strategy: Definition and Components (nng)385
user-experience, strategies
Performance Tests on Common JavaScript Array Methods (hac)384
performance, testing, javascript, arrays
Why Is Dark Mode So Captivating? (uxd)383
dark-mode
The Web Doesn’t Have Version Numbers (mic)382
versioning, web
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)381
accessibility, mistakes
Google Calendar Webhooks With Node.js380
google, webhooks, nodejs
Guidance on Web Accessibility and the ADA379
accessibility, ada, legal
Identifying Fonts: The Complete Guide378
guides, fonts, typography
Migrating Our Monorepo to Yarn 2377
monorepos, yarn, migrating
Optimizing SVG Patterns to Their Smallest Size (css)376
svg, images, performance
On the Weaponisation of Open Source (ben)375
foss, dependencies, mongodb, nodejs
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)374
how-tos, drag-and-drop, file-handling, vuejs, javascript
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability373
videos, html, accessibility, performance
Alt-Text Selfies372
websites, accessibility, alt-text, community
Introduction to Bulma: A Simple and Intuitive CSS Framework371
introductions, bulma
How Do I Resolve Merge Conflicts? (bla)370
version-control, git, command-line
The Future of the Web and Accessibility (tim/deq)369
videos, web, accessibility
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)368
guides, accessibility, interaction-design, documentation
A Quick Guide to Closures367
guides, javascript, closures
Accessibility, Assistive Technology, and JavaScript (cfe)366
accessibility, assistive-tech, javascript
All HTML and CSS Cheatsheets in One Place365
html, css, cheat-sheets
How to Empathize With Your Users364
how-tos, design, usability, user-experience
How to Prep Your SEO Strategy for a New Website (moz)363
how-tos, seo, strategies
Perceptually Uniform Color Models and Their Implications362
colors, color-palettes
What Every Good README Should Contain361
documentation
What Is Platform Engineering?360
platform-engineering, concepts
What Makes You a Professional Web Developer (j9t)359
career, professionalism
Building a Loading Bar Component (arg)358
components, html, css, javascript
Don’t Believe the Type! (deq)357
videos, accessibility, typography, readability, fonts
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)356
how-tos, html, javascript
Implementing JavaScript Delay for Cookie Consent Banner355
javascript, cookies, consent-management, legal
Making the World’s Fastest Website, and Other Mistakes354
performance, mistakes
Prevent Technical Debt With These 3 Strategies353
technical-debt
React Best Practices and Patterns to Reduce Code352
react, optimization, best-practices
The Weirdly Obscure Art of Streamed HTML351
html, streaming, performance
What Are Micro-Frontends?350
micro-frontends
Aligning Content in Different Wrappers (sha)349
html, css, alignment
Explaining Micro Frontends as Simply as Possible348
micro-frontends
In Defense of Sass (5t3)347
preprocessors, sass
It Needs to Map Back to a Role (eri)346
accessibility, aria, html, semantics
Tao of Node—Design, Architecture, and Best Practices345
nodejs, architecture, best-practices
Update Node Dependencies Automatically, Selectively, or Incrementally344
nodejs, dependencies, npm, yarn
When or If (mey)343
css
20 Productivity Tips From Developers to Developers342
productivity, tips-and-tricks
Giving New Meanings to the Color Functions in CSS (alv)341
css, colors, functions
How to Use Spectator to Test Your Angular Components340
how-tos, testing, tooling, angular, components
The Future of Web Accessibility: WCAG 3.0 (for)339
accessibility, wcag, standards
42 Tips for Getting Good at DevOps and Life338
dev-ops, career, productivity, tips-and-tricks
Add Data to a Google Sheet From a Node.js Backend337
nodejs, google
Horizontal Scrolling Nav (mdo)336
javascript, scrolling
Where TypeScript Excels (the)335
videos, typescript
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax334
how-tos, javascript, functions
CommonJS (CJS) and Modules (ESM): Import Compatibility333
javascript, typescript, commonjs, esm
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack332
css, javascript, mobile, hover, touch
A Look at the Dialog Element’s Super Powers (ste)331
modals, html, javascript
Accumulation of Tech Debt (mfo)330
technical-debt
An Introduction to User Journey Maps (ste)329
introductions, design, usability, user-experience
Carousels: No One Likes You328
carousels, accessibility, usability, user-experience
Digging Into CSS Media Queries (kil)327
videos, css, media-queries
Don’t Alienate Your User: A Primer for Internationalisation and Localisation326
introductions, user-experience, internationalization, localization
Ten Years of Page Bloat: What Have We Learned? (spe)325
performance, web-vitals, user-experience
WebGPU—All of the Cores, None of the Canvas (sur)324
apis, canvas, rendering
You Don’t Always Need a CMS323
content-management
10 Amazing Games to Learn CSS322
css, learning
7 Ways to Achieve a Faster Core Web Vitals Score (hac)321
performance, web-vitals
An Introduction to AWS CloudFront Functions (hon)320
introductions, aws, cloudfront, functions, content-delivery
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)319
javascript, naming, refactoring
Moderated Versus Unmoderated Usability Testing (uxm)318
usability, testing, comparisons
My Dev Content Creation Journey and Tips for Starting Yours (5t3)317
content, marketing, developer-relations, tips-and-tricks
Optimizing a Web Site for Google’s New UX Criteria (uxm)316
optimization, seo, user-experience, google
Session Timeouts (pat/tet)315
accessibility, user-experience, time
Using HTTPS in Your Development Environment314
security, http, environments
Designing the User Experience of a Rating System (uxd)313
design, user-experience
Performance Signals for Customizing Website UX (tun/sma)312
performance, user-experience, web-vitals, customization
A New Speed Milestone for Chrome311
browsers, google, chrome, performance
Alternatives to Pagination on Product-Listing Pages (nng)310
design-patterns, usability, navigation, pagination
Why I Avoid “async”/“await”309
javascript, asynchronicity
Creating Native Web Components (cod)308
web-components, javascript, html
The Basics—Generics in PHP307
videos, fundamentals, php, generics
Accessibility and Limited Fine Motor Skills306
accessibility
Building Web Layouts for Dual-Screen and Foldable Devices (sea/sma)305
css, layout, responsive-design
Dive Into Node.js Streams (nod)304
nodejs, streaming
How to Design Better APIs303
how-tos, software-design, apis
How to Prevent SQL Injection Attacks in Node.js302
how-tos, nodejs, databases, security, sql
Remix vs. Next.js301
remix, nextjs, comparisons
The Best Design System Is No System300
design-systems
The Importance of Screen Reader Software for Web Navigation299
accessibility, screen-readers, navigation
It’s Always Been You, Canvas2D298
html, css, canvas, javascript
Interop 2022: Browsers Working Together to Improve the Web for Developers (rac+)297
browsers, support, interoperability
How Do Primitive Values Get Their Properties? (rau)296
javascript
How Many Hyperlinks Are Too Many for Accessibility?295
accessibility, links
How to Make a “Raise the Curtains” Effect in CSS (cit/css)294
how-tos, css, effects
How to Use Higher-Order Functions in JavaScript293
how-tos, javascript, functions
Progressive Enhancement, the New Hotness (cfe)292
progressive-enhancement
Taming CSS Variables With Web Inspector (web)291
css, custom-properties, browsers, tooling
New CSS Features in 2022 (mic/sma)290
css
Simple Color System for Complex Digital Interfaces289
websites, design-systems, colors, complexity
What’s Really Going On Inside Your node_modules Folder? (soc)288
nodejs, npm, dependencies
5 Things You Don’t Need JavaScript For287
javascript
A Recipe for a Good Design System (ati/sma)286
design-systems
Essential Cryptography for JavaScript Developers285
books, cryptography, javascript
How to Build a File Upload Service With Vanilla JavaScript (log)284
how-tos, file-handling, javascript
How to Publish Deno Modules to npm (kit/den)283
how-tos, deno, modules, dependencies, npm
HTML Tips and Tricks282
html, tips-and-tricks
(Not So) Short Note on Being Owned (ste)281
html, aria, accessibility
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)280
html, css, web-components
Accessibility Checklist: Five Things Usually Left Out (uxd)279
accessibility, checklists
Foundations: Headings (ihe/tet)278
accessibility, fundamentals, html, headings, semantics
CSS “content” Property277
css
Higher-Order Components in React Hooks Era (ade)276
components, react, hooks
Should Frontend Devs Care About Performance?275
performance
Solid.js Feels Like What I Always Wanted React to Be274
frameworks, react, solidjs
Importing ES6 Modules Over HTTP/HTTPS in Node.js273
esm, http, nodejs
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)272
studies, research, frameworks, css, performance
4 Simple Ways to Improve Web Accessibility271
accessibility, optimization
How I Structure My React Projects270
react, architecture
Overlay Position and Recommendations269
accessibility, overlays
Screaming Architecture—Evolution of a React Folder Structure268
react, architecture
When to Avoid the “text-decoration” Shorthand Property (sim/css)267
css, shorthands
Accessibility and Inclusivity in Practice266
podcasts, accessibility, dei
Deploying a React Application to Netlify265
deploying, web-apps, react, netlify
Understanding Dependencies Inside Your package.json (nod)264
nodejs, dependencies, npm, yarn
5 Accessibility Quick Wins You Can Implement Today (css)263
accessibility
A Complete Guide to CSV Files in Node.js (log)262
guides, file-handling, nodejs, csv
Can You Get Pwned With CSS?261
css, security
Container Queries, the Next Step Towards a Truly Modular CSS260
videos, css, container-queries
How to Make MPAs That Are as Fast as SPAs (cfe)259
how-tos, performance, multi-page-apps, single-page-apps
HTML Comments Work in JavaScript Too258
javascript, html, comments
Improving a CDN’s Cache Hit Ratio (erw)257
content-delivery, performance, caching
Moving From Next to Remix256
frameworks, nextjs, remix, comparisons
How to Fix Your Security Vulnerabilities With npm Override255
how-tos, security, vulnerabilities, npm, dependencies
15 Useful Placeholder Tools for Designers and Developers254
tooling, images, content, placeholders, testing, link-lists
Comparing Gatsby and Next.js for Website Development253
gatsby, nextjs, comparisons, site-generators
Component Tokens and Themes Example (to Learn Figma Tokens) (fig)252
design, theming, design-tokens, components, figma
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results251
images, favicons, google, seo
How to Prioritize Your Components (zer)250
how-tos, design-systems, components, prioritization
Inclusive Design vs. Accessible Design: Understanding the Differences249
accessibility, dei, design, comparisons
SPAs Were a Mistake (cfe)248
single-page-apps, mistakes
Support for Marking Radio Buttons Required, Invalid (aar)247
accessibility, html
The Case for Adding Validation State to Your Design Tokens (eri)246
design-tokens, validation
Turning the Tables on Accessibility (the)245
accessibility
What Is Responsible JavaScript? (mal+/sma)244
podcasts, javascript
Design Systems in Figma: How to Be More Productive (uxd)243
how-tos, design-systems, figma, productivity
Reliably Send an HTTP Request as a User Leaves a Page (css)242
http, reliability
A Complete Guide to CSS Cascade Layers (mia/css)241
guides, css, cascade
CSS Quick Tip: Animating in a Newly Added Element (5t3)240
css, animations, tips-and-tricks
How Websites Die239
web, link-rot
Let’s Get Inclusive: Designing Products for Everyone (uxm)238
design, dei
Writing Logic in CSS237
css
Design System: How to Successfully Collaborate? (uxd)236
how-tos, design-systems, collaboration
Column Headers and Browser Support (aar)235
accessibility, html, semantics
Invisible Characters234
websites, unicode
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)233
typography, google, fonts, performance, minimalism
How to Consume Microformats2 Data (mic)232
how-tos, microformats, parsing, json, comparisons
Minimum Static Site Setup With Sass (5t3)231
sass
React State Management Libraries in 2022230
react, state-management, libraries
There Is No Character Limit for “Alt Text” (yat)229
accessibility, html, alt-text, images
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations228
javascript, asynchronicity
Comparing Node JavaScript to JavaScript in the Browser (css)227
javascript, nodejs, browsers, comparisons
Core Web Vitals: What Next? (moz)226
performance, web-vitals, seo
JavaScript Obfuscation: The Definitive Guide (2022)225
guides, javascript, obfuscation
Structuring Documentation in Multi-Brand Design Systems (amy)224
design-systems, documentation
Using “mask” as “clip-path”223
svg, css, masking
Flexbox Dynamic Line Separator (sha)222
css, flexbox
How to Create a Search Page for a Static Website With Vanilla JS (cfe)221
how-tos, functionality, search, html, javascript
Web Developers and Cognitive Biases220
productivity, career
What Makes Writing More Readable?219
writing, readability
How-To: Correctly Test for Python’s Version (tab)218
how-tos, python, testing, versioning
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css)217
css, grids, layout
Browsers for People Who Just Want a Browser (nei)216
browsers, tor-browser, konqueror, edge, microsoft, vivaldi
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”215
javascript, fundamentals, career
Track Down the JavaScript Code Responsible for Polluting the Global Scope214
javascript, scope
What Is the Difference Between WCAG Compliance Level A, AA, and AAA?213
accessibility, wcag, compliance
The State of JavaScript 2021 [Results] (sac/dev)212
surveys, metrics, javascript
7 Lessons I’ve Learned in the Last Year as a Software Engineer211
lessons, career
10 Mental Models Developers Can Use to Get Unstuck210
productivity
Introducing Progressive Web Apps (nit)209
introductions, progressive-web-apps, web-apps
Never, Ever, Ever Use Pixelation for Redacting Text208
content, images, obfuscation, security
The Basics of package.json (nod)207
fundamentals, nodejs, dependencies, npm, yarn
Version 100 in Chrome and Firefox (moz)206
browsers, support, google, chrome, mozilla, firefox
Colors That Make Sense205
accessibility, semantics, colors
Foundations: Colour and Meaning (ihe/tet)204
accessibility, fundamentals, colors
WCAG 2.2 Update203
accessibility, wcag
7 Killer One-Liners in JavaScript202
javascript
Functions and the Future of Design Systems201
design-systems
The Entire Cascade (as a Funnel) (mia)200
code-pens, css, cascade
Hello, CSS Cascade Layers (sha)199
css, cascade
Introducing PHP: A Beginner’s Guide198
introductions, guides, php
Multi-Value CSS Properties With Optional Custom Property Values (css)197
css, custom-properties
Using the Language Attribute to Make Your Website Accessible (cra)196
attributes, accessibility, localization, internationalization
WebDex: Web Specs Index (don)195
terminology, standards
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)194
html, semantics, naming
How to Keep Your Repo Package Dependencies Up to Date Automatically193
how-tos, dependencies, tooling, github-actions
Moving From JavaScript to TypeScript192
javascript, typescript
Release Notes for Safari Technology Preview 140 (jon/web)191
release-notes, safari, apple, browsers
Accessibility Monitoring: How We Test190
accessibility, monitoring, testing, case-studies
Everything Publishers Need to Know About URLs189
seo, urls, naming
How to Make CSS Slanted Containers (css)188
how-tos, css
MHTML in Chromium187
html, browsers
Only 2% of Sites Meet Accessibility Standards—Let’s Change That186
accessibility
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site185
performance, compression, brotli, gzip
What I Learned Implementing a Design System for an Existing Product184
design-systems, lessons
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (uxd)183
design, layout, grids, content
Building an Adaptive Favicon (arg)182
images, favicons
Debugging JavaScript (fla)181
javascript, debugging
Developing a Focus Style for a Themable Design System180
accessibility, design-systems, theming, focus
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)179
javascript, events
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)178
modals, html, semantics
This Is Why Your Node.js Application Is Slow177
performance, nodejs
Aspect Ratio Is Great (mic)176
css, aspect-ratio, layout
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli)175
javascript
Accessibility Testing Best Practices in CI/CD174
accessibility, testing, ci-cd, best-practices
Creating Generative SVG Grids173
javascript, svg, grids
CSS Animations Tutorial: Complete Guide for Beginners172
tutorials, guides, css, animations
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi)171
how-tos, images, favicons
Introducing the Dialog Element (web)170
introductions, html, modals
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm)169
design, user-experience, trends
Do We Need Screen Reader for Accessibility Testing168
accessibility, testing, screen-readers
How to Use the Accessibility Tree for A11Y Testing167
how-tos, accessibility, testing
UX and User Personas: How to Get It Right166
user-experience, usability, personas
How to Create a UX Vision Statement (nng)165
how-tos, user-experience
Are We Live? (sco)164
accessibility, aria
Design System Versioning: Single Library or Individual Components? (bra)163
design-systems, versioning
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements162
accessibility, conformance, testing
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)161
frameworks, javascript, react
Foundations: Colour Contrast (ihe/tet)160
accessibility, fundamentals, colors, contrast
8 Key Elements for Creating a Culture of Accessibility159
accessibility, culture
Custom Markdown Components in 11ty (ale)158
eleventy, markdown, functionality
HTML Cheat Sheet—HTML Elements List Reference (fre)157
html, semantics, examples, cheat-sheets
Introducing Wolvic (iga)156
introductions, wolvic, igalia, browsers, xr
No Accessibility Without Disabilities (yat)155
accessibility, user-experience
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)154
social-media, embed-code, sustainability, performance
The Impact of Motion Animation on Cognitive Disability (tpg)153
accessibility, css, javascript
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)152
javascript, frameworks, hydration
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)151
javascript, performance, bundling, code-splitting, optimization
Settings Are Not a Design Failure150
design, usability, user-experience
State of Frontend 2022149
surveys
Grow Your Design System From Good to Great148
design-systems
Assistive Technology, Accessible Technology, and the Accessibility Tree (uxd)147
accessibility, screen-readers, assistive-tech, tooling
24 Lesser-Known HTML Attributes You May Want to Use146
html, attributes
5 Pitfalls of Using Micro Frontends and How to Avoid Them145
micro-frontends
Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus144
guides, design, usability
CSS—Understanding the Cascade (bra/9el)143
videos, css, cascade
“Evergreen” Does Not Mean Immediately Available (eri/css)142
browsers
Structuring Your Storybook (sto)141
storybook
Website Themes and Color Schemes140
design, theming, colors, color-palettes
Career Advice Nobody Gave Me: Never Ignore a Recruiter139
career
Cascade Layers Are Coming to Your Browser (una)138
css, cascade, browsers, support
4 Questions to Ask Before Using ARIA137
accessibility, aria, semantics, testing
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)136
javascript