Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“2021” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Make Accessibility Part of Your Startup’s Products and Culture From Day One636
accessibility, culture
Element Diversity (mat)635
html
Interactive Learning Tools for Front-End Developers (lou/sma)634
learning
Getting Started With Web Accessibility Testing633
accessibility, testing, introductions
The Effect of CSS on Screen Readers632
css, accessibility, screen-readers
Threats of Using Regular Expressions in JavaScript631
javascript, regex
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)630
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
CSS Dangling Characters (dfk)629
css
It Takes a PhD to Develop That628
career, quality, complexity
Building a Split-Button Component (arg)627
components, html, css, javascript
Web Scraping With JavaScript and Node.js626
javascript, nodejs, scraping
Best Practices for Logging in Node.js (app)625
nodejs, logging, best-practices
timefind624
packages, npm, history
Twitter’s Div Soup and Uglyfied CSS, Explained623
html, css, twitter+x
Building a Stepper Component (sha)622
components, html, css
Color and Contrast, What Does It Mean? (eri)621
accessibility, colors, contrast
State Management in Next.js (ati/sma)620
state-management, nextjs
Writing High-Performance JavaScript (cfe)619
javascript, performance
Building Reactive Systems With Node.js618
nodejs, reactivity
Using SVG With Media Queries (web)617
svg, css, media-queries
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities616
accessibility, wcag
Shifting Accessibility Testing to the Left615
accessibility, design, usability
Rethinking User Personas614
usability, user-experience, personas
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)613
history, servers, apache, microsoft, iis
Why You Should Manage Your Energy, Not Your Time612
career, productivity
9.5 Ways Google Rewrites Your Title Tags (moz)611
seo, google
Exploring the CSS Paint API: Blob Animation (css/css)610
css, apis, animations
The Seniority Rollercoaster (ger)609
career
What Are the Web Performance Metrics That Actually Matter? (cfe)608
performance, metrics
Common npm Mistakes Every Developer Should Avoid607
npm, mistakes
HTML Cheatsheet606
html, semantics, examples, cheat-sheets
7 Practices to Create Good JavaScript Variables605
javascript, variables
Times New Roman Doesn’t Have to Be Boring—Here’s Why604
typography, fonts
Remove Unnecessary Files in node_modules603
tooling, nodejs
7 Useful CSS Cheat Sheets to Improve Your Skills602
css, cheat-sheets
Creating a Positive Culture Around Accessibility601
accessibility, culture
Essential Concepts in JS600
javascript, concepts
10 Fun Things You Can Do With GitHub.dev599
github
Lighthouse Scores Do Not Affect Google Search/SEO (erw)598
performance, lighthouse, google, search, seo
Compound Components in React (sma)597
react, components
5 Tools to Automate Your Development596
tooling, automation, productivity
CSS Object Model (CSSOM) (gla+/w3c)595
css, cssom
Named and Framed (ste)594
accessibility, html
Why Are Hyperlinks Blue? (moz)593
design, links
How to Use “Promise.any()”592
how-tos, javascript, promises
Getting Started With CSS Animations591
css, animations, introductions
Small Wins for Accessibility and Resilience590
accessibility, resilience, html
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense589
how-tos, css, flexbox, grids, layout, comparisons
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS588
design, css, overflow
jsc: My New Best Friend (cho)587
javascript, tooling
How to Automate Documentation Workflow for Developers (sma)586
how-tos, documentation, automation, github-actions
Scrollbar Reflowing (chr/css)585
scrolling, reflow, user-experience
An Update to How We Generate Web Page Titles (dan)584
google, search, seo
React JS—the Confusing Parts583
react, jsx
Key Data Structures and Their Roles in RenderingNG (chr+)582
browsers, browser-engines, chromium, google, rendering, data-structures
8 Fundamental Principles of Effective Web Design581
principles
HTTP/3: Performance Improvements (pro/sma)580
http, protocols, performance
4 Important Differences Between Regular and Arrow Functions579
javascript, functions, comparisons
An Introduction to Semantic Versioning578
introductions, semver, versioning
5 Ways to Undo Mistakes With Git577
git, command-line, mistakes
Using Objectives and Key Results to Inform UX Design (uxm)576
interviews, user-experience, design, okr, strategies, processes
How I Experience Web Today575
websites, web
Design Thinking: Study Guide (nng)574
guides, design, training, link-lists
Using the Platform573
web-platform
6 CSS Shorthand Properties to Improve Your Web Application572
css, shorthands, optimization
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules571
nodejs, typescript, apis, routing, errors, modules
Accessibility From the Ground Up (kit)570
accessibility
How to Set Up an AWS S3 Static SSL Website569
how-tos, aws, s3, ssl
How to Calculate REMs From Pixels568
how-tos, css
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me567
writing, blogging
What’s on the Menu?566
vuejs, accessibility
UI Cheat Sheet: Spacing Friendships565
design, spacing, cheat-sheets
Web Accessibility Checklist564
websites, accessibility, checklists
I Tried Angular as a React Developer: Here Are 6 Things I Like About It563
angular, react, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)562
javascript
Top 9 Lessons Learned in 12 Years as a Software Developer (the)561
lessons, career
Building the Same App 5 Times560
comparisons, jquery, angular, react, vuejs, svelte
One Favicon to Rule Them All (j9t)559
html, images, favicons
Release Notes for Safari Technology Preview 130 (jon/web)558
release-notes, safari, browsers
Level Up Your CSS Linting Using Stylelint (log)557
css, consistency, linting, stylelint
ARIA Spec for the Uninitiated (ger/deq)556
html, accessibility, aria
State Management in Svelte Applications555
state-management, svelte
What’s New in Bootstrap 5554
frameworks, bootstrap
Using CSS Module Scripts to Import Stylesheets553
css, javascript, modules
Measuring Developer Relations (swy)552
developer-relations, advocacy, metrics
Understanding Generics in TypeScript551
typescript, generics
What Is a Promise? JavaScript Promises for Beginners (fre)550
javascript, promises, asynchrony
CSS Grid Tooling in DevTools549
dev-tools, css, grids, layout, browsers, chrome
Does Shadow DOM Improve Style Performance? (nol)548
dom, shadow-dom, performance, rendering
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)547
css, math, functions
You Don’t Know “useEffect”546
react, hooks
Reviewing a Design for Accessibility545
accessibility, code-reviews, user-experience
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)544
guides, accessibility, focus, wcag, compliance
The Problem of SSR Frameworks (ant)543
server-side-rendering, frameworks, nextjs, sveltekit
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)542
images, avif, deep-dives
Big O, Code Efficiency Analysis541
algorithms, performance
Breaking the Web Forward (ppk)540
web, browsers
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business539
videos, tutorials, ghost, blogging, monetization
Logging in Unit Tests, a Bad Practice (yeg)538
logging, testing
How to Test for Accessibility With Users at Every Design Stage537
how-tos, accessibility, testing
CSS “accent-color” (arg)536
css, forms
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)535
comparisons, tooling, tech-stacks, jamstack
Accessible Design Systems: Look Good While Doing Good534
design-systems, accessibility
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)533
css, animations
The State of Mobile First and Desktop First (sha)532
responsive-design, mobile-first, mobile, desktop
The Complete Guide to HTML Forms and Constraint Validation (cra)531
guides, html, forms, validation
“return await promise” vs. “return promise” in JavaScript530
javascript, promises, comparisons
Accessible Contrast Ratios and A-Levels Explained529
accessibility, colors, contrast
Principles by Design528
design, principles
“<Lazy>” Rendering in Vue to Improve Performance527
vuejs, client-side-rendering, performance, optimization
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)526
css, apis, images, effects
Google vs. the Web (cfe)525
google, web
HTTP/3 From A to Z: Core Concepts (pro/sma)524
http, protocols, concepts
The World of CSS Transforms (jos)523
css, transforms
24+ Essential CSS Properties Every Web Developer Should Know522
videos, css
JavaScript Development: Making a Web Worker Optional521
javascript, web-workers
A Performance-Focused Workflow Based on Google Tools520
performance, web-vitals, tooling, google
How Writing Can Advance Your Career as a Developer519
career, writing
Uploading Multiple Files With Fetch (ray)518
javascript, file-handling, data-fetching
Next-Level List Bullets With CSS “::marker”517
lists, css, selectors
Pixelart and the “image-rendering” Paradox516
css, images, art
30 Years on From Introducing the Web to the World (amy/w3c)515
web, history, anniversaries
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)514
history
Browsers and Representation (jim)513
browsers
Modular Code With Nunjucks and Eleventy (jer)512
nunjucks, eleventy, examples
On the “<dl>” (ben)511
html, lists
Creating a WordPress Child Theme: Is It Really Necessary in 2021?510
wordpress, themes
Sustainable Web Design, an Excerpt (ali)509
sustainability
A Guide to Accessible Digital UX Design508
guides, accessibility, user-experience, design
Inclusive Usability Testing: The Benefits of Inclusive Design507
usability, testing, dei
Visualizing a Codebase506
tooling, developer-experience, visualization
Why Are We Talking So Much About Design Leadership?505
design, leadership
CSS Nesting, Specificity, and You (kil)504
css, selectors, cascade, nesting
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)503
css, shapes, navigation
Writing Great Alt Text: Emotion Matters (jaf)502
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (gar)501
accessibility, overlays
Accessibility Testing With Storybook (sto)500
accessibility, testing, storybook
Refresher on JavaScript Callbacks and Promises (ato)499
javascript, callbacks, promises
React Children and Iteration Methods (sma)498
react
npm Security Best Practices (owa)497
npm, security, best-practices
Building the Perfect GitHub CI Workflow for Your Frontend Team (max)496
github, ci-cd
What Devs Need495
websites, tooling, link-lists
How to Use “Promise.allSettled()”494
how-tos, javascript, promises
Introduction to TCP: Transmission Control Protocol493
introductions, protocols, tcp
How to Build Resilient JavaScript UIs (sma)492
how-tos, javascript, user-experience, resilience
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)491
accessibility, myths
A Deep Dive on Skipping to Content (css)490
accessibility, skip-links, deep-dives
Using localStorage With React Hooks (log)489
browser-storage, react, hooks
Balancing UX Design and Conversion-Rate Optimization (uxm)488
user-experience, design, user-conversion, optimization
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)487
css, maintenance, refactoring, testing, regressions, strategies
The Importance of UX Writing (uxm)486
user-experience, writing, user-conversion
2021 Scroll Survey Report (arg)485
surveys, css, scrolling
Mitigating User Errors (uxm)484
user-experience, errors
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score483
performance, nextjs, lighthouse, case-studies
The (Most Comprehensive) JavaScript Design Principles Guide482
guides, software-design, javascript, principles
Why It’s Okay for Web Components to Use Frameworks (nol)481
frameworks, web-components
Basic Logging With Python (rua)480
python, logging
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer479
dev-tools, accessibility, source-order, debugging, browsers, chrome
101 Digital Accessibility Tips and Tricks478
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better477
design, user-experience, mistakes
Best Practices for Tags and Tag Managers476
tag-management, web-vitals, best-practices
5 Git Tips to Level Up Your Workflow475
git, tips-and-tricks, command-line
CSS Architecture and Performance in Micro Frontends474
css, architecture, performance, micro-frontends
There Is No Such Thing as a CSS Absolute Unit (sma)473
css, units
How to Stay Focused as a Self-Taught Frontend Web Developer472
how-tos, career, learning, productivity
Optimizing Your Own Performance as a Designer471
design, career
Creating an Accessible Dialog From Scratch (kit/sma)470
accessibility, modals
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)469
performance, webpagetest
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)468
css
Architecting and Scaffolding a TypeScript and Express API467
typescript, express, apis
How to Hand Off Accessible Designs to Developers?466
how-tos, accessibility, processes
Safari Isn’t Protecting the Web, It’s Killing It (pim)465
browsers, safari, web
CSS Logical Properties and Values (oll/css)464
css, logical-properties
Thinking About the Cut-Out Effect: CSS or SVG? (sha)463
css, svg, techniques, effects, comparisons
Is It Time to Ditch the Design Grid? (mic)462
design, layout, grids
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks461
tutorials, guides, webhooks
A Beginner’s Guide to Lighthouse460
guides, lighthouse, performance, web-vitals
Global vs. Local Styling in Next.js (sma)459
css, nextjs, comparisons
When You Cannot Run Away From Using Tables on Mobile458
layout, user-experience, tables, mobile
Accessible Design From the Get-Go (rom/evi)457
accessibility
Overview of the RenderingNG Architecture (chr)456
overviews, browsers, browser-engines, chromium, google, rendering
UX Principles That Include Cognitive Accessibility (gar)455
accessibility, user-experience, principles
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender454
css, layout
Takeaways From the 2021 State of Digital Accessibility Report (red)453
surveys, accessibility
What Is SEM Positioning? Definition, Advantages, and Characteristics452
sem, concepts
Getting Started With React “useContext” Hook and React Context451
react, hooks, introductions
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)450
css, layout
You Don’t Need React for Building Websites (cit)449
react
5 UI Tips to Become a Better Front-End Developer448
design, colors, tips-and-tricks
Four Factors in UX Maturity (nng)447
user-experience
12 Python Tips and Tricks You Must Know446
python, tips-and-tricks
It Is Time to Ditch the Title “Evangelist” From Accessibility445
accessibility
Complete Introduction to CSS Flexbox444
introductions, css, flexbox, layout
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)443
how-tos, performance, rendering
Accessibility Strategy for Product Management (slo/tpg)442
accessibility, strategies, product-management
Using Google Drive as a CMS (css)441
content-management, google
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages440
accessibility
The Vanishing Designer439
design, career
Faster Git Checkouts on NFS and SSD With Parallelism438
git
What to Know About AVIF on Cloudinary (sia)437
avif, images, cloudinary
Custom Properties and “@property” (ppk)436
css, custom-properties
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)435
monorepos, npm, typescript
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work434
accessibility, wcag, colors, contrast
Definition of Done vs. Acceptance Criteria433
agile, scrum, processes, comparisons
How to Migrate From WordPress to a Headless CMS (daw/sma)432
how-tos, migrating, wordpress, headless, content-management
The Accessibility Stalemate (cod)431
accessibility
From a Colourblind Designer to the World: Please Stop Using Red and Green Together430
accessibility, colors
A Visual Guide to React Rendering—It Always Re-Renders429
guides, react
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)428
css, animations
Eleventy Serverless With Zach Leatherman (zac)427
videos, eleventy, serverless
An Introduction to Frameworkless Web Components (cra)426
introductions, web-components, javascript, dom
Journey of a Web Page—How Browsers Work425
browsers, concepts
6 Useful Frontend Techniques That You May Not Know About424
html, css, javascript, techniques
The Future of UX Design (uxm)423
interviews, outlooks, user-experience, design
The Ultimate Cheat Sheet List for Web Developers422
html, css, javascript, cheat-sheets
Maintaining End-to-End Quality With Visual Testing (sma)421
testing, quality, design
Principle of Closure in Visual Design (nng)420
design, principles
Why Has User Experience Design Become Legal Experience Design? (gar)419
accessibility, user-experience, legal
Designing for Information Density418
design
Accessibility of the “Section” Element (sco)417
accessibility, html
Magento Tips and Tricks416
magento, tips-and-tricks, seo
The State of Developer Ecosystem 2021 (jet)415
surveys, metrics
What I Learned From “Software Engineering at Google”414
google, lessons
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)413
browsers, mobile, user-experience, apple, facebook+meta, google
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)412
incremental-static-regeneration, rendering, terminology, concepts
What Is Tree Shaking? (cfe)411
javascript, performance, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi+)410
performance, web-vitals, lazy-loading
There’s No Such Thing as Fully Automated Web Accessibility (ann)409
accessibility, automation
Content Accessibility Fact Sheet408
content, accessibility
Designing for the Unexpected (ali)407
design, html, css
How to Get a Pixel-Perfect, Linearly Scaled UI (css)406
how-tos, css, preprocessors, layout
For Developers, Apple’s Safari Is Crap and Outdated405
browsers, apple, safari
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)404
css, transitions, custom-properties, complexity
The 3-Second Frontend Developer Test (j9t)403
html, css, conformance, quality
The Ultimate Guide to Browser-Side Storage (cra)402
guides, browsers, browser-storage, javascript
Angular Is Costing Companies Billions401
angular
The Most Important Lessons I’ve Learned From Senior Software Engineers400
lessons, career
I’m Changing How I Review Code399
code-reviews, quality
An Unreasonably Long Introduction to ARIA (With Example Implementation)398
introductions, accessibility, aria, live-regions, examples
HTTP Status Codes That You Must Know397
http, protocols
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”?396
css, flexbox, alignment
Detecting Media Query Support in CSS and JavaScript (kil)395
css, javascript, media-queries, support
How to Migrate From jQuery to Next.js (fgi/sma)394
how-tos, migrating, jquery, nextjs
Gridless Design (don)393
websites, design, layout
Refactoring CSS: Introduction (cod/sma)392
introductions, css, maintenance, refactoring
TypeScript Interfaces: A Quick Guide to Help You Get Started391
guides, typescript
What People Should Know Before Writing Articles or Creating Products About Accessibility390
accessibility, writing
Freelance React Developer Checklist (rwi)389
react, checklists
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)388
how-tos, javascript, conversion, arrays
Image Descriptions: A Human Technique That Robots Can’t Grasp387
accessibility, images, alt-text
15 HTML5 Best Practices for Beginners to Master386
html, best-practices
Making a Strong Case for Accessibility (col/sma)385
accessibility
The Document Outline (mat/mat)384
html, headings, accessibility
Creating Accessible CSS Art (alv)383
css, accessibility, art
Milligram CSS382
videos, milligram, frameworks, html, css, landing-pages
Performance Design: The Illusion of Speed381
performance, user-experience
The Large, Small, and Dynamic Viewports (bra)380
viewport, layout, responsive-design, css
The Numeric Colour Palettes in Modern Web Frameworks Explained (stf)379
colors, color-palettes, frameworks
ARIA in HTML (sco)378
accessibility, aria, html
Bootstrap 5 Print Stylesheet (chr)377
bootstrap, print, css
TypeScript and Native ESM on Node.js (rau)376
typescript, esm, nodejs
Five Ways to Include D/Deaf Users in Your Designs (tpg)375
accessibility, design
The Dilemma of Naming Font Size Variables (css)374
css, preprocessors, custom-properties
How Does Node.js Load Its Built-In/Native Modules? (joy)373
javascript, nodejs, modules
How to Use “Promise.all()”372
how-tos, javascript, promises
A Quick Introduction to Handlebars371
introductions, handlebars
The Anatomy of a Web Page: 14 Basic Elements370
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
Accessibility and Inclusivity: Distinctions in Experience Design369
accessibility, dei, user-experience
Build a Website With React and Tailwind CSS368
react, tailwind
Using HSL Colors in CSS (sha/sma)367
css, colors
Where Did This Interaction Come From?—A Brief History of Interaction Design366
history, interaction-design
Basics of JavaScript Test Driven Development (TDD) With Jest365
fundamentals, javascript, testing, jest
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)364
how-tos, usability, design, checklists
“export default thing” Is Different to “export { thing as default }” (jaf)363
javascript
Acronyms in Web Development (fla)362
terminology
Evaluating Color and Contrast—How Hard Can It Be? (web)361
accessibility, colors, contrast
Short Note on Skip Links With Sticky Headers360
accessibility, skip-links, css
What Do HTML Elements Sound Like? (rik)359
html, screen-readers, voiceover, accessibility
Accessibility and SEO358
accessibility, seo, html
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (lei/sma)357
testing, quality
Towards Richer Colors on the Web356
design, colors
Encoding Data for POST Requests (jaf)355
javascript, security, encoding
The State of Web Workers in 2021 (sur/sma)354
javascript, web-workers
When a Click Is Not Just a Click (css)353
javascript
Detecting Hover-Capable Devices (mic)352
css, feature-detection, hover
5 Hidden Mistakes That Can Ruin a Developer’s Career351
career, mistakes
10 Figma Best Practices to 10× Your Workflow350
design, figma, productivity, best-practices
9 Tips to Help You Ace a Whiteboard Interview349
interviewing, career, tips-and-tricks
How We Built React Components for Any Front End348
react, components, case-studies
The Internet Is a Collective Hallucination (zit)347
link-rot, web
Colorblind Accessibility Manifesto346
websites, manifestos, accessibility, colors, color-blindness, guidelines
Use the “i” Element, and Use It Appropriately (j9t)345
html, semantics
Introducing GitHub Copilot: Your AI Pair Programmer344
introductions, github-copilot, github, ai, tooling
Code Reusability Patterns for Next.js343
nextjs, maintainability, monorepos
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)342
amp, web-vitals, google
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)341
css, preprocessors, design-tokens
Resource Inlining in JavaScript Frameworks (mge)340
javascript, frameworks, performance, web-vitals
Screen Readers: Hearing the Unseen339
accessibility, screen-readers
The Most Popular Design Thinking Strategy Is BS (fas)338
design, strategies
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals337
css, frameworks, fundamentals, quality
My Journey From a Novice to a Front-End Engineer336
career
I Regret Being a Hipster in Tech335
career
Creating a Multi-Author Blog With Next.js (dom/sma)334
nextjs, blogging
All You Need Is 5 Fonts333
design, typography, fonts
Using CSS to Enforce Accessibility (aar)332
accessibility, css
JavaScript Frameworks and the Lost Art of HTML (ste/deq)331
javascript, html, frameworks
Building a Responsive Layout With CSS Grid and Container Queries (5t3/tro)330
videos, css, grids, layout, responsive-design, container-queries
Container Queries and the Future of CSS (mia)329
videos, css, container-queries
Debugging JavaScript and Front-End328
videos, javascript, debugging
Making the Web—Faster327
web, performance, developer-experience, principles
Beyond Basic Alt Text—Charts, Maps, and Diagrams326
accessibility, alt-text, images, information-design
No Code Reviews by Default325
code-reviews
React Architecture: How to Structure and Organize a React Application324
how-tos, react, architecture
The True Cost of a Redesign323
redesigning, economics
Accessibility in React322
accessibility, react
Custom Scrollbars in CSS (sha)321
css
Demystifying Styled Components (jos)320
css, javascript, components
RenderingNG (chr)319
browsers, browser-engines, chromium, google, rendering, history
A Framework for Building Open Graph Images318
open-graph, images
Craft Good Questions for Usability Tests317
usability, testing
What Is QUIC Protocol: Everything That You Should Know316
protocols, quic
What’s New in ES2021315
javascript, ecmascript, standards
Sorting Colors in JavaScript314
javascript, sorting, colors
Organize Your CSS Declarations Alphabetically (eri)313
css, sorting, maintainability
Blogged Answers: The Evolution of Redux Testing Approaches (ace)312
redux, state-management, testing, history
How to Use Dynamic Imports in JavaScript311
how-tos, javascript
Keeping It Consistent: Design Tokens310
design-systems, design-tokens, consistency
Ultimate Guide to Color in UX/UI Design309
guides, design, colors, figma
Updating a 25-Year-Old Website (sto)308
maintenance
Client-Side Routing in Next.js (ade/sma)307
nextjs, routing
Optical Size, the Hidden Superpower of Variable Fonts (pix)306
css, fonts, variable-fonts, typography
Your Image Is Probably Not Decorative (eri/sma)305
images, decoration, accessibility, alt-text
Web Audio API (pad/w3c)304
standards, multimedia, apis
OMG, SVG Favicons FTW!303
html, images, favicons, svg
How Apple Changed the Way We Navigate—Forever302
design, navigation, apple
A Complete Guide to Accessibility Tooling (nic/sma)301
guides, accessibility, testing, automation
A Complete Guide to Accessibility Tooling (nic/sma)300
guides, accessibility, tooling
NPM Global Audit299
packages, npm, security, quality, auditing
Shut Up, Old Man… (cod)298
career
Everyday Accessibility297
accessibility
Dart Basics296
fundamentals, dart, flutter
Understanding and Preventing Common Security Vulnerabilities295
security, vulnerabilities
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)294
css, javascript, accessibility
Provided “As Is,” Without Warranty of Any Kind (sir)293
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console292
regex, seo, google
Half the Size of Images by Optimising for High Density Displays (jaf)291
html, images, performance
Serving Sharp Images to High Density Screens (jaf)290
performance, images
The Art of Frontend Engineering289
career
Adding Shadows to SVG Icons With CSS and SVG Filters (css)288
css, svg, images, icons, shadows, filters, effects
React Cheat Sheet (Updated June 2021)287
react, cheat-sheets
How to Center Anything in CSS Using Flexbox and Grid (fre)286
how-tos, css, flexbox, grids, centering
Let’s Learn About Aspect Ratio in CSS (sha)285
css, aspect-ratio
The Ultimate CSS Flexbox Cheat Sheet With Examples284
css, flexbox, layout, cheat-sheets, examples
An Interactive Guide to CSS Transitions (jos)283
guides, css, transitions
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)282
css
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)281
css, selectors
Tips for Real-World Alpine.js (cod)280
alpinejs, tips-and-tricks
Why Validate? (j9t)279
html, css, quality, conformance, craft
Building a Color Scheme (arg)278
css, design, colors, color-palettes
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States277
design, usability
Ready-Made Counter Styles (ri/w3c)276
css, localization, counters
The Simplicity of Svelte275
svelte, simplicity, examples
What Is Prisma and Why Do We Need Another ORM? (nea)274
databases, tooling, orm, prisma
10 Postman Features Everyone Should Know (get)273
postman
Component-Specific Design Tokens (clo)272
components, design-tokens
Towards a Common Vision for Browser Extensions271
browsers, browser-extensions
Improving the UX of Your Design System270
design-systems, user-experience, optimization
Reasons Why Bugs Might Feel “Impossible” (b0r)269
debugging, quality, bugs
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)268
performance
A Comprehensive Guide to Vue Slots267
guides, vuejs
Extracts From a Private Q&A Retrospective About the WHATWG266
interviews, whatwg
The Dark Side of Notepad++ : v8265
release-notes, notepad++
10 Utility Functions for Working With Objects in JavaScript264
javascript, functions, objects
Using AVIF to Compress Images on Your Site263
performance, images, avif, compression
An Accessibility Strategy262
accessibility, strategies
Vue.js vs. React—Not Your Usual Comparison261
frameworks, vuejs, react, comparisons
Accessible Overflow260
accessibility, html, css, overflow
A Little Book of Accessibility (gar)259
accessibility
JavaScript: Debouncing and Throttling258
javascript, debouncing, throttling
CSS System Colors (jim)257
css, colors
Managing Shared State in Vue 3 (wil/sma)256
vuejs, state-management
Best Practices for Fonts (tun)255
fonts, best-practices, performance
Getting Started With a Kanban Board: 6 Tips for Productive Work254
introductions, kanban, agile, tips-and-tricks, productivity
Open Source Insights253
websites, foss, dependencies, security, licensing
How to Redirect HTTP to HTTPS (sem)252
how-tos, redirecting, http, tls, wordpress, nginx, iis, apache, servers, seo
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)251
how-tos, performance, web-vitals
“inherit”, “initial”, “unset”, “revert” (ppk)250
css
CSS for Web Vitals (una)249
css, performance, web-vitals
Looking Fine With Firefox 89 (chr/moz)248
release-notes, firefox, browsers
Thoughts for the Aging Web Developer (j9t)247
career
Embracing Design Constraints (aar)246
design
The Hidden World of “aria-hidden” (ste)245
accessibility, aria, html, hiding
Why Accessibility Overlays Hurt More Than Help (dbo)244
accessibility, overlays
Elasticsearch Boolean Query Performance (ast)243
tooling, search, performance
Disabling a Link (sco)242
links, css, accessibility
Geolocation API (mar/w3c)241
geolocation, apis, standards
How to Build an Image Comparison Slider240
how-tos, sliders, react, images
What Makes a Great Component Library?239
components, libraries
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)238
accessibility, svg, images, screen-readers
History of Web Browser Engines From 1990 Until Today237
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
Accessible Web Forms236
videos, accessibility, forms
Writing Better Regular Expressions in PHP235
php, regex, readability
A Beginner’s Guide to Vue 3234
guides, vuejs
A Thorough Analysis of CSS-in-JS (css)233
css, javascript, css-in-js
25 Years of CSS (mey)232
css, history
Your Design System Is Actually a Product—Treat It Like One231
design-systems
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)230
css, container-queries
Hiding Posts With Future Dates in Eleventy (san)229
eleventy, time, hiding
Access Guide228
websites, guides, accessibility
The Curb-Cut Effect (ske)227
accessibility
Svelte for the Experienced React Dev (ada/css)226
react, svelte
A11y Audit Bookmarklets (llo)225
accessibility, auditing, link-lists, bookmarklets
How to Implement Authentication in Next.js With Auth0 (fgi/sma)224
how-tos, nextjs, authentication, tooling, auth0
Professional Development Is a Choice223
career, training, professionalism
Useful and Useless Code Comments (jim)222
developer-experience, comments
Approaches to Undo and Redo (mca)221
undo-redo, functionality, javascript
The New Responsive: Web Design in a Component-Driven World (una)220
responsive-design, css, components
Dark Patterns Tip Line219
websites, dark-patterns, user-experience
How to Name Your Design System218
how-tos, design-systems, naming
Don’t Overabstract Your Components217
html, javascript, components
WebGPU (kai/w3c)216
webgpu, standards
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)215
html, css, conformance, metrics, quality, craft
Learn CSS (bel)214
courses, css
FTP: Fifty Years and Millions of FTP Servers Worldwide213
ftp, standards, history, servers, tooling
We Need to Talk About WCAG (ria)212
accessibility, wcag
The Button Cheat Sheet (mat)211
html, cheat-sheets
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)210
studies, research, fundamentals, server-side-rendering
Container Queries in Web Components (mxb)209
css, container-queries, web-components
Tree-Shaking: A Reference Guide (ati/sma)208
guides, performance, optimization, javascript, tree-shaking
Create Scripts in JavaScript With zx207
zx, javascript, automation
Can I “:has()” (bka)206
css, selectors, igalia
JPEG XL205
websites, jpeg-xl, images
Upgrade Your HTML III (j9t/fro)204
books, frontend-dogma, html, minimalism, craft, conformance
Making Disabled Buttons More Inclusive (san/css)203
css, accessibility
Video SEO Best Practices for Ecommerce202
seo, google, multimedia, ecommerce, best-practices
Building a React Design System for Adoption and Scale201
react, design-systems
A Complete Guide to Grid (css)200
guides, css, grids, layout
A Primer on CSS Container Queries (5t3/sma)199
introductions, css, container-queries
Everything You Need to Know About A/B Testing198
metrics, a-b-testing, optimization
Web Application Development: The Ultimate Guide (2021)197
guides, web-apps
Rethinking Component Libraries196
components
Introduction to Using Dart in Flutter (log)195
introductions, dart, flutter
Meet zx: A Better Way to Write Scripts With Node.js194
zx, nodejs
Introduction to HTTP Cookies193
introductions, cookies, javascript
How to Satisfy User Intent When Considering Search vs. Browse192
how-tos, usability, browsing, searching, comparisons
Custom Attributes Are Fast Good and Cheap (dfk)191
attributes, css, selectors
Is Vendor Prefixing Dead? (css)190
css, vendor-extensions
Overreliance on Overlays Is Counter to Enculturation of Accessibility189
accessibility, overlays
Reducing HTML Payload With Next.js (Case Study) (sma)188
nextjs, html, performance, case-studies
Checking “Under the Hood” of Code (jay)187
dev-tools, browsers, debugging, console, javascript, html, css, history
Auditing Design Systems for Accessibility (ann/deq)186
accessibility, design-systems, quality, auditing
4 Soft Skills Every Designer Should Aspire to Learn (uxm)185
design, career
The Evolution of Jamstack (bii/sma)184
tech-stacks, jamstack, nextjs
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)183
hotwire, forms, search, functionality
Use Depfu and Mergify to Automatically Merge Dependency Updates182
dependencies, maintenance, automation, depfu
Understanding Design Systems—Designing Component APIs181
design-systems, components, apis
Better Onboarding: How to Prevent Codebase Overwhelm180
how-tos, onboarding
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)179
videos, components, responsive-design, breakpoints
Immersive Content Strategy (ali)178
content, content-strategy, user-experience
A Complete Guide to Custom Properties (chr/css)177
guides, css, custom-properties, examples
Understanding the New Reactivity System in Vue 3176
vuejs, reactivity
Level Up Your Team Workflows With These Kanban Board Best Practices175
agile, kanban, best-practices
Goodnight Polymer Project174
web-components, polymer, lit
Find Unused npm Dependencies173
packages, dependencies
Edge and Epic Browser Are Fastest Chromium Based Browsers in 2021 (rol)172
browsers, edge, epic, chromium
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit171
css, custom-properties, browsers, browser-engines, webkit
Cache Busting in Eleventy (bni)170
eleventy, caching
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)169
guides, css, selectors, support
21 Best Practices for a Clean React Project168
best-practices, quality, react
Do You Need to Localize Your Website? (ali)167
content, localization, strategies
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)166
interviews, career
An Introduction to Performance Budgets165
introductions, performance, performance-budgets, metrics
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (lee/sma)164
guides, incremental-static-regeneration, nextjs
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling163
career
The Lazy-Loading Property Pattern in JavaScript (nza)162
javascript, software-design-patterns, lazy-loading, performance
Making GraphQL Work in WordPress (sma)161
wordpress, graphql
Intrinsic Typography Is the Future of Styling Text on the Web (css)160
typography, css
What Is Vite? An Overview of the New Front-End Build Tool (tim)159
overviews, building, tooling, vite
Five Reasons Your First Design System Will Fail158
design-systems
How Artificial Intelligence Is Impacting UX Design (uxm)157
user-experience, design, ai
Content-Aware Image Resizing in JavaScript156
javascript, images, resizing
What Is DevOps? A Comprehensive Introduction155
introductions, dev-ops
CSS Hell154
websites, css
A Beginner’s Guide to Load Balancing (osd)153
guides, load-balancing, concepts, edge-computing
PHP in 2021 (bre)152
php, retrospectives
Overflow Issues in CSS (sha/sma)151
css, overflow, scrolling, flexbox, grids, layout
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)150
browsers, vivaldi, google, monetization
The 5 Most Popular Front-End Frameworks Compared149
frameworks, comparisons, react, angular, vuejs, svelte, emberjs
Fifteen Design Trends From an Accessibility Perspective148
accessibility, design, trends
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know147
accessibility, wcag
Web Developer’s Guide to AVIF Images146
guides, images, avif
Variable Scope, Lexical Scope, and Code Blocks in JavaScript145
javascript, scope
Understanding Logical Focus Order144
accessibility, focus, html
9 Principles of Good Web Design143
design, principles, simplicity, navigation, content, layout, performance, mobile
10 CSS Pro Tips—Code This, Not That (fir)142
videos, css
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)141
webauthn, authentication, apis, standards
Comparing the New Generation of Build Tools (css)140
tooling, building, bundling, comparisons
Write a Plugin for Tailwind CSS139
tailwind, plugins
My Tips for Using IntelliJ IDEA Effectively (das)138
intellij-idea, code-editors, tips-and-tricks, keyboard-shortcuts
Sticky Headers: 5 Ways to Make Them Better (nng)137
navigation, design, optimization