Frontend Dogma

“2021” Archive (2)

Entry (Sources) and Other Related TopicsDate#
Rebase vs. Merge: Integrating Changes in Git (css)820
,
An Introduction to PostCSS (cra)819
, , ,
Accessible Toggles (mic)818
, , ,
A Comprehensive Guide to Error Handling in Node.js817
, , ,
The Guideline Gap816
, , ,
So, You Want to Build an “@ mention” Autocomplete Feature? (css)815
Developer Tools Secrets That Shouldn’t Be Secrets (cod)814
, ,
The Golden Ratio and User-Interface Design813
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil812
, ,
CSS-ing Candy Ghost Buttons (ana/css)811
You Probably Don’t Need Media Queries Anymore810
,
The Little Book of Little Books (j9t)809
, , ,
Chrome DevTools: Visualise Your JavaScript Bundles808
, , , , , , ,
Using CSS Variables for Reduced Motion on a Global Scale (cit)807
, , ,
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element806
, ,
Add a Contact Form to a React App With Netlify Forms805
, , ,
Make Your Design System Accessible—Color (luk/uxd)804
, ,
UX Design Isn’t Killing Creativity, Money Is (uxd)803
, ,
A Step by Step TypeScript Tutorial for Beginners802
,
Material Design 3801
, , ,
Best Practices on Embedding Third-Party Web Widgets800
, ,
Media Queries Level 4: Media Query Range Contexts (bra)799
,
In-Page Filtered Search With Vanilla JavaScript (css)798
, ,
So, You Want an Accessibility Score? (kar)797
,
Optimizing Next.js Applications With Nx (sma)796
, , ,
Photoshop’s Journey to the Web (dev)795
, ,
Design Systems at Replit: Better Tokens794
, ,
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)793
, , ,
The Problem With “Click Here” and “Learn More” Links (uxd)792
, ,
Reimagine Atomic CSS791
New WebKit Features in Safari 15 (jen/web)790
, , , ,
Building an Effective Image Component (dev)789
, ,
The Process of Building a CSS Framework (cod)788
,
Why Accessibility Overlays on Your Website Can Make Things Worse787
,
How to Get Started With Social Media Automation786
, , ,
Web Performance Metrics Cheatsheet (ire)785
, ,
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)784
, ,
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)783
, ,
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)782
, ,
Micro-Frontends: The Next Gen Way to Build Web Apps781
,
Finding Common Patterns Across Frameworks780
,
Switch Role Support (aar)779
, ,
Common Mistakes When Writing CSS With BEM778
, , ,
On Using Custom Properties (bra)777
,
The Start of a New Era for Responsive Web Design (uxd)776
,
Making the Web Developer’s Pilgrimage (j9t)775
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (deq)774
Designing for Color Contrast: Guidelines for Accessibility773
, , ,
Semantic “menu” Context (sco)772
,
Respecting Users’ Motion Preferences (mic/sma)771
,
Prevent Scroll Chaining With Overscroll Behavior (sha)770
,
Identify Potential CSS Improvements (jec/dev)769
, , , , ,
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)768
, , ,
11ty Slugs and Anchors (5t3)767
, ,
Optimizing Resource Loading With the Fetch Priority API (add+/dev)766
, , ,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS765
,
New HTTP Standards for Caching on the Modern Web764
, , , ,
Back to Basics: Understanding the “for…in” Loop in JavaScript763
,
How to Cancel an HTTP Request in Node.js762
, ,
We Analyzed 425,909 Favicons761
,
Evaluating Clever CSS Solutions (mic)760
Yes, Node.js Is Part of the Web Platform (nea)759
, ,
“@ supports selector()” (chr/css)758
, ,
It’s Time for a Healthy Tech Approach (hel)757
Chrome DevTools: Easily Change CSS Units and Values756
, , , , ,
Understanding and Implementing OAuth2 in Node.js755
, , ,
What Svelte’s Accessibility Warnings Won’t Tell You754
,
Disability: Let’s Say the Word753
,
HTML With Superpowers (dav)752
, ,
Fix Web Accessibility Systematically (yat)751
,
Landmarks (mat/mat)750
, ,
100 Bytes of CSS to Look Great Everywhere (swy)749
Dealing With Timezones in Web Development748
Processing CPU-Intensive Jobs in Node.js747
Expandable Sections Within a CSS Grid (css)746
, ,
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)745
, , ,
Custom Properties With Defaults: 3+1 Strategies (lea)744
,
Stop Writing JavaScript Like This743
Smart CSS Solutions for Common UI Challenges (sma)742
,
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una/dev)741
,
Different Degrees of Custom Property Usage (chr/css)740
,
Conditional “border-radius” and Three Future CSS Features (ste)739
,
Five Proven Approaches for a Better Developer Experience in Your Organisation738
The Ultimate Guide to 3xx HTTP Status Codes737
, ,
1999: The Fall of Netscape and the Rise of Mozilla (ric)736
, , ,
The Tortuous Journey of Enhancing Our Color Palette735
,
Building a Multi-Select Component (arg/dev)734
, , ,
What Constitutes a Digital Accessibility Audit (gwi)733
, ,
How to Win at CORS (jaf)732
, , , ,
Google Chrome Hidden Features Every Developer Should Know731
, , ,
Best UI Frameworks for React.js730
,
Easy Read Is Hard to Get Right729
,
The Autofill Dark Pattern (alv/sma)728
, ,
How Design Debt Can Hurt Your Product (uxd)727
,
Introduction to Styled Components726
, , ,
A Tangled Web of ARIA725
, ,
Appreciation for Being a Web Developer (cit)724
Native CSS Nesting: What You Need to Know (log)723
, ,
Why We Crave Software With Style Over “Branding”722
,
How We Improved Our Design System Delivery721
, , ,
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)720
, , , ,
Internationalization: How to Boost Traffic With a Multilingual Site719
, ,
Accessibility: A Gentle Introduction718
,
Why Does Everything Look the Same? (uxd)717
Have Single-Page Apps Ruined the Web? (ric)716
, ,
Buttons vs. Links (yat)715
, , , ,
Engineer to Engineer: Art Is in the Code714
, ,
How to Implement and Style the “Dialog” Element (cod)713
, , ,
What Is Micro-Content?712
, ,
The Options for Password-Revealing Inputs (chr/css)711
, , , ,
Safe DOM Manipulation With the Sanitizer API (dev)710
, ,
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr/dev)709
, , , , ,
My Challenge to the Web Performance Community (phi)708
A Guide to CSS Debugging (5t3/sma)707
, ,
Why Do Webdevs Keep Trying to Kill REST? (swy)706
, , ,
Automating a Design System705
, ,
What Creating a Simple Font Taught Me About Font Design (uxd)704
,
UX Accessibility: How to Start Designing for All (uxd)703
, ,
Browsing With a Mobile Screen Reader (tet)702
, , , , ,
Writing Clean JavaScript Tests With the BASIC Principles701
, ,
What Is a Good User Experience? (uxm)700
, ,
Redundantly Redundant a11y Accessibility (sco)699
,
How to Build an Expandable Accessible Gallery (cit/sma)698
, , ,
Conditional Border Radius in CSS (sha)697
,
Animation Techniques for Adding and Removing Items From a Stack (css)696
, ,
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)695
jsPerf—Online JavaScript Performance Benchmark694
, ,
Introducing Svelte, and Comparing Svelte With React and Vue693
, , , ,
Using JavaScript to Detect High Contrast and Dark Modes (sco)692
, , , ,
Understanding and Working With Submodules in Git691
,
Sorting JavaScript Arrays by Nested Properties690
, ,
Links, Missing “href” Attributes, and Over-Engineered Code (tem)689
, , ,
Declaring Page Language—and Declaring Changes in Language (j9t)688
, ,
How I Built a Modern Website in 2021 (ken)687
, ,
9 Tag Management Solutions You Should Consider686
, , ,
Web Streams Everywhere (and Fetch for Node.js) (oll/css)685
, , ,
Using Modern Image Formats: AVIF and WebP (add/sma)684
, , , , , , ,
Practical Frontend Philosophy683
,
Comparing Page Language Declaration Setups in Screen Readers (j9t)682
, , , ,
Faster React Apps With Memoization681
, ,
Guidelines for Choosing a Node.js Framework680
, ,
Figma Cheat Sheet679
, ,
Let’s Dive Into Cypress for End-to-End Testing (sma)678
,
Accessibility Isn’t New—and Neither Is Ableism677
When iOS Will Allow Other Browsers (kar)676
, , ,
Design Tokens Automation Pipeline: From Design Tools to Component Libraries675
, ,
How I Make CSS Art674
,
A JavaScript Developer’s Guide to Browser Cookies673
, ,
Beware False Negatives (aar)672
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)671
,
7 UI Design Fundamentals for Developers670
,
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)669
, ,
A Content Model Is Not a Design System (ali)668
,
Just Redux: The Complete Guide667
,
Specification for Spoken Presentation in HTML (w3c)666
,
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It665
,
Simplifying Form Styles With “accent-color” (mic/sma)664
,
“initial” Doesn’t Do What You Think It Does (kev)663
,
7 Useful HTML Attributes You May Not Know662
,
Introduction to GSAP661
, , ,
How to Redirect URLs on WordPress (sem)660
, , , ,
ct.css—Let’s Take a Look Inside Your “<head>” (css)659
, ,
Container Units Should Be Pretty Handy (chr/css)658
, ,
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)657
, ,
Node.js Garbage Collection Explained656
,
Using Monorepos Is Not That Bad655
,
Yarn vs. npm: Everything You Need to Know654
, ,
Optimising a JavaScript Library With WebAssembly, a Failed Attempt653
, ,
Intro to MJML: Responsive HTML Email Coding Made Easy652
, , , ,
CSS Container Queries: Container-Relative Lengths (bra)651
,
Cascade Layers? (chr/css)650
,
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)649
, ,
How I Learnt to Stop Worrying and Love Animating the Box Model648
, ,
Provide Pronunciation for Ambiguous Words647
, ,
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)646
Contemporary Design Has Lost Its Soul (uxd)645
20 Killer JavaScript One-Liners644
Practical Frontend Architecture643
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design642
, ,
CSS Container Query Units (sha)641
, ,
The New Requirements for WCAG 2.2640
,
Accessible Palette: Stop Using HSL for Color Systems639
, , ,
Design Direction as a Step Before Design System638
,
How to Expand Your Engineering Skill Set Without Quitting Your Day Job637
, ,
What’s the Right Font Size in Web Design?636
,
Web Quality Assurance: From User Requirements to Web Risk Management (sma)635
,
Web Vitals Patterns (dev)634
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)633
, ,
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)632
, ,
Minding the “gap” (pat/css)631
The Future of CSS: Cascade Layers (CSS “@ layer”) (bra)630
,
Optimizing Images on the Web (clo)629
, ,
1995: MySQL Arrives, Completing the LAMP Stack (ric)628
, , ,
Reducing the Need for Pseudo-Elements (sma)627
,
Modernising CSS Infrastructure in DevTools626
, , , , ,
Master Frontend Development by Cloning These Websites625
Laravel Blade Internals—PHP as a Templating Language (lia)624
, , ,
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)623
, ,
Designing Beautiful Shadows in CSS (jos)622
,
29 Projects to Help You Practice HTML CSS JavaScript 2021621
, ,
Scripting With Google zx620
Notes on Synthetic Speech (tin)619
, ,
The Ultimate Guide to Web Console618
, , ,
Myths About Web Accessibility (alv)617
,
Less Absolute Positioning With Modern CSS (sha)616
,
Indieweb vs. Fediverse (flu)615
, ,
Vanilla JS Is a Web Performance Decision (cfe)614
,
Bundling Non-JavaScript Resources (dev)613
Okhsv and Okhsl612
, ,
What Is Redundant Entry, and How Does It Affect Accessibility?611
,
Line Length Revisited: Following the Research610
, , ,
The Case for “Developer Experience”609
,
Flexible API Design: Create Hooks for Your PHP API Pipeline608
, ,
Subsets and Supersets of WCAG (hdv)607
,
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)606
, , ,
Developer Decisions for Building Flexible Components (mic/sma)605
Blowing Up HTML Size With Responsive Images (deb)604
, , ,
Fractional SVG Stars With CSS603
, ,
Becoming a Design Tokens Ambassador602
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)601
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1600
, , ,
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)599
,
5 Steps for Writing Alt Text for Accessibility598
, , ,
What’s New With DevTools: Cross-Browser Edition (pat/sma)597
, , , , , , , , ,
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)596
, , , , ,
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)595
An Early History of the Lynx Web Browser (ada)594
, ,
A Practical Guide to Creating Reusable React Components593
, , ,
Color and Universal Design (uxm)592
, , , ,
HTTP/3: Practical Deployment Options (pro/sma)591
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design590
, ,
Avoiding FOUT With Async CSS589
, , ,
Stop! Put Down That Ternary, Lines Are Free588
The Pros and Cons of Professional Language587
Multiple Accounts and Git (bra)586
Make Accessibility Part of Your Startup’s Products and Culture From Day One (tec)585
,
WebKit—Patches and Tests (mar)584
,
Reducing Carbon Emissions on the Web (sma)583
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)582
, , , , ,
The Effect of CSS on Screen Readers581
, ,
Getting Started With Web Accessibility Testing580
, ,
Threats of Using Regular Expressions in JavaScript579
,
Interactive Learning Tools for Front-End Developers (lou/sma)578
Element Diversity (mat)577
Twitter’s Div Soup and Uglyfied CSS, Explained576
, ,
Best Practices for Logging in Node.js (app)575
, ,
Web Scraping With JavaScript and Node.js574
, ,
It Takes a PhD to Develop That573
, ,
CSS Dangling Characters (dfk)572
Building a Split-Button Component (arg/dev)571
, , ,