Frontend Dogma

“2021” Archive (2)

Entry (With Sources) and Other Related TopicsDate#
Developer Tools Secrets That Shouldn’t Be Secrets (by)784
, ,
An Introduction to PostCSS (by/via)783
, , ,
The Guideline Gap (by)782
, , ,
CSS-ing Candy Ghost Buttons (by/via)781
The Golden Ratio and User-Interface Design (via)780
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil (by)779
, ,
You Probably Don’t Need Media Queries Anymore (by)778
,
The Little Book of Little Books (by)777
, , ,
Chrome DevTools: Visualise Your JavaScript Bundles (by)776
, , , , , , ,
Using CSS Variables for Reduced Motion on a Global Scale (by)775
, ,
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element (by)774
, ,
Make Your Design System Accessible—Color (by/via)773
, ,
Add a Contact Form to a React App With Netlify Forms (by/via)772
, , ,
Material Design 3 (via)771
, , ,
UX Design Isn’t Killing Creativity, Money Is (by/via)770
, ,
Best Practices on Embedding Third-Party Web Widgets (via)769
, ,
A Step by Step TypeScript Tutorial for Beginners (by/via)768
,
In-Page Filtered Search With Vanilla JavaScript (by/via)767
, ,
Optimizing Next.js Applications With Nx (by/via)766
, , ,
New WebKit Features in Safari 15 (by/via)765
, , , ,
The Problem With “Click Here” and “Learn More” Links (by/via)764
, ,
So, You Want an Accessibility Score? (by/via)763
,
Reimagine Atomic CSS (by)762
Photoshop’s Journey to the Web (by/via)761
, ,
Media Queries Level 4: Media Query Range Contexts (by/via)760
,
Design Systems at Replit: Better Tokens (by/via)759
, ,
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (by)758
, ,
A Deep Dive Into “object-fit” and “background-size” in CSS (by/via)757
, ,
How to Get Started With Social Media Automation (by/via)756
, , ,
Why Outdated jQuery Is Still the Dominant JavaScript Library (by/via)755
, ,
Why Accessibility Overlays on Your Website Can Make Things Worse (via)754
,
Web Performance Metrics Cheatsheet (by/via)753
, ,
The Process of Building a CSS Framework (by/via)752
,
Building an Effective Image Component (by/via)751
, ,
Switch Role Support (by)750
, ,
Micro-Frontends: The Next Gen Way to Build Web Apps (by)749
,
Finding Common Patterns Across Frameworks (by)748
,
The Start of a New Era for Responsive Web Design (by/via)747
,
On Using Custom Properties (by/via)746
,
Common Mistakes When Writing CSS With BEM (by/via)745
, , ,
Making the Web Developer’s Pilgrimage (by)744
Respecting Users’ Motion Preferences (by/via)743
,
Identify Potential CSS Improvements (by/via)742
, , , , ,
Semantic “menu” Context (by)741
,
Prevent Scroll Chaining With Overscroll Behavior (by)740
,
Designing for Color Contrast: Guidelines for Accessibility (via)739
, , ,
Decoupling HTML, CSS, and JavaScript in Design Systems (by)738
, , ,
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (by/via)737
Optimizing Resource Loading With the Fetch Priority API (by+/via)736
, , ,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS (by)735
,
We Analyzed 425,909 Favicons734
,
New HTTP Standards for Caching on the Modern Web (by/via)733
, , , ,
How to Cancel an HTTP Request in Node.js (by)732
, ,
Back to Basics: Understanding the “for…in” Loop in JavaScript (by/via)731
,
Yes, Node.js Is Part of the Web Platform (by/via)730
, ,
“@ supports selector()” (by/via)729
, ,
It’s Time for a Healthy Tech Approach (by)728
Evaluating Clever CSS Solutions (by/via)727
Chrome DevTools: Easily Change CSS Units and Values (by)726
, , , , ,
Understanding and Implementing OAuth2 in Node.js (by/via)725
, , ,
What Svelte’s Accessibility Warnings Won’t Tell You (by)724
,
HTML With Superpowers (by)723
, ,
Fix Web Accessibility Systematically (by)722
,
Disability: Let’s Say the Word (via)721
,
Landmarks (by/via)720
, ,
100 Bytes of CSS to Look Great Everywhere (by)719
Processing CPU-Intensive Jobs in Node.js (by)718
Dealing With Timezones in Web Development (by)717
Expandable Sections Within a CSS Grid (by/via)716
, ,
Beginner’s Guide to Responsive Images: How to Get Them Right (by/via)715
, , ,
Custom Properties With Defaults: 3+1 Strategies (by)714
,
Smart CSS Solutions for Common UI Challenges (via)713
,
Stop Writing JavaScript Like This712
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (by/via)711
,
Different Degrees of Custom Property Usage (by/via)710
,
Conditional “border-radius” and Three Future CSS Features (by)709
,
1999: The Fall of Netscape and the Rise of Mozilla (by/via)708
, , ,
The Tortuous Journey of Enhancing Our Color Palette (via)707
,
The Ultimate Guide to 3xx HTTP Status Codes (via)706
, ,
Five Proven Approaches for a Better Developer Experience in Your Organisation (by+/via)705
Building a Multi-Select Component (by/via)704
, , ,
What Constitutes a Digital Accessibility Audit (by/via)703
, ,
How to Win at CORS (by)702
, , , ,
Google Chrome Hidden Features Every Developer Should Know (by/via)701
, , ,
The Autofill Dark Pattern (by/via)700
, ,
How Design Debt Can Hurt Your Product (via)699
,
Easy Read Is Hard to Get Right (via)698
,
Best UI Frameworks for React.js (via)697
,
A Tangled Web of ARIA (by)696
, ,
Introduction to Styled Components (by)695
, , ,
Appreciation for Being a Web Developer (by)694
Native CSS Nesting: What You Need to Know (by/via)693
, ,
Why We Crave Software With Style Over “Branding” (by/via)692
,
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (by/via)691
, , , ,
How We Improved Our Design System Delivery (by)690
, , ,
Have Single-Page Apps Ruined the Web? (by)689
, ,
Why Does Everything Look the Same? (via)688
Internationalization: How to Boost Traffic With a Multilingual Site (via)687
, ,
Buttons vs. Links (by)686
, , , ,
Accessibility: A Gentle Introduction (by)685
,
What Is Micro-Content? (via)684
, ,
A Guide to CSS Debugging (by/via)683
, ,
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (by/via)682
, , , , ,
My Challenge to the Web Performance Community (by)681
Safe DOM Manipulation With the Sanitizer API (via)680
, ,
The Options for Password-Revealing Inputs (by/via)679
, , , ,
How to Implement and Style the “Dialog” Element (by/via)678
, , ,
Engineer to Engineer: Art Is in the Code (by+/via)677
, ,
Browsing With a Mobile Screen Reader (via)676
, , , , ,
What Creating a Simple Font Taught Me About Font Design (by/via)675
,
UX Accessibility: How to Start Designing for All (by/via)674
, ,
Automating a Design System (by)673
, ,
Why Do Webdevs Keep Trying to Kill REST? (by)672
, ,
Animation Techniques for Adding and Removing Items From a Stack (via)671
, ,
What Is a Good User Experience? (via)670
, ,
How to Build an Expandable Accessible Gallery (by/via)669
, , ,
Writing Clean JavaScript Tests With the BASIC Principles (by)668
, ,
Redundantly Redundant a11y Accessibility (by)667
,
Conditional Border Radius in CSS (by)666
,
The CSS “prefers-color-scheme” User Query and Order of Preference (by)665
jsPerf—Online JavaScript Performance Benchmark664
, ,
Using JavaScript to Detect High Contrast and Dark Modes (by)663
, , , ,
Introducing Svelte, and Comparing Svelte With React and Vue (by)662
, , , ,
Links, Missing “href” Attributes, and Over-Engineered Code (by)661
, , ,
Understanding and Working With Submodules in Git (by/via)660
,
Sorting JavaScript Arrays by Nested Properties (by)659
, ,
Declaring Page Language—and Declaring Changes in Language (by)658
, ,
Web Streams Everywhere (and Fetch for Node.js) (by/via)657
, , ,
Using Modern Image Formats: AVIF and WebP (by/via)656
, , , , , , ,
Practical Frontend Philosophy655
,
How I Built a Modern Website in 2021 (by)654
, ,
9 Tag Management Solutions You Should Consider (via)653
, , ,
Figma Cheat Sheet652
, ,
Comparing Page Language Declaration Setups in Screen Readers (by)651
, , , , ,
Guidelines for Choosing a Node.js Framework (by)650
, ,
Faster React Apps With Memoization (via)649
, ,
Let’s Dive Into Cypress for End-to-End Testing (by/via)648
,
Design Tokens Automation Pipeline: From Design Tools to Component Libraries647
, ,
Accessibility Isn’t New—and Neither Is Ableism (via)646
How I Make CSS Art (by)645
,
A JavaScript Developer’s Guide to Browser Cookies (by)644
, ,
Beware False Negatives (by)643
Not Releasing Late on Fridays, a Matter of Courtesy (by)642
,
One Last Time: Custom Styling Radio Buttons and Checkboxes (by)641
, ,
7 UI Design Fundamentals for Developers (by)640
,
Specification for Spoken Presentation in HTML (by+/via)639
,
A Content Model Is Not a Design System (by/via)638
,
Simplifying Form Styles With “accent-color” (by/via)637
,
“initial” Doesn’t Do What You Think It Does (by)636
,
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It635
,
Just Redux: The Complete Guide (by)634
,
7 Useful HTML Attributes You May Not Know (via)633
,
Introduction to GSAP632
, , ,
ct.css—Let’s Take a Look Inside Your “<head>” (by)631
, ,
Container Units Should Be Pretty Handy (by/via)630
, ,
Yarn vs. npm: Everything You Need to Know (by/via)629
, ,
Using Monorepos Is Not That Bad (by)628
,
Optimising a JavaScript Library With WebAssembly, a Failed Attempt (by)627
, ,
Node.js Garbage Collection Explained (via)626
,
Intro to MJML: Responsive HTML Email Coding Made Easy (by/via)625
, , , ,
CSS Container Queries: Container-Relative Lengths (by/via)624
,
Cascade Layers? (by/via)623
,
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (by/via)622
,
Understanding “min-content”, “max-content”, and “fit-content” in CSS (via)621
Contemporary Design Has Lost Its Soul (via)620
Simpler Block Spacing in WordPress With “:is()” and “:where()” (by/via)619
, ,
Provide Pronunciation for Ambiguous Words (by)618
, ,
How I Learnt to Stop Worrying and Love Animating the Box Model (by)617
, ,
Practical Frontend Architecture616
20 Killer JavaScript One-Liners (by)615
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design (by)614
, ,
CSS Container Query Units (by)613
, ,
The New Requirements for WCAG 2.2 (via)612
,
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (via)611
, ,
Design Direction as a Step Before Design System (by/via)610
,
What’s the Right Font Size in Web Design? (by)609
,
Web Vitals Patterns (by/via)608
Web Quality Assurance: From User Requirements to Web Risk Management (by/via)607
,
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (by)606
, ,
Minding the “gap” (by/via)605
How to Expand Your Engineering Skill Set Without Quitting Your Day Job (via)604
, ,
Accessible Palette: Stop Using HSL for Color Systems (by/via)603
, , ,
Optimizing Images on the Web (by/via)602
, ,
Reducing the Need for Pseudo-Elements (by/via)601
,
The Future of CSS: Cascade Layers (CSS “@ layer”) (by/via)600
,
1995: MySQL Arrives, Completing the LAMP Stack (by/via)599
, , ,
Modernising CSS Infrastructure in DevTools (by/via)598
, , , , ,
Master Frontend Development by Cloning These Websites (by)597
Designing Beautiful Shadows in CSS (by)596
,
Notes on Synthetic Speech (by)595
, ,
Scripting With Google zx (by)594
29 Projects to Help You Practice HTML CSS JavaScript 2021 (by)593
, ,
The Ultimate Guide to Web Console (by)592
, , ,
Myths About Web Accessibility (by)591
,
Less Absolute Positioning With Modern CSS (by)590
,
Indieweb vs. Fediverse (by)589
, ,
Vanilla JS Is a Web Performance Decision (by)588
,
What Is Redundant Entry, and How Does It Affect Accessibility? (via)587
,
Blowing Up HTML Size With Responsive Images (via)586
, , ,
Developer Decisions for Building Flexible Components (by/via)585
The Case for “Developer Experience” (by/via)584
,
Subsets and Supersets of WCAG (by)583
,
Okhsv and Okhsl (by)582
, ,
Line Length Revisited: Following the Research (via)581
, , ,
Flexible API Design: Create Hooks for Your PHP API Pipeline (by/via)580
, ,
Enterprise UX: Essential Resources to Design Complex Data Tables (by)579
, , ,
Bundling Non-JavaScript Resources (by/via)578
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1 (via)577
, , ,
13 Advanced (but Useful) Git Techniques and Shortcuts (by/via)576
,
What’s New With DevTools: Cross-Browser Edition (by/via)575
, , , , , , , , ,
Firefox’s “bolder” Default Is a Problem for Variable Fonts (by/via)574
, , , , ,
What’s New in PHP 8.1: Features, Changes, Improvements, and More (by/via)573
Fractional SVG Stars With CSS (by)572
, ,
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (by)571
Becoming a Design Tokens Ambassador (by/via)570
5 Steps for Writing Alt Text for Accessibility (via)569
, ,
Color and Universal Design (by/via)568
, , , ,
HTTP/3: Practical Deployment Options (by/via)567
, ,
A Practical Guide to Creating Reusable React Components (via)566
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (by/via)565
, ,
Avoiding FOUT With Async CSS (by)564
,
Stop! Put Down That Ternary, Lines Are Free (by)563
Make Accessibility Part of Your Startup’s Products and Culture From Day One (by/via)562
,
Reducing Carbon Emissions on the Web (via)561
WebKit—Patches and Tests (by)560
,
The Pros and Cons of Professional Language (by)559
Multiple Accounts and Git (by/via)558
The Effect of CSS on Screen Readers (by)557
, , ,
Interactive Learning Tools for Front-End Developers (by/via)556
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) (by)555
, , , ,
Threats of Using Regular Expressions in JavaScript (by/via)554
,
Getting Started With Web Accessibility Testing (via)553
, ,
Element Diversity (by)552
CSS Dangling Characters (by)551
Best Practices for Logging in Node.js (by/via)550
, ,
Twitter’s Div Soup and Uglyfied CSS, Explained (by)549
, ,
timefind (by)548
, ,
Web Scraping With JavaScript and Node.js (via)547
, ,
It Takes a PhD to Develop That546
, ,
Building a Split-Button Component (by/via)545
, , ,
Why You Should Manage Your Energy, Not Your Time (by)544
,
9.5 Ways Google Rewrites Your Title Tags (by/via)543
,
Using SVG With Media Queries (by/via)542
, ,
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities (via)541
,
Shifting Accessibility Testing to the Left (by/via)540
, ,
Rethinking User Personas (by/via)539
, ,
Color and Contrast, What Does It Mean? (by)538
, ,
Building Reactive Systems With Node.js (via)537
,
Building a Stepper Component (by)536
, ,
1995: Apache and Microsoft IIS Shake Up the Web Server Market (by/via)535
, , , ,