Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Hide

Frontend Dogma

“2022” News Archive (5)

Entry (Sources) and Other Related TopicsDate#
When Will Scrum Die?1,105
, , ,
Underengineer Your Websites (aar/ben)1,104
, ,
The Advanced Guide to the CSS “:has()” Selector (log)1,103
, ,
Testable Frontend: The Good, the Bad, and the Flaky (nom/sma)1,102
,
Recreating MDN’s Truncated Text Effect (geo/css)1,101
, ,
You Don’t Need Microservices1,100
Why I’m Learning TypeScript1,099
Server Side Includes—All You Need to Know About SSI1,098
Release Notes for Safari Technology Preview 150 (jon/web)1,097
, , ,
Design Systems for Humans (amy)1,096
,
CSS Minimal Dark Mode Toggle Button1,095
, , ,
Adventures in Text Rendering: Kerning and Glyph Atlases1,094
, ,
Abbreviations Suck (cfe)1,093
,
3 Simple Ways to Center an Element Using CSS (zor/css)1,092
, ,
UX Principles That Include Cognitive Accessibility1,091
, ,
The 10 Affirmations of Good Digital Accessibility (deq)1,090
Speaking Up and Speaking Out: Tactical Communication in Accessibility (mer/equ)1,089
,
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist (uxd)1,088
, ,
Maintenance Matters (vig)1,087
, , , , ,
Introducing Even More Security Enhancements to npm (git)1,086
, ,
Django Tips and Tricks1,085
,
#ADA32: The ADA Has Applied to Digital for Decades (lfl)1,084
, ,
A Good Reset1,083
,
Your Code Doesn’t Have to Be a Mess1,082
Typography in Web Design (uxm)1,081
,
Solving the “Dangler” Conundrum With Container Queries and “:has()” (dav)1,080
,
Priority Hints—What Your Browser Doesn’t Know (Yet)1,079
,
Fix Web Performance for the Long-Term (sia)1,078
, ,
Everything You Need to Know About JavaScript Import Maps (hon)1,077
, ,
“<article>” vs. “<section>”: How to Choose the Right One (sma)1,076
, ,
5 Best UX Careers to Pursue in 2022 (uxm)1,075
,
Mobile UX: Study Guide (nng)1,074
, , , ,
Clean Architecture: Applying With React1,073
,
The History of JavaScript1,072
,
Ancient Web Browsers1,071
, ,
Say “No” to Tailwind, Embrace Plain CSS1,070
, ,
What Is HCI (Human-Computer Interaction)? Meaning, Importance, Examples, and Goals1,069
, ,
Understanding CSS “:has()” (mey/iga)1,068
, ,
Type Annotations in JavaScript1,067
, ,
Intro to Serverless Functions (net)1,066
, , ,
Definitive Guide to CAPTCHA Accessibility1,065
, ,
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)1,064
, , , ,
Where’s the Fun in Accessibility? (uxd)1,063
,
Vector Animations With Figma and SVG Animate (uxd)1,062
, , ,
Top Layer Support in Chrome DevTools (dev)1,061
, , , ,
Roundup of Recent Document Outline Chatter (geo/css)1,060
, , ,
Research Insight: Accessibility of Images (tet)1,059
, , ,
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks1,058
, , ,
Introduction to SvelteKit (thi)1,057
, ,
Front-End Internationalisation Tips1,056
, , ,
Escaping the sRGB Prison (svg/css)1,055
,
20 Git Commands Every Developer Should Know1,054
,
Top 5 npm Vulnerability Scanners1,053
, , ,
Rethinking Device Emulation in Browsers (cod)1,052
, ,
Powerful Image Optimization Tools (lou/sma)1,051
, , , ,
New WebKit Features in Safari 15.6 (jen/web)1,050
, , , ,
Creating an App Using Drag and Drop With React Without Libraries1,049
Create Complex Transitions With Individual CSS Transform Properties (zor/css)1,048
, ,
An Introduction to Multithreading in Node.js (app)1,047
, ,
The 10 Most Common JavaScript Issues Developers Face1,046
,
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1,045
, , , ,
Logical Properties for Useful Shorthands (mic)1,044
, ,
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (sen)1,043
, ,
Expert Tips for Color Accessibility on the Web1,042
, ,
15 Common Beginner JavaScript Mistakes1,041
,
Why I No Longer Care What People “Like” or “Don’t Like” (uxd)1,040
What Is WAI? The Web Accessibility Initiative1,039
What Is Passwordless Authentication and How to Implement It1,038
, ,
Useful Tips and Tricks in JavaScript1,037
,
JSON Creator Douglas Crockford Interview (dou)1,036
,
How Scrum With Kanban Works1,035
, , ,
How Did REST Come to Mean the Opposite of REST? (htm)1,034
,
Hacking JavaScript Objects1,033
,
Abbreviations Can Be Problematic (tem)1,032
,
Using Grids in Interface Designs (nng)1,031
, ,
Use Firefox for Accessibility Testing (col)1,030
, , , ,
Konqueror: The Forgotten Browser That Conquered the Market (dis)1,029
, , ,
CSS Properties1,028
,
CSS Gradient Background From Figma to CodePen1,027
, , , ,
Can SVG Symbols Affect Web Performance?1,026
, ,
An Approach to Continuous Learning1,025
,
7 Tips for Clean React TypeScript Code You Must Know1,024
, ,
What Does x% of Issues Mean? (aar)1,023
,
Welcome to the Dark Side (yat)1,022
, ,
7 Quick Facts About WCAG 2.21,021
, ,
Working With File System Paths on Node.js (rau)1,020
,
Could Sustainable Websites Increase Energy Consumption?1,019
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1,018
, , ,
Web Accessibility Laws and Policies1,017
, , ,
The Hidden History of Screen Readers (ver)1,016
, , ,
Perceived Affordances and the Functionality Mismatch (tin)1,015
, ,
Minimal Social Markup (j9t)1,014
, , ,
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)1,013
,
Optimizing Node.js Dependencies in AWS Lambda1,012
, , , , ,
My War on Animation (ver)1,011
,
Custom ESM Loaders: Who, What, When, Where, Why, How1,010
,
Creating a CSS Only Interactive Site Menu1,009
,
Bag Some AAA Wins Where You Can (tem)1,008
,
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1,007
, , ,
The Methods UX Professionals Use1,006
,
The Cost of Consistency in UI Frameworks (rya/thi)1,005
,
Making the Wrong Choice on Build vs. Buy1,004
, , , ,
Applying SOLID Principles in React1,003
, , , ,
The Many Faces of Themeable Design Systems (bra)1,002
,
Technical Writing for Developers (css)1,001
,
Statements vs. Expressions (jos)1,000
,
Integer Math in JavaScript999
,
Guide to Trending Front-End Frameworks in 2022 (uxm)998
, , , , , ,
Generating Accessibility Test Results for a Whole Website With Pa11y CI997
, ,
Fundamentals Matter (cfe)996
Forms in Modals: UX Case995
, ,
Building (or Rebuilding) a Website With Accessibility in Mind994
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)993
, , , , , ,
A Look at Remix and the Differences With Next.js (fgi/sma)992
, , ,
37 Easy Ways to Spice Up Your UI Designs991
,
The Ultimate Guide to Debugging Accessibility Issues990
, ,
JavaScript Obfuscation Techniques by Example989
, , ,
Working on a New Feature as a Senior Frontend Developer988
Figma Auto Layout = “display: flex”987
, ,
Choosing the Right Mindset to Design Complex Applications (uxd)986
, ,
The Future of CSS: Variable Units, Powered by Custom Properties (bra)985
, ,
Set JAWS Free! (yat)984
, ,
Data Structure and Algorithms 102983
, ,
CSS Complexity: It’s Complicated982
,
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)981
, ,
The CSS Cascade, a Deep Dive (bra/css)980
, , ,
Make It Accessible979
,
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar)978
, , , ,
Holograms, Light-Leaks, and How to Build CSS-Only Shaders977
, , ,
An Accessibility-First Approach to Chart Visual Design (sma)976
,
What Are Color Gamuts (svg)975
Truly Portable Design Patterns (clo)974
,
The Joy of Variable Fonts: Getting Started on the Frontend (rom+/evi)973
, , ,
The Hard Parts of Developer Advocacy (for Me) (bla)972
, , ,
HTTP Content Negotiation971
,
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ)970
, , , ,
The Off by Default Web969
,
The Case for Null in Design Systems (eri)968
The Ballad of Text Overflow (sib/tpg)967
, ,
Style With Stateful, Semantic Selectors (ben)966
,
Masonry? In CSS?! (mic)965
, ,
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies964
, , ,
Inverted Media Queries and Breakpoints963
,
Executing Shell Commands From Node.js (rau)962
,
Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice? (uxd)961
, , ,
Two Levels of Customising “<selectmenu>” (hdv)960
,
The Unlocked Possibilities of the “:has()” Selector (jim)959
,
Super-Helpful Tips When Working With Figma Component Properties (uxd)958
, ,
How to Make Text Improve User Experience: Insights Into UX Writing957
, ,
Body Margin 8px (mia)956
, ,
Frontend Web Performance: The Essentials955
, ,
css-browser-support (5t3)954
, , , ,
Faster WordPress Rendering With 3 Lines of Configuration (sto)953
, , , ,
Write Git Commit Messages That Your Colleagues Will Love952
,
Web Development Is Like Assembling IKEA Furniture (cod)951
Reimagining Front-End Web Development With htmx and Hyperscript950
,
How to Auto-Prefix and Minify CSS?949
, , , ,
Breaking Out of a Central Wrapper (mic)948
Best Practices for Images947
, ,
The New Wave of React State Management946
, ,
“That’s Not Accessible!” and Other Statements About Accessibility (hdv)945
CSS Variable Secrets (lea/css)944
, ,
404 vs. 410—the Technical SEO Experiment943
, , ,
What the Hell Is “<!DOCTYPE html>”?942
,
What Every Newbie Developer Should Know941
Thoughts on an Accessibility “Get Well” Plan (j9t)940
, , ,
Farewell to HTML5Rocks (dev)939
, ,
Building Tabs in Web Components938
Working With the File System on Node.js (rau)937
, ,
Googlebot and the 15 MB Thing936
,
Fresh 1.0 (lca/den)935
,
Are You Sure That’s a Number Input? (kil)934
What Do the Developers Do in the Last Week of the Sprint?933
, ,
Style Queries (una)932
,
SPAs: Theory Versus Practice (nol)931
,
My Wonderful HTML Email Workflow (jos)930
, , , , ,
Imagemin Guard (j9t)929
, , , , , , , , ,
How to Serve WebP Images on nginx928
, , , ,
Demystifying the New Gatsby Framework (mon/sma)927
,
A CLS Punishment for Progressive Enhancement? (bel/pic)926
, ,
UX Writing: Study Guide (nng)925
, , , ,
Using JavaScript to Fill localStorage to Its Maximum Capacity924
,
A Previous Sibling Selector (jim)923
,
Why Use Sass?922
GA4 Is Being Blocked by Content Security Policy921
, , ,
WCAG 2.1 AA Web Accessibility Checklist920
, ,
Single Element Loaders: The Bars (css/css)919
Missing Introduction to React918
,
Introduction to Defensive CSS (sha)917
,
Accessible Design Systems (tet)916
,
4+ Years of Cracking Technical Interviews915
,
Stop the Screen Going to Sleep With JavaScript914
Mastering “z-index” in CSS913
,
Managing Specificity With CSS Cascade Layers (zor/css)912
, , ,
How We Designed an Accessible Color Palette From Scratch911
, , ,
Getting Started With Vue Composables (log)910
,
Everything You Need to Know About Web Performance (in 5 Minutes)909
, ,
Can We Enterprise CSS Grid? (hui)908
, , ,
Apple Is Not Defending Browser Engine Choice (sli)907
, , ,
7 UX Laws You’re Probably Getting Wrong (web)906
, ,
5 Useful CSS Properties That Get No Love (kev)905
,
What Would a Chromium-Only Web Look Like? (mno)904
, , , ,
User Vulnerabilities in the Data Cycle (uxd)903
, , ,
Types of URL Redirects and SEO Best Practices902
, , ,
“text-overflow: ellipsis” Considered Harmful (yat)901
, ,
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)900
, , , , , ,
Please Remove That .git Folder899
,
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+)898
, ,
Introducing Keyboard Navigation (bru)897
, ,
In Defense of Blocks for Local Scopes896
,
In Defense of Blocks for Local Scopes II895
,
Different Ways to Write CSS in React (css)894
,
10 Incident Management Best Practices for Streamlined Operations893
, ,
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs?892
, , ,
The Right Space Around Headings in Web Typography (pim)891
, ,
Svelte Origins: A JavaScript Documentary890
, ,
How and When to Use the CSS “:has” Selector (log)889
,
Cascade Layers—There’s a Polyfill for That! (odd)888
, ,
Be the Browser’s Mentor, Not Its Micromanager (bel)887
,
One Line of CSS to Add Basic Dark/Light Mode (cod)886
,
Icon-Only Links Fail WCAG (tem)885
, , , , ,
How I Built a Dark Mode Toggle (hdv)884
,
Future Features of JS (jsn)883
,
Best Practices for Overlays II882
, ,
A Beginner’s Guide to Inclusive UX Design (uxd)881
, , ,
The Dos and Don’ts of Pairing Typefaces (nng)880
, , , ,
HTML Cheatsheet879
, ,
The Case for Using Sass in 2022 (may)878
,
Alternatives to Installing npm Packages Globally (rau)877
, ,
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)876
, , , ,
Using Web Streams on Node.js (rau)875
,
The Cost of Convenience (sur)874
,
Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement873
, , ,
Is It Expensive to Build an Eco-Friendly Website?872
,
Web Design Tool Wish List (gri/clo)871
, ,
Notes on Maintaining an Internal React Component Library870
, , ,
Naming Conventions for Design Systems869
, ,
In and Out of Style (ada/css)868
,
How to Use ESLint and Prettier for Code Analysis and Formatting867
, , , , , ,
3 Useful CSS Hacks (kev)866
,
Why You Should Consider Prisma.io865
, ,
The Guide to Windows High Contrast Mode (its/sma)864
, , , ,
How to Remove 99% of JavaScript From Main Thread (wea)863
, , ,
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla/git)862
, ,
Fun CSS-Only Scrolling Effects for Matterday (net)861
, ,
Do Dyslexia Fonts Improve Accessibility?860
,
Conditionally Styling Selected Elements in a Grid Container (pre/css)859
, ,
Complex vs. Compound Selectors (mia)858
, ,
Communication Accessibility: It’s Time to Change How We Communicate (mer)857
,
5 Very Simple Steps You Can Take for Accessibility Improvement (mni)856
,