Frontend Dogma

“2022” Archive (5)

Entry (Sources) and Other Related TopicsDate#
Adventures in Text Rendering: Kerning and Glyph Atlases (war)1,076
, ,
Speaking Up and Speaking Out: Tactical Communication in Accessibility (mer/equ)1,075
,
UX Principles That Include Cognitive Accessibility (gar)1,074
, ,
A Good Reset (try)1,073
,
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist (mar/uxd)1,072
, ,
The 10 Affirmations of Good Digital Accessibility (deq)1,071
Django Tips and Tricks (tes)1,070
,
#ADA32: The ADA Has Applied to Digital for Decades (lfl)1,069
, ,
Maintenance Matters (vig)1,068
, , , , ,
Introducing Even More Security Enhancements to npm (myl+/git)1,067
, ,
“<article>” vs. “<section>”: How to Choose the Right One (shu/sma)1,066
, ,
Fix Web Performance for the Long-Term (sia/sho)1,065
, ,
Typography in Web Design (uxm)1,064
,
Priority Hints—What Your Browser Doesn’t Know (Yet) (cda/cod)1,063
,
Your Code Doesn’t Have to Be a Mess1,062
5 Best UX Careers to Pursue in 2022 (uxm)1,061
,
Everything You Need to Know About JavaScript Import Maps (ayi/hon)1,060
, ,
Solving the “Dangler” Conundrum With Container Queries and “:has()” (dav)1,059
,
Clean Architecture: Applying With React1,058
,
Mobile UX: Study Guide (rbu/nng)1,057
, , , ,
Ancient Web Browsers1,056
, ,
The History of JavaScript (iar)1,055
,
Intro to Serverless Functions (bri/net)1,054
, , ,
Say No to Tailwind, Embrace Plain CSS (hay)1,053
, ,
What Is HCI (Human-Computer Interaction)? Meaning, Importance, Examples, and Goals (spi)1,052
, ,
Type Annotations in JavaScript (liz/fus)1,051
, ,
Understanding CSS “:has()” (mey/iga)1,050
, ,
Definitive Guide to CAPTCHA Accessibility (hol)1,049
, ,
Top Layer Support in Chrome DevTools (var/dev)1,048
, , , ,
Escaping the sRGB Prison (svg/css)1,047
,
Roundup of Recent Document Outline Chatter (geo/css)1,046
, ,
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)1,045
, , , ,
Research Insight: Accessibility of Images (ihe/tet)1,044
, , ,
Where’s the Fun in Accessibility? (eli/uxd)1,043
,
Vector Animations With Figma and SVG Animate (ms/uxd)1,042
, , ,
20 Git Commands Every Developer Should Know (dmk)1,041
,
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks (tam/ris)1,040
, , ,
Front-End Internationalisation Tips (nic/stu)1,039
, , ,
Introduction to SvelteKit (fla/thi)1,038
, ,
New WebKit Features in Safari 15.6 (jen/web)1,037
, , , ,
Create Complex Transitions With Individual CSS Transform Properties (zor/css)1,036
, ,
Top 5 npm Vulnerability Scanners (get)1,035
, , ,
Rethinking Device Emulation in Browsers (cod)1,034
, ,
Creating an App Using Drag and Drop With React Without Libraries (fra)1,033
An Introduction to Multithreading in Node.js (zt4/app)1,032
, ,
Powerful Image Optimization Tools (lou/sma)1,031
, , , ,
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (sen)1,030
, ,
15 Common Beginner JavaScript Mistakes (jam)1,029
,
Logical Properties for Useful Shorthands (mic/css)1,028
, ,
The 10 Most Common JavaScript Issues Developers Face (top)1,027
,
Expert Tips for Color Accessibility on the Web (acc)1,026
, ,
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1,025
, , , ,
How Scrum With Kanban Works (reb/scr)1,024
, , ,
Hacking JavaScript Objects (aak)1,023
,
What Is Passwordless Authentication and How to Implement It (mar/sit)1,022
, ,
What Is WAI? The Web Accessibility Initiative (a11)1,021
Useful Tips and Tricks in JavaScript (dev)1,020
,
How Did REST Come to Mean the Opposite of REST? (htm)1,019
JSON Creator Douglas Crockford Interview (dou/evr)1,018
,
Why I No Longer Care What People “Like” or “Don’t Like” (afr/uxd)1,017
Abbreviations Can Be Problematic (tem)1,016
,
7 Tips for Clean React TypeScript Code You Must Know (tap)1,015
, ,
CSS Gradient Background From Figma to CodePen (ita)1,014
, , , ,
Using Grids in Interface Designs (nng)1,013
, ,
An Approach to Continuous Learning (abh)1,012
,
Konqueror: The Forgotten Browser That Conquered the Market (dis)1,011
, , ,
Use Firefox for Accessibility Testing (tod/a11)1,010
, , , ,
Can SVG Symbols Affect Web Performance? (bms)1,009
, ,
What Does x% of Issues Mean? (aar)1,008
,
Welcome to the Dark Side (yat)1,007
, ,
7 Quick Facts About WCAG 2.2 (lev)1,006
, ,
Could Sustainable Websites Increase Energy Consumption?1,005
Working With File System Paths on Node.js (rau)1,004
,
The Hidden History of Screen Readers (she/ver)1,003
, , ,
Minimal Social Markup (j9t)1,002
, , ,
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1,001
, , ,
Web Accessibility Laws and Policies (ia)1,000
, , ,
Perceived Affordances and the Functionality Mismatch (tin)999
, ,
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)998
,
My War on Animation (ses/ver)997
,
Optimizing Node.js Dependencies in AWS Lambda (jbe/aws)996
, , , ,
Custom ESM Loaders: Who, What, When, Where, Why, How (jkj)995
,
Creating a CSS Only Interactive Site Menu (gpm/goo)994
,
Bag Some AAA Wins Where You Can (tem)993
,
Applying SOLID Principles in React (kos)992
, , , ,
Making the Wrong Choice on Build vs. Buy (isa/inc)991
, , , ,
The Cost of Consistency in UI Frameworks (rya/thi)990
,
The Methods UX Professionals Use (jef/mea)989
,
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)988
, , ,
A Look at Remix and the Differences With Next.js (fac/sma)987
, , ,
The Many Faces of Themeable Design Systems (bra)986
,
Building (or Rebuilding) a Website With Accessibility in Mind (shi)985
Forms in Modals: UX Case (vpo)984
, ,
Integer Math in JavaScript (mod)983
,
Statements vs. Expressions (jos)982
,
Generating Accessibility Test Results for a Whole Website With Pa11y CI (mo)981
, ,
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)980
, , , , ,
37 Easy Ways to Spice Up Your UI Designs (eri)979
,
Guide to Trending Front-End Frameworks in 2022 (uxm)978
, , , , , ,
Fundamentals Matter (cfe)977
Technical Writing for Developers (elu/css)976
,
JavaScript Obfuscation Techniques by Example975
, , ,
The Ultimate Guide to Debugging Accessibility Issues974
, ,
Choosing the Right Mindset to Design Complex Applications (ber/uxd)973
, ,
Figma Auto Layout = “display: flex” (ita)972
, ,
Working on a New Feature as a Senior Frontend Developer (joe)971
Set JAWS Free! (yat)970
, ,
The Future of CSS: Variable Units, Powered by Custom Properties (bra/bra)969
, ,
CSS Complexity: It’s Complicated (bar/pro)968
,
Data Structure and Algorithms 102 (kaw)967
, ,
The CSS Cascade, a Deep Dive (bra/css)966
, , ,
Holograms, Light-Leaks, and How to Build CSS-Only Shaders (rob)965
, , ,
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)964
, ,
Make It Accessible (man)963
,
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar)962
, , , ,
An Accessibility-First Approach to Chart Visual Design (ken+/sma)961
,
The Hard Parts of Developer Advocacy (for Me) (bla)960
, , ,
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ)959
, , , ,
Truly Portable Design Patterns (gri/clo)958
,
What Are Color Gamuts (svg)957
HTTP Content Negotiation (fil)956
,
The Joy of Variable Fonts: Getting Started on the Frontend (iff+/evi)955
, , ,
Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice? (rre/uxd)954
, , ,
Style With Stateful, Semantic Selectors (ben)953
,
Inverted Media Queries and Breakpoints (hex)952
,
The Case for Null in Design Systems (eri/adh)951
The Off by Default Web (pau)950
,
Masonry? In CSS?! (mic/css)949
, ,
The Ballad of Text Overflow (sib/tpg)948
, ,
Executing Shell Commands From Node.js (rau)947
,
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies (mad/nex)946
, , ,
Body Margin 8px (mia)945
,
Two Levels of Customising “<selectmenu>” (hdv)944
,
The Unlocked Possibilities of the “:has()” Selector (jim)943
,
Super-Helpful Tips When Working With Figma Component Properties (mrc/uxd)942
, ,
How to Make Text Improve User Experience: Insights Into UX Writing (mya/d4u)941
, ,
Frontend Web Performance: The Essentials940
, ,
css-browser-support (5t3)939
, , , ,
Faster WordPress Rendering With 3 Lines of Configuration (sto)938
, , , ,
Reimagining Front-End Web Development With htmx and Hyperscript (owe)937
,
Web Development Is Like Assembling IKEA Furniture (cod)936
Breaking Out of a Central Wrapper (mic/css)935
Write Git Commit Messages That Your Colleagues Will Love (prp)934
,
How to Auto-Prefix and Minify CSS? (mur)933
, , , ,
Best Practices for Images (nuc)932
, ,
CSS Variable Secrets (lea/css)931
, ,
404 vs. 410—the Technical SEO Experiment (sis/reb)930
, , ,
The New Wave of React State Management929
, ,
“That’s Not Accessible!” and Other Statements About Accessibility (hdv)928
What the Hell Is “<!DOCTYPE html>”?927
,
Thoughts on an Accessibility “Get Well” Plan (j9t)926
, , ,
What Every Newbie Developer Should Know (pri)925
Building Tabs in Web Components (dav)924
Farewell to HTML5Rocks (pau/dev)923
, ,
Googlebot and the 15 MB Thing (goo)922
,
Are You Sure That’s a Number Input? (kil)921
Working With the File System on Node.js (rau)920
, ,
A CLS Punishment for Progressive Enhancement? (bel/pic)919
, ,
How to Serve WebP Images on nginx918
, , , ,
SPAs: Theory Versus Practice (nol)917
,
Demystifying the New Gatsby Framework (mon/sma)916
,
My Wonderful HTML Email Workflow (jos)915
, , ,
What Do the Developers Do in the Last Week of the Sprint? (joh/scr)914
, ,
Imagemin Guard (j9t)913
, , , , , , , , ,
Style Queries (una)912
,
Using JavaScript to Fill localStorage to Its Maximum Capacity (maz)911
,
UX Writing: Study Guide (aka/nng)910
, , , ,
A Previous Sibling Selector (jim)909
,
Why Use Sass? (ia/con)908
GA4 Is Being Blocked by Content Security Policy (rob)907
, , ,
Accessible Design Systems (ihe/tet)906
,
WCAG 2.1 AA Web Accessibility Checklist (hol)905
, ,
Introduction to Defensive CSS (sha/def)904
,
4+ Years of Cracking Technical Interviews (sec)903
,
Missing Introduction to React (kha)902
,
Single Element Loaders: The Bars (css/css)901
Mastering “z-index” in CSS (guy/sit)900
,
Getting Started With Vue Composables (log)899
,
Managing Specificity With CSS Cascade Layers (zor/css)898
, , ,
5 Useful CSS Properties That Get No Love (kev)897
,
Apple Is Not Defending Browser Engine Choice (sli)896
, , ,
How We Designed an Accessible Color Palette From Scratch (wtt)895
, , ,
7 UX Laws You’re Probably Getting Wrong (ben/web)894
, ,
Everything You Need to Know About Web Performance (in 5 Minutes) (fil/vue)893
, ,
Stop the Screen Going to Sleep With JavaScript (mik)892
Can We Enterprise CSS Grid? (hui)891
, , ,
In Defense of Blocks for Local Scopes II (get)890
,
In Defense of Blocks for Local Scopes (get)889
,
Types of URL Redirects and SEO Best Practices (por)888
, , ,
Introducing Keyboard Navigation (tay+/bab)887
, ,
Please Remove That .git Folder886
,
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)885
, , , , , ,
“text-overflow: ellipsis” Considered Harmful (yat)884
, ,
User Vulnerabilities in the Data Cycle (lui/uxd)883
, , ,
Different Ways to Write CSS in React (syn/css)882
,
What Would a Chromium-Only Web Look Like? (mno)881
, , , ,
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+/ane)880
, ,
10 Incident Management Best Practices for Streamlined Operations (pro)879
, ,
Be the Browser’s Mentor, Not Its Micromanager (bel/hey)878
,
Svelte Origins: A JavaScript Documentary (off)877
, ,
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs? (vle)876
, , ,
The Right Space Around Headings in Web Typography (gly)875
, ,
Cascade Layers—There’s a Polyfill for That! (san/odd)874
, ,
How and When to Use the CSS “:has” Selector (iba/log)873
,
A Beginner’s Guide to Inclusive UX Design (uxd)872
, , ,
One Line of CSS to Add Basic Dark/Light Mode (cod)871
,
Icon-Only Links Fail WCAG (tem)870
, , , , ,
Future Features of JS (gnu/the)869
,
Best Practices for Overlays II (con)868
, ,
How I Built a Dark Mode Toggle (hdv)867
,
The Dos and Don’ts of Pairing Typefaces (rac/nng)866
, , , ,
HTML Cheatsheet (sad)865
, ,
Alternatives to Installing npm Packages Globally (rau)864
, ,
The Case for Using Sass in 2022 (may)863
,
Using Web Streams on Node.js (rau)862
,
The Cost of Convenience (sur)861
,
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)860
, ,
Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement (web)859
, , ,
Is It Expensive to Build an Eco-Friendly Website? (sus)858
,
Notes on Maintaining an Internal React Component Library (gab)857
, , ,
In and Out of Style (ada/css)856
,
How to Use ESLint and Prettier for Code Analysis and Formatting (and)855
, , , , , ,
3 Useful CSS Hacks (kev)854
,
Web Design Tool Wish List (gri/clo)853
, ,
Naming Conventions for Design Systems (bac)852
, ,
Fun CSS-Only Scrolling Effects for Matterday (lyn/net)851
, ,
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla/git)850
, ,
How to Remove 99% of JavaScript From Main Thread (mhe/wea)849
, , ,
Complex vs. Compound Selectors (mia)848
, ,
You Don’t Need a JavaScript Library for Your Components847
, ,
5 Very Simple Steps You Can Take for Accessibility Improvement (mni)846
,
The Guide to Windows High Contrast Mode (its/sma)845
, , , ,
Do Dyslexia Fonts Improve Accessibility? (boi)844
,
Why You Should Consider Prisma.io843
, ,
Communication Accessibility: It’s Time to Change How We Communicate (mer)842
,
Conditionally Styling Selected Elements in a Grid Container (rps/css)841
, ,
Design Principles for the Web (ada/wea)840
, , ,
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)839
, , ,
Notes From the Dev: Essential Advice on How to Use MJML (meg/ema)838
, ,
Understanding the JavaScript Window Object (daz/sit)837
,
CSS Card Shadow Effects (hui)836
,
Software Engineering: The Soft Parts (add)835
Change Management for Accessibility (mdh+/deq)834
,
Should I Have Separate GitHub Accounts for Personal and Professional Projects? (the)833
, , ,
Simple CSS Solutions (kev)832
,
The Smallest CSS (fon)831
,
Designing the Perfect Button (dom/wix)830
,
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK (the/gov)829
, ,
The Folly of Design System “Foundations” (dan)828
Design System Maturity (ben/lap)827
,