Frontend Dogma

“2021” Archive (2)

Entry (Sources) and Other Related TopicsDate#
Rebase vs. Merge: Integrating Changes in Git (css)822
,
The State of the Web (ada)821
,
A Comprehensive Guide to Error Handling in Node.js (hon)820
, , ,
An Introduction to PostCSS (cra)819
, , ,
Accessible Toggles (mic)818
, , ,
The Guideline Gap817
, , ,
So, You Want to Build an “@ mention” Autocomplete Feature? (css)816
Developer Tools Secrets That Shouldn’t Be Secrets (cod)815
, ,
The Golden Ratio and User-Interface Design814
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil813
, ,
CSS-ing Candy Ghost Buttons (ana/css)812
You Probably Don’t Need Media Queries Anymore811
,
The Little Book of Little Books (j9t)810
, , ,
Chrome DevTools: Visualise Your JavaScript Bundles809
, , , , , , ,
Using CSS Variables for Reduced Motion on a Global Scale (cit)808
, , ,
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element807
, ,
Add a Contact Form to a React App With Netlify Forms806
, , ,
Make Your Design System Accessible—Color (luk/uxd)805
, ,
UX Design Isn’t Killing Creativity, Money Is (uxd)804
, ,
A Step by Step TypeScript Tutorial for Beginners803
,
Material Design 3802
, , ,
Best Practices on Embedding Third-Party Web Widgets801
, ,
Media Queries Level 4: Media Query Range Contexts (bra)800
,
In-Page Filtered Search With Vanilla JavaScript (css)799
, ,
So, You Want an Accessibility Score? (kar)798
,
Optimizing Next.js Applications With Nx (sma)797
, , ,
Photoshop’s Journey to the Web (dev)796
, ,
Design Systems at Replit: Better Tokens795
, ,
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)794
, , ,
The Problem With “Click Here” and “Learn More” Links (uxd)793
, ,
Reimagine Atomic CSS792
New WebKit Features in Safari 15 (jen/web)791
, , , ,
Building an Effective Image Component (dev)790
, ,
The Process of Building a CSS Framework (cod)789
,
Why Accessibility Overlays on Your Website Can Make Things Worse788
,
How to Get Started With Social Media Automation787
, , ,
Web Performance Metrics Cheatsheet (ire)786
, ,
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)785
, ,
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)784
, ,
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)783
, ,
Micro-Frontends: The Next Gen Way to Build Web Apps782
,
Finding Common Patterns Across Frameworks781
,
Switch Role Support (aar)780
, ,
Common Mistakes When Writing CSS With BEM779
, , ,
On Using Custom Properties (bra)778
,
The Start of a New Era for Responsive Web Design (uxd)777
,
Making the Web Developer’s Pilgrimage (j9t)776
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (deq)775
Designing for Color Contrast: Guidelines for Accessibility774
, , ,
Semantic “menu” Context (sco)773
,
Respecting Users’ Motion Preferences (mic/sma)772
,
Prevent Scroll Chaining With Overscroll Behavior (sha)771
,
Identify Potential CSS Improvements (jec/dev)770
, , , , ,
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)769
, , ,
11ty Slugs and Anchors (5t3)768
, ,
Optimizing Resource Loading With the Fetch Priority API (add+/dev)767
, , ,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS766
,
New HTTP Standards for Caching on the Modern Web765
, , , ,
Back to Basics: Understanding the “for…in” Loop in JavaScript764
,
How to Cancel an HTTP Request in Node.js763
, ,
We Analyzed 425,909 Favicons762
,
Evaluating Clever CSS Solutions (mic)761
Yes, Node.js Is Part of the Web Platform (nea)760
, ,
“@ supports selector()” (chr/css)759
, ,
It’s Time for a Healthy Tech Approach (hel)758
Understanding and Implementing OAuth2 in Node.js (hon)757
, , ,
Chrome DevTools: Easily Change CSS Units and Values756
, , , , ,
What Svelte’s Accessibility Warnings Won’t Tell You755
,
Disability: Let’s Say the Word754
,
HTML With Superpowers (dav)753
, ,
Fix Web Accessibility Systematically (yat)752
,
Landmarks (mat/mat)751
, ,
100 Bytes of CSS to Look Great Everywhere (swy)750
Dealing With Timezones in Web Development749
Processing CPU-Intensive Jobs in Node.js748
Expandable Sections Within a CSS Grid (css)747
, ,
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)746
, , ,
Custom Properties With Defaults: 3+1 Strategies (lea)745
,
Stop Writing JavaScript Like This744
Smart CSS Solutions for Common UI Challenges (sma)743
,
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una/dev)742
,
Different Degrees of Custom Property Usage (chr/css)741
,
Conditional “border-radius” and Three Future CSS Features (ste)740
,
Five Proven Approaches for a Better Developer Experience in Your Organisation739
The Ultimate Guide to 3xx HTTP Status Codes738
, ,
1999: The Fall of Netscape and the Rise of Mozilla (ric)737
, , ,
The Tortuous Journey of Enhancing Our Color Palette736
,
Building a Multi-Select Component (arg/dev)735
, , ,
What Constitutes a Digital Accessibility Audit (gwi)734
, ,
How to Win at CORS (jaf)733
, , , ,
Google Chrome Hidden Features Every Developer Should Know732
, , ,
Best UI Frameworks for React.js731
,
Easy Read Is Hard to Get Right730
,
The Autofill Dark Pattern (alv/sma)729
, ,
How Design Debt Can Hurt Your Product (uxd)728
,
Introduction to Styled Components727
, , ,
A Tangled Web of ARIA726
, ,
Appreciation for Being a Web Developer (cit)725
Native CSS Nesting: What You Need to Know (log)724
, ,
Why We Crave Software With Style Over “Branding”723
,
How We Improved Our Design System Delivery722
, , ,
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)721
, , , ,
Internationalization: How to Boost Traffic With a Multilingual Site720
, ,
Accessibility: A Gentle Introduction719
,
Why Does Everything Look the Same? (uxd)718
Have Single-Page Apps Ruined the Web? (ric)717
, ,
Buttons vs. Links (yat)716
, , , ,
Engineer to Engineer: Art Is in the Code715
, ,
How to Implement and Style the “Dialog” Element (cod)714
, , ,
What Is Micro-Content?713
, ,
The Options for Password-Revealing Inputs (chr/css)712
, , , ,
Safe DOM Manipulation With the Sanitizer API (dev)711
, ,
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr/dev)710
, , , , ,
My Challenge to the Web Performance Community (phi)709
A Guide to CSS Debugging (5t3/sma)708
, ,
Why Do Webdevs Keep Trying to Kill REST? (swy)707
, , ,
Automating a Design System706
, ,
What Creating a Simple Font Taught Me About Font Design (uxd)705
,
UX Accessibility: How to Start Designing for All (uxd)704
, ,
Browsing With a Mobile Screen Reader (tet)703
, , , , ,
Writing Clean JavaScript Tests With the BASIC Principles702
, ,
What Is a Good User Experience? (uxm)701
, ,
Redundantly Redundant a11y Accessibility (sco)700
,
How to Build an Expandable Accessible Gallery (cit/sma)699
, , ,
Conditional Border Radius in CSS (sha)698
,
Animation Techniques for Adding and Removing Items From a Stack (css)697
, ,
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)696
jsPerf—Online JavaScript Performance Benchmark695
, ,
Introducing Svelte, and Comparing Svelte With React and Vue694
, , , ,
Using JavaScript to Detect High Contrast and Dark Modes (sco)693
, , , ,
Understanding and Working With Submodules in Git692
,
Sorting JavaScript Arrays by Nested Properties691
, ,
Links, Missing “href” Attributes, and Over-Engineered Code (tem)690
, , ,
Declaring Page Language—and Declaring Changes in Language (j9t)689
, ,
How I Built a Modern Website in 2021 (ken)688
, ,
9 Tag Management Solutions You Should Consider687
, , ,
Web Streams Everywhere (and Fetch for Node.js) (oll/css)686
, , ,
Using Modern Image Formats: AVIF and WebP (add/sma)685
, , , , , , ,
Practical Frontend Philosophy684
,
Comparing Page Language Declaration Setups in Screen Readers (j9t)683
, , , ,
Faster React Apps With Memoization682
, ,
Guidelines for Choosing a Node.js Framework681
, ,
Figma Cheat Sheet680
, ,
Let’s Dive Into Cypress for End-to-End Testing (sma)679
,
Accessibility Isn’t New—and Neither Is Ableism678
When iOS Will Allow Other Browsers (kar)677
, , ,
Design Tokens Automation Pipeline: From Design Tools to Component Libraries676
, ,
How I Make CSS Art675
,
A JavaScript Developer’s Guide to Browser Cookies674
, ,
Beware False Negatives (aar)673
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)672
,
7 UI Design Fundamentals for Developers671
,
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)670
, ,
A Content Model Is Not a Design System (ali)669
,
Just Redux: The Complete Guide668
,
Specification for Spoken Presentation in HTML (w3c)667
,
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It666
,
Simplifying Form Styles With “accent-color” (mic/sma)665
,
“initial” Doesn’t Do What You Think It Does (kev)664
,
7 Useful HTML Attributes You May Not Know663
,
Introduction to GSAP662
, , ,
How to Redirect URLs on WordPress (sem)661
, , , ,
ct.css—Let’s Take a Look Inside Your “<head>” (css)660
, ,
Container Units Should Be Pretty Handy (chr/css)659
, ,
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)658
, ,
Node.js Garbage Collection Explained657
,
Using Monorepos Is Not That Bad656
,
Yarn vs. npm: Everything You Need to Know655
, ,
Optimising a JavaScript Library With WebAssembly, a Failed Attempt654
, ,
Intro to MJML: Responsive HTML Email Coding Made Easy653
, , , ,
CSS Container Queries: Container-Relative Lengths (bra)652
,
Cascade Layers? (chr/css)651
,
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)650
, ,
How I Learnt to Stop Worrying and Love Animating the Box Model649
, ,
Provide Pronunciation for Ambiguous Words648
, ,
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)647
Contemporary Design Has Lost Its Soul (uxd)646
20 Killer JavaScript One-Liners645
Practical Frontend Architecture644
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design643
, ,
CSS Container Query Units (sha)642
, ,
The New Requirements for WCAG 2.2641
,
Accessible Palette: Stop Using HSL for Color Systems640
, , ,
Design Direction as a Step Before Design System639
,
How to Expand Your Engineering Skill Set Without Quitting Your Day Job638
, ,
What’s the Right Font Size in Web Design?637
,
Web Quality Assurance: From User Requirements to Web Risk Management (sma)636
,
Web Vitals Patterns (dev)635
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)634
, ,
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)633
, ,
Minding the “gap” (pat/css)632
The Future of CSS: Cascade Layers (CSS “@ layer”) (bra)631
,
Optimizing Images on the Web (clo)630
, ,
1995: MySQL Arrives, Completing the LAMP Stack (ric)629
, , ,
Reducing the Need for Pseudo-Elements (sma)628
,
Modernising CSS Infrastructure in DevTools627
, , , , ,
Master Frontend Development by Cloning These Websites626
Laravel Blade Internals—PHP as a Templating Language (lia)625
, , ,
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)624
, ,
Designing Beautiful Shadows in CSS (jos)623
,
29 Projects to Help You Practice HTML CSS JavaScript 2021622
, ,
Scripting With Google zx621
Notes on Synthetic Speech (tin)620
, ,
The Ultimate Guide to Web Console619
, , ,
Myths About Web Accessibility (alv)618
,
Less Absolute Positioning With Modern CSS (sha)617
,
Indieweb vs. Fediverse (flu)616
, ,
Vanilla JS Is a Web Performance Decision (cfe)615
,
Bundling Non-JavaScript Resources (dev)614
Okhsv and Okhsl613
, ,
What Is Redundant Entry, and How Does It Affect Accessibility?612
,
Line Length Revisited: Following the Research611
, , ,
The Case for “Developer Experience”610
,
Flexible API Design: Create Hooks for Your PHP API Pipeline609
, ,
Subsets and Supersets of WCAG (hdv)608
,
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)607
, , ,
Developer Decisions for Building Flexible Components (mic/sma)606
Blowing Up HTML Size With Responsive Images (deb)605
, , ,
Fractional SVG Stars With CSS604
, ,
Becoming a Design Tokens Ambassador603
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)602
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1601
, , ,
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)600
,
5 Steps for Writing Alt Text for Accessibility599
, , ,
What’s New With DevTools: Cross-Browser Edition (pat/sma)598
, , , , , , , , ,
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)597
, , , , ,
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)596
An Early History of the Lynx Web Browser (ada)595
, ,
A Practical Guide to Creating Reusable React Components594
, , ,
Color and Universal Design (uxm)593
, , , ,
HTTP/3: Practical Deployment Options (pro/sma)592
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design591
, ,
Avoiding FOUT With Async CSS590
, , ,
Stop! Put Down That Ternary, Lines Are Free589
The Pros and Cons of Professional Language (and)588
Multiple Accounts and Git (bra)587
Make Accessibility Part of Your Startup’s Products and Culture From Day One (tec)586
,
WebKit—Patches and Tests (mar)585
,
Reducing Carbon Emissions on the Web (sma)584
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)583
, , , , ,
The Effect of CSS on Screen Readers582
, ,
Getting Started With Web Accessibility Testing581
, ,
Threats of Using Regular Expressions in JavaScript580
,
Interactive Learning Tools for Front-End Developers (lou/sma)579
Element Diversity (mat)578
Best Practices for Logging in Node.js (app)577
, ,
Web Scraping With JavaScript and Node.js576
, ,
It Takes a PhD to Develop That575
, ,
CSS Dangling Characters (dfk)574
Building a Split-Button Component (arg/dev)573
, , ,