Frontend Dogma

“2021” Archive

Entry (Sources) and Other Related TopicsDate#
Image Magnifier Using Only One Line of CSS (ami)1044
,
A Unified Theory of Web Performance (sli/per)1043
Exposing Mid-Resource LCP Values (yoa/per)1042
,
Page Visibility: If a Tree Falls in the Forest… (pau/per)1041
, ,
Add Less (cas/css)1040
pkg.land (dor/pkg)1039
, , ,
Using Diagnostic Metrics (ann/per)1038
,
Empathetic Animation (cas/css)1037
,
Practical Tips for Load-Testing Web Applications (cen/per)1036
, , ,
Dynamic Static Typing in TypeScript (dea/sma)1035
,
WCAG and Accessibility: What Is a Statement of Partial Conformance? (boi)1034
, ,
Shedding Light on Fiverr’s Dark Mode Creation Process (ami/fiv)1033
,
Add a Service Worker to Your Site (cfe/css)1032
,
Building Gatsby Themes for WordPress-Powered Websites (peh/sma)1031
, ,
CSS in 2022 (bra/bra)1030
Web Accessibility Cheat Sheet (cod)1029
,
1000+ Web Development Resources1028
The Business Case for Performance (apo/per)1027
,
Faster Websites by Using Less HTML (j9t)1026
, , , ,
Container Queries (5t3)1025
, ,
Show, Don’t Tell (mel/css)1024
, ,
Remember You Are Not the User (emm/css)1023
, , ,
Redirect Liquidation (tim/per)1022
, ,
The Many Methods for Using SVG Icons (hui)1021
, , ,
Form Autocomplete (ben/5t3)1020
,
Personalize It! (una/css)1019
, ,
Frontend Web Performance: The Essentials1018
, ,
Wrapping Text Inside an SVG Using CSS (jay)1017
,
The CSS “:has()” Pseudo-Class, aka Parent Selector (foo)1016
,
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra/bra)1015
,
CSS Snapshot 2021 (tab+/w3c)1014
,
CSS Animation (5t3)1013
,
13 Tools and Techniques to Accelerate Frontend Development (bro/ngc)1012
, , , , , , , , ,
Make Joyful Things (eli/css)1011
Building a Greener Web (mic/css)1010
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg)1009
, ,
WebGPU From WebGL (gre)1008
,
5 Common Misconceptions About WAI–ARIA and Accessibility (boi)1007
, ,
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)1006
, ,
HTML Cheat Sheet (pra/jav)1005
, , ,
Image Display Elements (5t3)1004
, ,
Smoothly Reverting CSS Animations (nik)1003
,
Be Prepared for Failure and Handle It Gracefully (hm/css)1002
,
PHP 8 in a Nutshell (ami)1001
,
How to Define Your Relationship to Sites You Link To (ste)1000
, , , ,
Design Sprints Revisited: Designing With Your Users and Developers (uxm)999
,
Auto Dark Theme (chr/css)998
, ,
Why UX Is the Best SEO Strategy (har/uxm)997
, ,
The Web Starts on Page Four (cod)996
Ultimate HTML Cheatsheet (cod)995
,
Preference Queries (5t3)994
Web Performance, Core Web Vitals, and Vanity Metrics (kan/per)993
, ,
4 HTML Concepts You Didn’t Know (j9t)992
, ,
This Is WCAG 2.1 (mrr)991
, ,
This Is WCAG (can)990
, , ,
There’s Never Been a Better Time to Build Websites (sim)989
,
CSS Houdini Paint API (5t3)988
, , ,
Consistent, Fluidly Scaling Type, and Spacing (bel/css)987
,
Why Motion on Websites and Digital Content Is a Problem (mer/equ)986
Hands On With the New Responsiveness Metrics (hon/per)985
, ,
Web vs. Email Development: The 11 Biggest Coding Differences (ema)984
, , , ,
Deep-Copying in JavaScript Using “structuredClone” (sur/dev)983
Don’t Start With Microservices in Production—Monoliths Are Your Friend (arn)982
, ,
Inaccessibility of CAPTCHA (sco+/w3c)981
,
Sustaining Maintaining (dav)980
Web Platform Design Principles (san/w3c)979
, , , ,
CSS Custom Properties (5t3)978
,
100 Tips on Software Developer Productivity (apk)977
,
CSS Can Help Improve Your HTML!? Buttons and Links (inh)976
, , , ,
Explain Like I’m Five: Web Performance Optimization (sto/per)975
,
Shifting the Mindset About Accessible Content (mni)974
,
Thoughts on Skin Tone and Text Descriptions (tin)973
, ,
The State of CSS 2021 [Results] (sac/dev)972
,
Practical Ethics for the Modern Web Designer (mor/ane)971
,
Performance Implications of JavaScript Errors (san/per)970
, ,
Details/Summary (5t3)969
,
Visual Regression Testing for Design Systems With Figma Branches (hon)968
, , ,
The Ideal Line Length and Line Height in Web Design (gly)967
,
Read Your Website (geo/css)966
Lessons Learned From Publishing a Content Security Policy (inv)965
, ,
How Not to Create a Button (eev)964
, ,
WCAG 2 Is What We Have (kil)963
,
Intersection Observer (5t3)962
,
WCAG 2.2: What We Know Till Now (abi/dig)961
,
Embrace the Platform (bra/css)960
, , ,
Defer Non-Critical Resources (boe/per)959
,
5 Key Benefits of Using a Tag Manager (mat)958
WCAG 3 Is Not Ready Yet (yat)957
,
Standardizing Focus Styles With CSS Custom Properties (5t3/css)956
, , ,
How to Customize Firefox UI—Step-by-Step Tutorial955
, , , , , ,
The Last Design You’ll Ever Make (geo)954
Breaking Out of the Box (pat/ali)953
,
Caching: Understanding the Scope (pap/per)952
,
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)951
, ,
WCAG 3 and APCA (dan)950
, , , ,
Node.js Memory Limits—What You Should Know (app)949
,
Redirects for SEO: A Simple (but Complete) Guide (jos/ahr)948
, , ,
Writing Better CSS (hov)947
, ,
5 Reasons You Should Adopt a Micro Frontend Architecture (ant/sit)946
,
Content Separation (pap/per)945
1993: Mosaic Launches and the Web Is Set Free (ric/web)944
, ,
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (jsp+/w3c)943
, ,
Defensive CSS (sha)942
Google Fonts Knowledge (ell)941
, ,
A Beginner’s Guide to Vue Router (wer/sit)940
,
Optimizing State Management in React Applications (kra/per)939
,
Test Your Product on a Crappy Laptop (eri/css)938
, ,
Where Do You Put Spacing on Design System Components? (eri)937
, , ,
Designing Better Links for Websites and Emails: A Guideline (she/sma)936
, ,
HTTP Compression (ora/per)935
, , ,
Why You Should Check in Your Node Dependencies (jac)934
,
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css)933
CSS Fingerprinting (obr)932
, , ,
The Love of Curvilinear Design (eva/uxd)931
How Many People With Disabilities Use Our Site? (hdv)930
Have Core Web Vitals Made the Web Faster? (tun/per)929
,
Plugging Memory Leaks in Your App (sto/per)928
,
Ain’t No Party Like a Third Party (ada/css)927
, ,
JSON Modules in JavaScript (pan)926
, ,
Revisiting the Anatomy of a Design System (nat/uxd)925
Request for a General Theory of Web Performance (ata/per)924
Why Every Developer Should Start Blogging (sag)923
, , ,
Best Practices for Node.js Development (mod)922
, ,
Markup (avo/htt)921
, , , ,
Page Weight (jtt/htt)920
, , , ,
Security (sap+/htt)919
, , , ,
Understanding Accessibility918
, ,
Why Color Contrast Is Not as Black and White as It Seems (thi)917
, ,
The Fundamentals of CSS Layout (dev)916
, , ,
New Living Standards (dom/wha)915
,
JavaScript (the/htt)914
, , , ,
Accessibility (at+/htt)913
, , , ,
CSS (mey+/htt)912
, , , ,
Open Props (arg)911
, , ,
HTTP (dom/htt)910
, , , , ,
The Surprising Behavior of “Important CSS Custom Properties” (ste)909
, ,
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma)908
, , , , , ,
CSS Layout From the Inside Out (rac/web)907
, ,
“aria-label” Is Not Always the Answer (eev)906
, ,
“aria-label” Is Not Always the Answer (eev)905
, ,
The State of UX in 2022: Rebuild (fab+/uxd)904
, ,
Making Accessibility More Accessible (ste)903
Introduction to TCP Connection Establishment for Software Developers (ris)902
, ,
Select Elements With “pointer-events: none” by Holding Shift (pat/dev)901
, ,
What Is Magento? A Brief Introduction (emi)900
, , ,
What Is WHOIS and How Does It Work? (ist/ipx)899
,
How to Maintain a Large Next.js Application (nir/sma)898
, ,
Introduction to Svelte Actions (geo/log)897
,
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)896
, ,
Understanding WCAG 2.1 Level AAA (ian/tet)895
,
Programmers Should Stop Celebrating Incompetence (dhh)894
How to Trim Strings in JavaScript (pan)893
,
Make Your Website Stand Out With a Custom Scrollbar (est)892
Get Started With Validation in Node.js (sim)891
, ,
Creating Generative Patterns With the CSS Paint API (geo/css)890
,
Three Phases of Life for Design Systems (dt)889
What Kind of Developer Do I Want to Be? (mis)888
7 Ways to Improve Node.js Performance at Scale (app)887
, ,
Control Layout in a Multi-Directional Website (ala/css)886
, ,
The 6 Ways of Writing HTML (and Their Combinations) (j9t)885
Modern CSS in a Nutshell (spa/clo)884
Functional Programming in PHP: Higher-Order Functions (mar/sit)883
, ,
Adding a Dyslexia-Friendly Mode to a Website (jbo/sma)882
,
A Modern CSS Reset (jos)881
,
Responsive Layouts, Fewer Media Queries (css/css)880
,
How JavaScript Engines Achieve Great Performance879
, ,
Blog Page Accessibility Deep Dive (abb)878
, ,
Improving the Performance of Wix Websites (Case Study) (dan/sma)877
, , ,
Designing Sustainable Websites (ger)876
, ,
Accessibility Myths (se)875
, ,
Dear HTML Element (sup)874
Parallax Powered by CSS Custom Properties (jhe/css)873
, ,
Tales of the Autistic Developer—Order and Chaos (key)872
How to Make Blob Menu Using HTML, CSS and JavaScript (yos)871
, , ,
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (uxd)870
,
20 Years of bram.us (bra/bra)869
Introduction to Web Sockets (dev)868
, , ,
Let’s Not Send Developers to the Accessibility Tree Tool (cod)867
, ,
Dynamic Color Manipulation With CSS Relative Colors (jim)866
,
PHP Date and Time Recipes (arj/css)865
1992: The Web vs. Gopher, and the First External Browsers (ric/web)864
Various Ways to Include Comments on Your Static Site (dar)863
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards (uxd)862
, ,
Tor and the Humans Who Use It (tor)861
, , ,
Three Principles to Better Present Your UI Designs (tes/uxd)860
,
Performance (sia/htt)859
, , , , ,
How to Create Reusable Components With the Vue 3 Composition API (cod/sit)858
, ,
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma)857
, ,
Generate a Pull Request of Static Content With a Simple HTML Form (hil/css)856
,
4 Ways to Document Your Design System With Storybook (win/sto)855
, ,
Reframing Tech Debt (lee/inc)854
A Clever Sticky Footer Technique (chr/css)853
, ,
Using “position: sticky” With CSS Grid (sha)852
, , ,
We Need to Talk About Accessibility—Again, and Again, and Then Some More (fra)851
Design System Best Practices With ESLint Series (and/bac)850
, , , ,
A Primer on Product Management for Engineers (kar/inc)849
,
Some Notes on Using esbuild (b0r)848
,
Why IndexedDB Is Slow and What to Use Instead (rxd)847
, , ,
Your CSS Is an Interface (eri)846
,
How to Fetch Data in Svelte (dav/sit)845
, ,
5 Popular Frontend Development Tools in 2021 (es)844
Semantics and How to Get Them Right (hdv/btc)843
, , ,
Access to Tech, Tech to Live (mol/btc)842
,
Get Your “Head” Straight (css/btc)841
, ,
GitHub’s Commitment to npm Ecosystem Security (mp/git)840
, ,
Useful React Hooks That You Can Use in Your Projects (ife/sma)839
,
Why Your Website Should Not Use Dithered Images (sim)838
, , ,
Using Web Workers to Boost Third-Party Script Performance (are/log)837
, ,
How to Debounce and Throttle Callbacks in Vue (pan)836
, , , , ,
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties (uma)835
, , , , ,
Design Systems, Structured Content, and Headless Publishing (amy)834
, , ,
Other Looks at the Conditional Border Radius Trick (chr/css)833
, ,
View-Source (eri)832
,
Easy Dark Mode (and Multiple Color Themes) in React (css)831
, ,
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity (pra/uxd)830
, ,
A Beginner’s Guide to Routing in Next.js, With Examples (uba/sit)829
, ,
Browsing With Screen Magnification (ihe/tet)828
, , ,
Everything You Ever Wanted to Know About the Accessibility Tree (rus/a11)827
,
How Designers Can Prevent User Errors (uxt)826
, ,
Localizing Your Next.js App (ati/sma)825
, ,
Be Usable, Not Consistent, Not Uniform (dun/uxd)824
,
Detecting Specific Text Input With HTML and CSS (chr/css)823
,
Debugging HTML: Accessibility (mat/mat)822
, ,
Designing a Reorderable List Component (dse)821
, , ,
Becoming an Expert (jul)820
, , ,
Why You Should Prioritise Quality Over Speed in Design Systems (amy)819
,
In Defence of Dialog (sam)818
,
PHP 8.1 in 8 Code Blocks (bre)817
Deep Dive Into Node.js Architecture (alt)816
, ,
Chrome DevTools: Record and Playback Your User Journeys (uma)815
, , , , ,
How to Implement Memoization in React to Improve Performance (sit)814
, , , ,
Everything You Have to Know About Core Web Vitals (fox/cal)813
,
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr/dev)812
, , , , , ,
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job (hes)811
,
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma)810
, , ,
Browser Wars (jay/css)809
, ,
Learn PWA (fir/dev)808
, ,
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)807
, ,
A Deep Dive Into Serverless UI With TypeScript (ike/sma)806
, ,
Designing Error Messages and a Logging Strategy in Node.js (del/app)805
, , , ,
Design Is Not Art, and UX Is Not Design (mic/uxd)804
,
Understanding the Differences Between WCAG 2.1 and WCAG 2.2 (boi)803
, ,
Learn Forms (jus/dev)802
, ,
What Is Wireless Application Protocol (WAP)? (tec)801
,
The State of the Web (ada/cle)800
,
Name, Labels, ARIA, What to Do? (sco)799
, , , ,
Using AI and Data Science to Reliably Detect Internet Censorship in Real Time (dsi)798
, ,
What Are Accessible Fonts? (acc)797
,
What Does a Good Design System Feel Like? (fon)796
,
Rebase vs. Merge: Integrating Changes in Git (gnt/css)795
,