Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2021” News Archive

Definition, related topics, and tag feed

“2021” RSS feed (per email)

Entry (Sources) and Other Related TopicsDate#
A Unified Theory of Web Performance (sli)1,098
Exposing Mid-Resource LCP Values1,097
,
Image Magnifier Using Only One Line of CSS (ami)1,096
,
Page Visibility: If a Tree Falls in the Forest…1,095
, ,
Add Less (cas/css)1,094
pkg.land1,093
, , ,
Updating a Branch With “git rebase”1,092
,
Using Diagnostic Metrics1,091
,
Dynamic Static Typing in TypeScript (dea/sma)1,090
,
Empathetic Animation (css)1,089
,
Practical Tips for Load-Testing Web Applications1,088
, , ,
WCAG and Accessibility: What Is a Statement of Partial Conformance?1,087
, ,
Add a Service Worker to Your Site (cfe/css)1,086
,
Shedding Light on Fiverr’s Dark Mode Creation Process1,085
,
Building Gatsby Themes for WordPress-Powered Websites (sma)1,084
, ,
Web Accessibility Cheat Sheet1,083
,
CSS in 2022 (bra)1,082
1000+ Web Development Resources1,081
The Business Case for Performance1,080
,
Faster Websites by Using Less HTML (j9t)1,079
, , , ,
Container Queries (5t3)1,078
, ,
Form Autocomplete (ben/5t3)1,077
,
Personalize It! (una/css)1,076
, ,
Redirect Liquidation (tim)1,075
, ,
Remember You Are Not the User (css)1,074
, , ,
Show, Don’t Tell (css)1,073
, ,
The Many Methods for Using SVG Icons (hui)1,072
, , ,
The CSS “:has()” Pseudo-Class, aka Parent Selector1,071
,
Wrapping Text Inside an SVG Using CSS1,070
,
Frontend Web Performance: The Essentials1,069
, ,
Building a Greener Web (mic)1,068
CSS Animation (5t3)1,067
,
CSS Snapshot 2021 (tab+/w3c)1,066
,
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1,065
, ,
Make Joyful Things (css)1,064
WebGPU From WebGL1,063
,
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra)1,062
,
13 Tools and Techniques to Accelerate Frontend Development1,061
, , , , , , , , ,
5 Common Misconceptions About WAI–ARIA and Accessibility1,060
, ,
Auto Dark Theme (chr/css)1,059
, ,
Be Prepared for Failure and Handle It Gracefully (css)1,058
,
Design Sprints Revisited: Designing With Your Users and Developers (uxm)1,057
,
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1,056
, ,
How to Define Your Relationship to Sites You Link To (ste)1,055
, , , ,
HTML Cheat Sheet1,054
, , ,
Image Display Elements (5t3)1,053
, ,
PHP 8 in a Nutshell (ami)1,052
,
Smoothly Reverting CSS Animations1,051
,
The Web Starts on Page Four (cod)1,050
Why UX Is the Best SEO Strategy (uxm)1,049
, ,
4 HTML Concepts You Didn’t Know (j9t)1,048
, ,
Preference Queries (5t3)1,047
Ultimate HTML Cheatsheet1,046
,
Web Performance, Core Web Vitals, and Vanity Metrics1,045
, ,
This Is WCAG 2.11,044
, ,
This Is WCAG1,043
, , ,
CSS Houdini Paint API (5t3)1,042
, , ,
There’s Never Been a Better Time to Build Websites1,041
,
Consistent, Fluidly Scaling Type, and Spacing (bel/css)1,040
, , ,
Deep-Copying in JavaScript Using “structuredClone” (sur/dev)1,039
Don’t Start With Microservices in Production—Monoliths Are Your Friend1,038
, ,
Hands On With the New Responsiveness Metrics1,037
, ,
Inaccessibility of CAPTCHA (w3c)1,036
,
Sustaining Maintaining (dav)1,035
Web Platform Design Principles (w3c)1,034
, , , ,
Web vs. Email Development: The 11 Biggest Coding Differences1,033
, , , ,
Why Motion on Websites and Digital Content Is a Problem (mer/equ)1,032
100 Tips on Software Developer Productivity1,031
,
CSS Can Help Improve Your HTML!? Buttons and Links1,030
, , , ,
CSS Custom Properties (5t3)1,029
,
Explain Like I’m Five: Web Performance Optimization (sto)1,028
,
Shifting the Mindset About Accessible Content (mni)1,027
,
The State of CSS 2021 [Results] (sac/dev)1,026
,
Thoughts on Skin Tone and Text Descriptions (tin)1,025
, ,
Details/Summary (5t3)1,024
, ,
Performance Implications of JavaScript Errors1,023
, ,
Practical Ethics for the Modern Web Designer1,022
,
Read Your Website (geo/css)1,021
The Ideal Line Length and Line Height in Web Design (pim)1,020
, ,
Visual Regression Testing for Design Systems With Figma Branches1,019
, , ,
Lessons Learned From Publishing a Content Security Policy1,018
, ,
Embrace the Platform (bra/css)1,017
, , ,
How Not to Create a Button (eev)1,016
, ,
Intersection Observer (5t3)1,015
,
WCAG 2 Is What We Have (kil)1,014
,
WCAG 2.2: What We Know Till Now1,013
,
5 Key Benefits of Using a Tag Manager1,012
Defer Non-Critical Resources1,011
,
WCAG 3 Is Not Ready Yet (yat)1,010
,
How to Customize Firefox UI—Step-by-Step Tutorial1,009
, , , , , ,
Standardizing Focus Styles With CSS Custom Properties (5t3/css)1,008
, , ,
Breaking Out of the Box (pat/ali)1,007
,
Caching: Understanding the Scope1,006
,
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)1,005
, , ,
The Last Design You’ll Ever Make1,004
WCAG 3 and APCA1,003
, , , ,
1993: Mosaic Launches and the Web Is Set Free (ric)1,002
, ,
5 Reasons You Should Adopt a Micro Frontend Architecture1,001
,
Content Separation1,000
Node.js Memory Limits—What You Should Know (app)999
,
Redirects for SEO: A Simple (but Complete) Guide (ahr)998
, , ,
Writing Better CSS (ale)997
, ,
A Beginner’s Guide to Vue Router996
,
Defensive CSS (sha)995
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (w3c)994
, ,
Google Fonts Knowledge (ell)993
, ,
Optimizing State Management in React Applications992
,
Test Your Product on a Crappy Laptop (eri/css)991
, ,
Where Do You Put Spacing on Design System Components? (eri)990
, , ,
Designing Better Links for Websites and Emails: A Guideline (sma)989
, ,
HTTP Compression988
, , ,
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)987
Why You Should Check in Your Node Dependencies986
,
CSS Fingerprinting985
, , ,
Have Core Web Vitals Made the Web Faster? (tun)984
,
How Many People With Disabilities Use Our Site? (hdv)983
The Love of Curvilinear Design (uxd)982
Plugging Memory Leaks in Your App (sto)981
,
Ain’t No Party Like a Third Party (ada/css)980
, ,
JSON Modules in JavaScript979
, ,
Request for a General Theory of Web Performance978
Why Every Developer Should Start Blogging977
, , ,
Revisiting the Anatomy of a Design System (uxd)976
Best Practices for Node.js Development975
, ,
Markup (htt)974
, , , ,
Accessibility (htt)973
, , , ,
CSS (mey/htt)972
, , , ,
HTTP (htt)971
, , , , ,
JavaScript (htt)970
, , , ,
New Living Standards (dom)969
,
Open Props (arg)968
, , ,
Page Weight (htt)967
, , , ,
Security (htt)966
, , , ,
The Fundamentals of CSS Layout (dev)965
, , ,
Understanding Accessibility964
, ,
Why Color Contrast Is Not as Black and White as It Seems963
, ,
CSS Layout From the Inside Out (rac)962
, ,
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)961
, , , , , ,
The Surprising Behavior of “Important CSS Custom Properties” (ste)960
, ,
“aria-label” Is Not Always the Answer (eev)959
, ,
The State of UX in 2022: Rebuild (fab/uxd)958
, ,
Introduction to TCP Connection Establishment for Software Developers957
, ,
Making Accessibility More Accessible956
How to Maintain a Large Next.js Application (sma)955
, ,
Introduction to Svelte Actions (log)954
,
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)953
, ,
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)952
, ,
The Pagination Predicament (kev)951
,
Understanding WCAG 2.1 Level AAA (tet)950
,
What Is Magento? A Brief Introduction949
, , ,
What Is WHOIS and How Does It Work?948
,
How to Trim Strings in JavaScript947
, ,
Make Your Website Stand Out With a Custom Scrollbar946
Programmers Should Stop Celebrating Incompetence945
7 Ways to Improve Node.js Performance at Scale (app)944
, ,
Creating Generative Patterns With the CSS Paint API (css)943
,
Get Started With Validation in Node.js942
, ,
Three Phases of Life for Design Systems941
What Kind of Developer Do I Want to Be?940
A Modern CSS Reset (jos)939
,
Adding a Dyslexia-Friendly Mode to a Website (sma)938
,
Control Layout in a Multi-Directional Website (css)937
, ,
Functional Programming in PHP: Higher-Order Functions936
, ,
Modern CSS in a Nutshell (spa/clo)935
The 6 Ways of Writing HTML (and Their Combinations) (j9t)934
Blog Page Accessibility Deep Dive933
, ,
How JavaScript Engines Achieve Great Performance932
, ,
Improving the Performance of Wix Websites (Case Study) (sma)931
, , ,
Responsive Layouts, Fewer Media Queries (css/css)930
,
Designing Sustainable Websites (ger)929
, ,
Accessibility Myths928
, ,
Dear HTML Element927
How to Make Blob Menu Using HTML, CSS, and JavaScript926
, , ,
Introduction to Web Sockets925
, , ,
Parallax Powered by CSS Custom Properties (jhe/css)924
, , ,
Tales of the Autistic Developer—Order and Chaos923
20 Years of bram.us (bra)922
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (uxd)921
,
1992: The Web vs. Gopher, and the First External Browsers (ric)920
Dynamic Color Manipulation With CSS Relative Colors (jim)919
,
Let’s Not Send Developers to the Accessibility Tree Tool (cod)918
, ,
PHP Date and Time Recipes (css)917
,
Various Ways to Include Comments on Your Static Site916
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)915
, ,
How to Create Reusable Components With the Vue 3 Composition API914
, , ,
Performance (sia/htt)913
, , , , ,
Tor and the Humans Who Use It (tor)912
, , ,
Three Principles to Better Present Your UI Designs (uxd)911
,
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards (uxd)910
, ,
4 Ways to Document Your Design System With Storybook (sto)909
, ,
A Clever Sticky Footer Technique (chr/css)908
, ,
A Primer on Product Management for Engineers907
,
Design System Best Practices With ESLint Series (and)906
, , , ,
Generate a Pull Request of Static Content With a Simple HTML Form (css)905
,
Reframing Tech Debt904
Using “position: sticky” With CSS Grid (sha)903
, , ,
We Need to Talk About Accessibility—Again, and Again, and Then Some More902
5 Popular Frontend Development Tools in 2021901
Access to Tech, Tech to Live (btc)900
,
Get Your “Head” Straight (css/btc)899
, ,
GitHub’s Commitment to npm Ecosystem Security (git)898
, ,
How to Fetch Data in Svelte897
, ,
Semantics and How to Get Them Right (hdv/btc)896
, , ,
Some Notes on Using esbuild895
,
Why IndexedDB Is Slow and What to Use Instead894
, , ,
Your CSS Is an Interface (eri)893
,
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties892
, , , , ,
Design Systems, Structured Content, and Headless Publishing (amy)891
, , ,
Exploring Retro Web Design890
How to Debounce and Throttle Callbacks in Vue889
, , , , ,
Other Looks at the Conditional Border Radius Trick (chr/css)888
, ,
Useful React Hooks That You Can Use in Your Projects (sma)887
,
Using Web Workers to Boost Third-Party Script Performance (log)886
, ,
Why Your Website Should Not Use Dithered Images885
, , ,
Easy Dark Mode (and Multiple Color Themes) in React (css)884
, ,
View-Source883
, ,
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity (uxd)882
, ,
A Beginner’s Guide to Routing in Next.js, With Examples881
, ,
Browsing With Screen Magnification (tet)880
, , ,
Everything You Ever Wanted to Know About the Accessibility Tree879
,
Detecting Specific Text Input With HTML and CSS (chr/css)878
,
How Designers Can Prevent User Errors877
, ,
Localizing Your Next.js App (ati/sma)876
, ,
Be Usable, Not Consistent, Not Uniform (uxd)875
,
Debugging HTML: Accessibility (mat/mat)874
, ,
Designing a Reorderable List Component873
, , ,
Why You Should Prioritise Quality Over Speed in Design Systems (amy)872
,
Becoming an Expert871
, , ,
In Defence of Dialog870
,
PHP 8.1 in 8 Code Blocks869
Deep Dive Into Node.js Architecture868
, ,
Chrome DevTools: Record and Playback Your User Journeys867
, , , , ,
Everything You Have to Know About Core Web Vitals (fox/cal)866
,
How to Implement Memoization in React to Improve Performance865
, , , ,
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr/dev)864
, , , , , ,
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)863
, , ,
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job862
,
A Deep Dive Into Serverless UI With TypeScript (sma)861
, ,
Browser Wars (jay/css)860
, ,
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)859
, ,
Designing Error Messages and a Logging Strategy in Node.js (app)858
, , , ,
Learn Forms (dev)857
, ,
Learn PWA (dev)856
, ,
Understanding the Differences Between WCAG 2.1 and WCAG 2.2855
, ,
What Is Wireless Application Protocol (WAP)?854
,
Design Is Not Art, and UX Is Not Design (uxd)853
,
Eleventy 1.0—New Option for Global Data (ray)852
Lit Web Components: Tailwind CSS Styles at Build Time (mic)851
, ,
Name, Labels, ARIA, What to Do? (sco)850
, , , ,
Rebase vs. Merge: Integrating Changes in Git (css)849
,