Frontend Dogma

“2021” Archive (2)

Entry (Sources) and Other Related TopicsDate#
Eleventy 1.0—New Option for Global Data (ray)808
Developer Tools Secrets That Shouldn’t Be Secrets (cod)807
, ,
The Guideline Gap (tap)806
, , ,
So, You Want to Build an “@ mention” Autocomplete Feature? (fro/css)805
An Introduction to PostCSS (cra/sit)804
, , ,
Accessible Toggles (mic/css)803
, , ,
A Comprehensive Guide to Error Handling in Node.js (ayi/hon)802
, , ,
CSS-ing Candy Ghost Buttons (ana/css)801
The Golden Ratio and User-Interface Design (nng)800
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil (inh)799
, ,
You Probably Don’t Need Media Queries Anymore (kat)798
,
The Little Book of Little Books (j9t)797
, , ,
Chrome DevTools: Visualise Your JavaScript Bundles (uma)796
, , , , , , ,
Make Your Design System Accessible—Color (luk/uxd)795
, ,
Add a Contact Form to a React App With Netlify Forms (tam/sit)794
, , ,
Using CSS Variables for Reduced Motion on a Global Scale (cit)793
, ,
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element (acc)792
, ,
UX Design Isn’t Killing Creativity, Money Is (ali/uxd)791
, ,
Best Practices on Embedding Third-Party Web Widgets (bit)790
, ,
A Step by Step TypeScript Tutorial for Beginners (jac/sit)789
,
Material Design 3 (mat)788
, , ,
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (dhy/t3p)787
, , ,
Optimizing Next.js Applications With Nx (mel/sma)786
, , ,
New WebKit Features in Safari 15 (jen/web)785
, , , ,
Media Queries Level 4: Media Query Range Contexts (bra/bra)784
,
Reimagine Atomic CSS (ant)783
The Problem With “Click Here” and “Learn More” Links (cyn/uxd)782
, ,
Design Systems at Replit: Better Tokens (war/rep)781
, ,
In-Page Filtered Search With Vanilla JavaScript (hil/css)780
, ,
Photoshop’s Journey to the Web (fra/dev)779
, ,
So, You Want an Accessibility Score? (kar/ten)778
,
Web Performance Metrics Cheatsheet (ire/bot)777
, ,
Why Accessibility Overlays on Your Website Can Make Things Worse (boi)776
,
The Process of Building a CSS Framework (rom/cod)775
,
Building an Effective Image Component (kar/dev)774
, ,
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)773
, ,
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)772
, ,
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)771
, ,
How to Get Started With Social Media Automation (mon/sit)770
, , ,
Micro-Frontends: The Next Gen Way to Build Web Apps (tap)769
,
Finding Common Patterns Across Frameworks (fro)768
,
Switch Role Support (aar)767
, ,
Common Mistakes When Writing CSS With BEM (mal/vv)766
, , ,
The Start of a New Era for Responsive Web Design (fbr/uxd)765
,
On Using Custom Properties (bra/bra)764
,
11ty Slugs and Anchors (5t3)763
, ,
Prevent Scroll Chaining With Overscroll Behavior (sha)762
,
Making the Web Developer’s Pilgrimage (j9t)761
Respecting Users’ Motion Preferences (mic/sma)760
,
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)759
, , ,
Identify Potential CSS Improvements (jec/dev)758
, , , , ,
Designing for Color Contrast: Guidelines for Accessibility (boi)757
, , ,
Semantic “menu” Context (sco)756
,
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (ste/deq)755
Back to Basics: Understanding the “for…in” Loop in JavaScript (sha/sit)754
,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS (joh)753
,
How to Cancel an HTTP Request in Node.js (sim)752
, ,
New HTTP Standards for Caching on the Modern Web (pim/htt)751
, , , ,
We Analyzed 425,909 Favicons750
,
Optimizing Resource Loading With the Fetch Priority API (lee+/dev)749
, , ,
It’s Time for a Healthy Tech Approach (hel)748
“@ supports selector()” (chr/css)747
, ,
Yes, Node.js Is Part of the Web Platform (jas/nea)746
, ,
Evaluating Clever CSS Solutions (mic/css)745
Chrome DevTools: Easily Change CSS Units and Values (uma)744
, , , , ,
What Svelte’s Accessibility Warnings Won’t Tell You (geo)743
,
Understanding and Implementing OAuth2 in Node.js (dio/hon)742
, , ,
Disability: Let’s Say the Word (a11)741
,
Fix Web Accessibility Systematically (yat)740
,
HTML With Superpowers (dav)739
, ,
Landmarks (mat/mat)738
, ,
Dealing With Timezones in Web Development (jes)737
100 Bytes of CSS to Look Great Everywhere (swy)736
Processing CPU-Intensive Jobs in Node.js (eun)735
Expandable Sections Within a CSS Grid (bas/css)734
, ,
Custom Properties With Defaults: 3+1 Strategies (lea)733
,
Beginner’s Guide to Responsive Images: How to Get Them Right (lou/cod)732
, , ,
Conditional “border-radius” and Three Future CSS Features (ste)731
,
Stop Writing JavaScript Like This730
Different Degrees of Custom Property Usage (chr/css)729
,
Smart CSS Solutions for Common UI Challenges (sma)728
,
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una/dev)727
,
The Ultimate Guide to 3xx HTTP Status Codes (sit)726
, ,
Five Proven Approaches for a Better Developer Experience in Your Organisation (jab+/tho)725
1999: The Fall of Netscape and the Rise of Mozilla (ric/web)724
, , ,
Building a Multi-Select Component (arg/dev)723
, , ,
The Tortuous Journey of Enhancing Our Color Palette (doc)722
,
What Constitutes a Digital Accessibility Audit (gwi/ris)721
, ,
How to Win at CORS (jaf)720
, , , ,
Google Chrome Hidden Features Every Developer Should Know (sri/bit)719
, , ,
Best UI Frameworks for React.js (raf)718
,
How Design Debt Can Hurt Your Product (uxd)717
,
Easy Read Is Hard to Get Right (gov)716
,
The Autofill Dark Pattern (alv/sma)715
, ,
Introduction to Styled Components (ars)714
, , ,
A Tangled Web of ARIA (ste)713
, ,
Appreciation for Being a Web Developer (cit)712
Why We Crave Software With Style Over “Branding” (mol/a16)711
,
Native CSS Nesting: What You Need to Know (sar/log)710
, ,
Have Single-Page Apps Ruined the Web? (ric)709
, ,
Accessibility: A Gentle Introduction (ale)708
,
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra/ope)707
, , , ,
Internationalization: How to Boost Traffic With a Multilingual Site (sit)706
, ,
Buttons vs. Links (yat)705
, , , ,
How We Improved Our Design System Delivery (gil)704
, , ,
Why Does Everything Look the Same? (uxd)703
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr/dev)702
, , , , ,
Safe DOM Manipulation With the Sanitizer API (dev)701
, ,
What Is Micro-Content? (roc)700
, ,
Engineer to Engineer: Art Is in the Code (mne+/wom)699
, ,
A Guide to CSS Debugging (5t3/sma)698
, ,
How to Implement and Style the “Dialog” Element (cko/cod)697
, , ,
The Options for Password-Revealing Inputs (chr/css)696
, , , ,
My Challenge to the Web Performance Community (phi)695
Browsing With a Mobile Screen Reader (tet)694
, , , , ,
Automating a Design System (the)693
, ,
UX Accessibility: How to Start Designing for All (lui/uxd)692
, ,
Why Do Webdevs Keep Trying to Kill REST? (swy)691
, ,
What Creating a Simple Font Taught Me About Font Design (pin/uxd)690
,
Conditional Border Radius in CSS (sha)689
,
Redundantly Redundant a11y Accessibility (sco)688
,
Writing Clean JavaScript Tests With the BASIC Principles (gol)687
, ,
Animation Techniques for Adding and Removing Items From a Stack (css)686
, ,
What Is a Good User Experience? (uxm)685
, ,
How to Build an Expandable Accessible Gallery (cit/sma)684
, , ,
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)683
jsPerf—Online JavaScript Performance Benchmark682
, ,
Introducing Svelte, and Comparing Svelte With React and Vue (jjc)681
, , , ,
Using JavaScript to Detect High Contrast and Dark Modes (sco)680
, , , ,
Understanding and Working With Submodules in Git (gnt/sit)679
,
Links, Missing “href” Attributes, and Over-Engineered Code (tem)678
, , ,
Sorting JavaScript Arrays by Nested Properties (eli)677
, ,
Declaring Page Language—and Declaring Changes in Language (j9t)676
, ,
9 Tag Management Solutions You Should Consider (obs)675
, , ,
Web Streams Everywhere (and Fetch for Node.js) (oll/css)674
, , ,
Using Modern Image Formats: AVIF and WebP (add/sma)673
, , , , , , ,
How I Built a Modern Website in 2021 (ken)672
, ,
Practical Frontend Philosophy671
,
Comparing Page Language Declaration Setups in Screen Readers (j9t)670
, , , ,
Figma Cheat Sheet669
, ,
Guidelines for Choosing a Node.js Framework (sim)668
, ,
Faster React Apps With Memoization (pix)667
, ,
When iOS Will Allow Other Browsers (kar)666
, , ,
Design Tokens Automation Pipeline: From Design Tools to Component Libraries665
, ,
Let’s Dive Into Cypress for End-to-End Testing (lei/sma)664
,
Accessibility Isn’t New—and Neither Is Ableism (maw)663
A JavaScript Developer’s Guide to Browser Cookies (psu)662
, ,
How I Make CSS Art (yos)661
,
Beware False Negatives (aar)660
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)659
, ,
7 UI Design Fundamentals for Developers (van)658
,
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)657
,
Just Redux: The Complete Guide (the)656
,
A Content Model Is Not a Design System (hey/ali)655
,
Simplifying Form Styles With “accent-color” (mic/sma)654
,
Specification for Spoken Presentation in HTML (aut+/w3c)653
,
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It652
,
“initial” Doesn’t Do What You Think It Does (kev)651
,
How to Redirect URLs on WordPress (sem)650
, , , ,
ct.css—Let’s Take a Look Inside Your “<head>” (css)649
, ,
7 Useful HTML Attributes You May Not Know (lea)648
,
Introduction to GSAP647
, , ,
Container Units Should Be Pretty Handy (chr/css)646
, ,
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (zii/css)645
, ,
Optimising a JavaScript Library With WebAssembly, a Failed Attempt (ant)644
, ,
Intro to MJML: Responsive HTML Email Coding Made Easy (kl/sca)643
, , , ,
CSS Container Queries: Container-Relative Lengths (bra/bra)642
,
Using Monorepos Is Not That Bad (med)641
,
Yarn vs. npm: Everything You Need to Know (cod/sit)640
, ,
Node.js Garbage Collection Explained (ris)639
,
Cascade Layers? (chr/css)638
,
How I Learnt to Stop Worrying and Love Animating the Box Model (sam)637
, ,
Provide Pronunciation for Ambiguous Words (acc)636
, ,
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic/css)635
, ,
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)634
Contemporary Design Has Lost Its Soul (uxd)633
20 Killer JavaScript One-Liners (sav)632
Practical Frontend Architecture631
CSS Container Query Units (sha)630
, ,
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design (gar)629
, ,
The New Requirements for WCAG 2.2 (vis)628
,
Web Vitals Patterns (kat/dev)627
Design Direction as a Step Before Design System (asu/bea)626
,
Minding the “gap” (pat/css)625
What’s the Right Font Size in Web Design? (gly)624
,
Accessible Palette: Stop Using HSL for Color Systems (efe/wil)623
, , ,
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)622
, ,
Web Quality Assurance: From User Requirements to Web Risk Management (eli/sma)621
,
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)620
, ,
How to Expand Your Engineering Skill Set Without Quitting Your Day Job (sit)619
, ,
Optimizing Images on the Web (gre/clo)618
, ,
Reducing the Need for Pseudo-Elements (dis/sma)617
,
1995: MySQL Arrives, Completing the LAMP Stack (ric/web)616
, , ,
The Future of CSS: Cascade Layers (CSS “@ layer”) (bra/bra)615
,
Modernising CSS Infrastructure in DevTools (kri/chr)614
, , , , ,
Master Frontend Development by Cloning These Websites (hyg)613
Designing Beautiful Shadows in CSS (jos)612
,
Scripting With Google zx (ask)611
Notes on Synthetic Speech (tin)610
, ,
29 Projects to Help You Practice HTML CSS JavaScript 2021 (thi)609
, ,
The Ultimate Guide to Web Console (keo)608
, , ,
Myths About Web Accessibility (alv)607
,
Less Absolute Positioning With Modern CSS (sha)606
,
Indieweb vs. Fediverse (flu)605
, ,
Vanilla JS Is a Web Performance Decision (cfe)604
,
What Is Redundant Entry, and How Does It Affect Accessibility? (boi)603
,
Subsets and Supersets of WCAG (hdv)602
,
The Case for “Developer Experience” (jea/fut)601
,
Bundling Non-JavaScript Resources (rre/dev)600
Okhsv and Okhsl (bjo)599
, ,
Blowing Up HTML Size With Responsive Images (deb)598
, , ,
Developer Decisions for Building Flexible Components (mic/sma)597
Flexible API Design: Create Hooks for Your PHP API Pipeline (mar/sit)596
, ,
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)595
, , ,
Line Length Revisited: Following the Research (ros)594
, , ,
What’s New in PHP 8.1: Features, Changes, Improvements, and More (sal/kin)593
An Early History of the Lynx Web Browser (ada)592
, ,
5 Steps for Writing Alt Text for Accessibility (boi)591
, , ,
13 Advanced (but Useful) Git Techniques and Shortcuts (jef/fir)590
,
Becoming a Design Tokens Ambassador (mic/spe)589
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)588
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1 (con)587
, , ,
What’s New With DevTools: Cross-Browser Edition (pat/sma)586
, , , , , , , , ,
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)585
, , , , ,
Fractional SVG Stars With CSS (sam)584
, ,
Color and Universal Design (sho/uxm)583
, , , ,
HTTP/3: Practical Deployment Options (pro/sma)582
, ,
A Practical Guide to Creating Reusable React Components (sit)581
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (kat/nng)580
, ,
Avoiding FOUT With Async CSS (jay)579
,
Stop! Put Down That Ternary, Lines Are Free (all)578
Multiple Accounts and Git (bra/bra)577
WebKit—Patches and Tests (mar)576
,
The Pros and Cons of Professional Language (and)575
Make Accessibility Part of Your Startup’s Products and Culture From Day One (joe/tec)574
,
Reducing Carbon Emissions on the Web (sma)573
The Effect of CSS on Screen Readers (joc)572
, ,
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) (th)571
, , , ,
Threats of Using Regular Expressions in JavaScript (dul/bit)570
,
Element Diversity (mat)569
Interactive Learning Tools for Front-End Developers (lou/sma)568
Getting Started With Web Accessibility Testing (sau)567
, ,
Twitter’s Div Soup and Uglyfied CSS, Explained (giu)566
, ,
CSS Dangling Characters (dfk)565
It Takes a PhD to Develop That564
, ,
timefind (cyk)563
, ,
Web Scraping With JavaScript and Node.js (zen)562
, ,
Best Practices for Logging in Node.js (ayi/app)561
, ,
Building a Split-Button Component (arg/dev)560
, , ,
Why You Should Manage Your Energy, Not Your Time (sum)559
,