Frontend Dogma

“2022” Archive (5)

Entry (With Sources) and Other Related TopicsDate#
Mobile UX: Study Guide (rbu/nng)1046
, , , ,
Ancient Web Browsers1045
, ,
The History of JavaScript (iar)1044
,
What Is HCI (Human-Computer Interaction)? Meaning, Importance, Examples, and Goals (spi)1043
, ,
Type Annotations in JavaScript (liz/fus)1042
, ,
Understanding CSS “:has()” (mey/iga)1041
, ,
Say No to Tailwind, Embrace Plain CSS (hay)1040
, ,
Intro to Serverless Functions (bri/net)1039
, , ,
Definitive Guide to CAPTCHA Accessibility (hol)1038
, ,
Escaping the sRGB Prison (svg/css)1037
,
Top Layer Support in Chrome DevTools (var/dev)1036
, , , ,
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks (tam/ris)1035
, , ,
Where’s the Fun in Accessibility? (eli/uxd)1034
,
Vector Animations With Figma and SVG Animate (ms_/uxd)1033
, , ,
Research Insight: Accessibility of Images (ihe/tet)1032
, , ,
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)1031
, , , ,
Roundup of Recent Document Outline Chatter (geo/css)1030
, ,
Introduction to SvelteKit (fla/thi)1029
, ,
Front-End Internationalisation Tips (nic/stu)1028
, , ,
20 Git Commands Every Developer Should Know (dmk)1027
,
New WebKit Features in Safari 15.6 (jen/web)1026
, , , ,
Rethinking Device Emulation in Browsers (cod)1025
, ,
An Introduction to Multithreading in Node.js (zt4/app)1024
, ,
Top 5 npm Vulnerability Scanners (get)1023
, , ,
Powerful Image Optimization Tools (lou/sma)1022
, , , ,
Create Complex Transitions With Individual CSS Transform Properties (zor/css)1021
, ,
Creating an App Using Drag and Drop With React Without Libraries (fra)1020
Expert Tips for Color Accessibility on the Web (acc)1019
, ,
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (get)1018
, ,
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1017
, , , ,
The 10 Most Common JavaScript Issues Developers Face (top)1016
,
Logical Properties for Useful Shorthands (mic/css)1015
, ,
15 Common Beginner JavaScript Mistakes (jam)1014
,
How Did REST Come to Mean the Opposite of REST? (htm)1013
Why I No Longer Care What People “Like” or “Don’t Like” (afr/uxd)1012
What Is WAI? The Web Accessibility Initiative (a11)1011
What Is Passwordless Authentication and How to Implement It (mar/sit)1010
, ,
Useful Tips and Tricks in JavaScript (dev)1009
,
JSON Creator Douglas Crockford Interview (dou/evr)1008
,
How Scrum With Kanban Works (mar/scr)1007
, , ,
Hacking JavaScript Objects (aak)1006
,
Abbreviations Can Be Problematic (tem)1005
,
Konqueror: The Forgotten Browser That Conquered the Market (dis)1004
, , ,
Use Firefox for Accessibility Testing (tod/a11)1003
, , , ,
Using Grids in Interface Designs (nng)1002
, ,
CSS Gradient Background From Figma to CodePen (ita)1001
, , , ,
Can SVG Symbols Affect Web Performance? (bms)1000
, ,
An Approach to Continuous Learning (abh)999
,
7 Tips for Clean React TypeScript Code You Must Know (tap)998
, ,
What Does x% of Issues Mean? (aar)997
,
Welcome to the Dark Side (yat)996
, ,
7 Quick Facts About WCAG 2.2 (lev)995
, ,
Working With File System Paths on Node.js (rau)994
,
Could Sustainable Websites Increase Energy Consumption? (eat)993
The Hidden History of Screen Readers (she/the)992
, , ,
Perceived Affordances and the Functionality Mismatch (tin)991
, ,
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)990
, , ,
Web Accessibility Laws and Policies (_ia)989
, , ,
Minimal Social Markup (j9t)988
, ,
Optimizing Node.js Dependencies in AWS Lambda (jbe/aws)987
, , , ,
My War on Animation (ses/the)986
,
Creating a CSS Only Interactive Site Menu (gpm/goo)985
,
Custom ESM Loaders: Who, What, When, Where, Why, How (jkj)984
,
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)983
Bag Some AAA Wins Where You Can (tem)982
,
The Cost of Consistency in UI Frameworks (rya/thi)981
,
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)980
, , ,
Making the Wrong Choice on Build vs. Buy (isa/inc)979
, , , ,
The Methods UX Professionals Use (jef/mea)978
,
Applying SOLID Principles in React (kos)977
, , , ,
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)976
, , , , ,
Guide to Trending Front-End Frameworks in 2022 (uxm)975
, , , , , ,
Statements vs. Expressions (jos)974
,
The Many Faces of Themeable Design Systems (bra)973
,
Technical Writing for Developers (elu/css)972
,
Integer Math in JavaScript (mod)971
,
Generating Accessibility Test Results for a Whole Website With Pa11y CI (m_o)970
, ,
Fundamentals Matter (cfe)969
Forms in Modals: UX Case (vpo)968
, ,
Building (or Rebuilding) a Website With Accessibility in Mind (shi)967
A Look at Remix and the Differences With Next.js (fac/sma)966
, , ,
37 Easy Ways to Spice Up Your UI Designs (eri)965
,
JavaScript Obfuscation Techniques by Example964
, , ,
The Ultimate Guide to Debugging Accessibility Issues963
, ,
Figma Auto Layout = “display: flex” (ita)962
, ,
Choosing the Right Mindset to Design Complex Applications (ber/uxd)961
, ,
Working on a New Feature as a Senior Frontend Developer (joe)960
Set JAWS Free! (yat)959
, , ,
Data Structure and Algorithms 102 (kaw)958
, ,
The Future of CSS: Variable Units, Powered by Custom Properties (bra/bra)957
, ,
CSS Complexity: It’s Complicated (bar/pro)956
,
The CSS Cascade, a Deep Dive (bra/css)955
, , ,
Make It Accessible (man)954
,
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)953
, ,
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar)952
, , , ,
Holograms, Light-Leaks, and How to Build CSS-Only Shaders (rob)951
, , ,
An Accessibility-First Approach to Chart Visual Design (ken+/sma)950
,
The Joy of Variable Fonts: Getting Started on the Frontend (iff+/evi)949
, , ,
What Are Color Gamuts (svg)948
HTTP Content Negotiation (fil)947
,
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ)946
, , , ,
Truly Portable Design Patterns (gri/clo)945
,
The Hard Parts of Developer Advocacy (for Me) (bla)944
, , ,
The Ballad of Text Overflow (sib/tpg)943
, ,
Masonry? In CSS?! (mic/css)942
, ,
Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice? (rre/uxd)941
, , ,
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies (mad/nex)940
, , ,
The Off by Default Web (pau)939
,
The Case for Null in Design Systems (eri/adh)938
Style With Stateful, Semantic Selectors (ben)937
,
Inverted Media Queries and Breakpoints (hex)936
,
Executing Shell Commands From Node.js (rau)935
,
Super-Helpful Tips When Working With Figma Component Properties (mrc/uxd)934
, ,
Two Levels of Customising “<selectmenu>” (hdv)933
,
The Unlocked Possibilities of the “:has()” Selector (jim)932
,
How to Make Text Improve User Experience: Insights Into UX Writing (mya/d4u)931
, ,
Body Margin 8px (mia)930
,
Frontend Web Performance: The Essentials929
, ,
css-browser-support (5t3)928
, , , ,
Faster WordPress Rendering With 3 Lines of Configuration (sto)927
, , , ,
Write Git Commit Messages That Your Colleagues Will Love (prp)926
,
Web Development Is Like Assembling IKEA Furniture (cod)925
Reimagining Front-End Web Development With htmx and Hyperscript (owe)924
,
How to Auto-Prefix and Minify CSS? (mur)923
, , , ,
Breaking Out of a Central Wrapper (mic/css)922
Best Practices for Images (nuc)921
, ,
CSS Variable Secrets (lea/css)920
,
The New Wave of React State Management919
, ,
“That’s Not Accessible!” and Other Statements About Accessibility (hdv)918
404 vs. 410—the Technical SEO Experiment (sis/reb)917
, , ,
What the Hell Is “<!DOCTYPE html>”?916
,
What Every Newbie Developer Should Know (pri)915
Thoughts on an Accessibility “Get Well” Plan (j9t)914
, , ,
Farewell to HTML5Rocks (pau/dev)913
, ,
Building Tabs in Web Components (dav)912
Googlebot and the 15 MB Thing (goo)911
,
Working With the File System on Node.js (rau)910
, ,
Are You Sure That’s a Number Input? (kil)909
Demystifying the New Gatsby Framework (mon/sma)908
,
My Wonderful HTML Email Workflow (jos)907
, , ,
SPAs: Theory Versus Practice (nol)906
,
Imagemin Guard (j9t)905
, , , , , , , , ,
What Do the Developers Do in the Last Week of the Sprint? (joh/scr)904
, ,
Style Queries (una)903
,
A CLS Punishment for Progressive Enhancement? (bel/pic)902
, ,
Using JavaScript to Fill localStorage to Its Maximum Capacity (maz)901
,
UX Writing: Study Guide (aka/nng)900
, , , ,
A Previous Sibling Selector (jim)899
,
Why Use Sass? (_ia/con)898
GA4 Is Being Blocked by Content Security Policy (rob)897
, , ,
Accessible Design Systems (ihe/tet)896
,
WCAG 2.1 AA Web Accessibility Checklist (hol)895
, ,
Single Element Loaders: The Bars (css/css)894
Missing Introduction to React (kha)893
,
Introduction to Defensive CSS (sha/def)892
,
4+ Years of Cracking Technical Interviews (sec)891
,
Getting Started With Vue Composables (log)890
,
Apple Is Not Defending Browser Engine Choice (sli)889
, , ,
7 UX Laws You’re Probably Getting Wrong (ben/web)888
, ,
Can We Enterprise CSS Grid? (hui)887
, , ,
How We Designed an Accessible Color Palette From Scratch (wtt)886
, , ,
Managing Specificity With CSS Cascade Layers (zor/css)885
, , ,
5 Useful CSS Properties That Get No Love (kev)884
,
Stop the Screen Going to Sleep With JavaScript (mik)883
Mastering “z-index” in CSS (guy/sit)882
Everything You Need to Know About Web Performance (in 5 Minutes) (fil/vue)881
, ,
“text-overflow: ellipsis” Considered Harmful (yat)880
, ,
Please Remove That .git Folder879
,
User Vulnerabilities in the Data Cycle (lui/uxd)878
, , ,
What Would a Chromium-Only Web Look Like? (mno)877
, , , ,
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+/ane)876
, ,
Types of URL Redirects and SEO Best Practices (por)875
, , ,
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)874
, , , , , ,
Introducing Keyboard Navigation (tay+/bab)873
, ,
In Defense of Blocks for Local Scopes (get)872
,
In Defense of Blocks for Local Scopes II (get)871
,
Different Ways to Write CSS in React (syn/css)870
,
10 Incident Management Best Practices for Streamlined Operations (pro)869
, ,
How and When to Use the CSS “:has” Selector (iba/log)868
,
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs? (vle)867
, , ,
The Right Space Around Headings in Web Typography (gly)866
, ,
Svelte Origins: A JavaScript Documentary (off)865
, ,
Cascade Layers—There’s a Polyfill for That! (san/odd)864
, ,
Be the Browser’s Mentor, Not Its Micromanager (bel/hey)863
,
A Beginner’s Guide to Inclusive UX Design (uxd)862
, , ,
How I Built a Dark Mode Toggle (hdv)861
,
One Line of CSS to Add Basic Dark/Light Mode (cod)860
,
Icon-Only Links Fail WCAG (tem)859
, , , , ,
Future Features of JS (gnu/the)858
,
Best Practices for Overlays II (con)857
, ,
HTML Cheatsheet (sad)856
, ,
The Dos and Don’ts of Pairing Typefaces (rac/nng)855
, , , ,
The Case for Using Sass in 2022 (may)854
,
Alternatives to Installing npm Packages Globally (rau)853
, ,
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)852
, ,
The Cost of Convenience (sur)851
,
Using Web Streams on Node.js (rau)850
,
Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement (web)849
, , ,
Is It Expensive to Build an Eco-Friendly Website? (sus)848
,
In and Out of Style (ada/css)847
,
Web Design Tool Wish List (gri/clo)846
, ,
How to Use ESLint and Prettier for Code Analysis and Formatting (and)845
, , , , , ,
3 Useful CSS Hacks (kev)844
,
Notes on Maintaining an Internal React Component Library (gab)843
, , ,
Naming Conventions for Design Systems (bac)842
, ,
Why You Should Consider Prisma.io841
, ,
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla/git)840
, ,
How to Remove 99% of JavaScript From Main Thread (mhe/wea)839
, , ,
Conditionally Styling Selected Elements in a Grid Container (rps/css)838
, ,
Communication Accessibility: It’s Time to Change How We Communicate (mer)837
,
You Don’t Need a JavaScript Library for Your Components836
, ,
The Guide to Windows High Contrast Mode (its/sma)835
, , , ,
Fun CSS-Only Scrolling Effects for Matterday (lyn/net)834
,
Do Dyslexia Fonts Improve Accessibility? (boi)833
,
Complex vs. Compound Selectors (mia)832
, ,
5 Very Simple Steps You Can Take for Accessibility Improvement (mni)831
,
Notes From the Dev: Essential Advice on How to Use MJML (meg/ema)830
, ,
CSS Card Shadow Effects (hui)829
,
Software Engineering: The Soft Parts (add)828
Simple CSS Solutions (kev)827
,
Understanding the JavaScript Window Object (daz/sit)826
,
Should I Have Separate GitHub Accounts for Personal and Professional Projects? (the)825
, , ,
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)824
, , ,
Design Principles for the Web (ada/wea)823
, , ,
Change Management for Accessibility (mdh+/deq)822
,
Why You Shouldn’t Modify Scrum (mar)821
, ,
The Folly of Design System “Foundations” (dan)820
What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK (the/gov)819
, ,
The Smallest CSS (fon)818
,
Designing the Perfect Button (dom/wix)817
,
Design System Maturity (ben/lap)816
,
Modern JavaScript, 10 Things You Should Be Using, Starting Today (chr/azu)815
AbortController Is Your Friend (sam)814
Better Scrolling Through Modern CSS (may)813
,
Make DevTools Pick Colors Outside of Chrome (ami)812
, , , ,
How We Think About Browsers (kei/git)811
,
10 Dos and Don’ts of Web Design in 2022 (pdm/web)810
,
Write HTML Right (apa)809
,
The Many Definitions of Server-Side Rendering (zac)808
State of the Vuenion 2022 (you/vue)807
,
Single Element Loaders: The Spinner (css/css)806
,
Measuring the Performance of Typefaces for Users II (sma)805
, ,
Design Systems; the Great Connector (bea/uxd)804
The Future of Frontend Build Tools (fas/sma)803
,
How to Use Headings for Website Accessibility (usa)802
, , ,
Inclusive User Research: Analysing Findings (tet)801
, ,
WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (yat)800
, , ,
Simplify Your Color Palette With CSS “color-mix()” (yus/sma)799
, ,
JavaScript Hydration Is a Workaround, Not a Solution (mhe/the)798
,
How to Animate SVG Shapes on Scroll (crn/cod)797
, , ,