Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest and divest. Hide

Frontend Dogma

“2021” News Archive (2)

Entry (Sources) and Other Related TopicsDate#
Lit Web Components: Tailwind CSS Styles at Build Time (mic)839
, ,
Rebase vs. Merge: Integrating Changes in Git (css)838
,
The State of the Web (ada)837
,
Using AI and Data Science to Reliably Detect Internet Censorship in Real Time836
, ,
A Comprehensive Guide to Error Handling in Node.js (hon)835
, , ,
An Introduction to PostCSS (cra)834
, , ,
Accessible Toggles (mic)833
, , ,
The Guideline Gap832
, , ,
So, You Want to Build an “@ mention” Autocomplete Feature? (css)831
Developer Tools Secrets That Shouldn’t Be Secrets (cod)830
, ,
The Golden Ratio and User-Interface Design829
, ,
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil828
, ,
CSS-ing Candy Ghost Buttons (ana/css)827
You Probably Don’t Need Media Queries Anymore826
,
The Little Book of Little Books (j9t)825
, , ,
Chrome DevTools: Visualise Your JavaScript Bundles824
, , , , , , ,
Using CSS Variables for Reduced Motion on a Global Scale (cit)823
, , ,
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element822
, ,
Add a Contact Form to a React App With Netlify Forms821
, , ,
Make Your Design System Accessible—Color (luk/uxd)820
, ,
UX Design Isn’t Killing Creativity, Money Is (uxd)819
, ,
A Step by Step TypeScript Tutorial for Beginners818
,
Material Design 3817
, , ,
Best Practices on Embedding Third-Party Web Widgets816
, ,
Media Queries Level 4: Media Query Range Contexts (bra)815
,
In-Page Filtered Search With Vanilla JavaScript (css)814
, ,
So, You Want an Accessibility Score? (kar)813
,
Optimizing Next.js Applications With Nx (sma)812
, , ,
Photoshop’s Journey to the Web (dev)811
, ,
Design Systems at Replit: Better Tokens810
, ,
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)809
, , ,
The Problem With “Click Here” and “Learn More” Links (uxd)808
, ,
Reimagine Atomic CSS807
New WebKit Features in Safari 15 (jen/web)806
, , , ,
Building an Effective Image Component (dev)805
, ,
The Process of Building a CSS Framework (cod)804
,
Why Accessibility Overlays on Your Website Can Make Things Worse803
,
How to Get Started With Social Media Automation802
, , ,
Web Performance Metrics Cheatsheet (ire)801
, ,
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)800
, ,
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)799
, ,
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)798
, ,
Micro-Frontends: The Next Gen Way to Build Web Apps797
,
Finding Common Patterns Across Frameworks796
,
Switch Role Support (aar)795
, ,
Common Mistakes When Writing CSS With BEM794
, , ,
On Using Custom Properties (bra)793
,
The Start of a New Era for Responsive Web Design (uxd)792
,
Making the Web Developer’s Pilgrimage (j9t)791
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (deq)790
Designing for Color Contrast: Guidelines for Accessibility789
, , ,
Semantic “menu” Context (sco)788
,
Respecting Users’ Motion Preferences (mic/sma)787
,
Prevent Scroll Chaining With Overscroll Behavior (sha)786
,
Identify Potential CSS Improvements (jec/dev)785
, , , , ,
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)784
, , ,
11ty Slugs and Anchors (5t3)783
, ,
Optimizing Resource Loading With the Fetch Priority API (add+/dev)782
, , ,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS781
,
New HTTP Standards for Caching on the Modern Web780
, , , ,
Back to Basics: Understanding the “for…in” Loop in JavaScript779
,
How to Cancel an HTTP Request in Node.js778
, ,
We Analyzed 425,909 Favicons777
,
Evaluating Clever CSS Solutions (mic)776
Yes, Node.js Is Part of the Web Platform (nea)775
, ,
“@ supports selector()” (chr/css)774
, ,
It’s Time for a Healthy Tech Approach (hel)773
What Each Markup Language Is Used For (sem)772
, , , , , , ,
Understanding and Implementing OAuth2 in Node.js (hon)771
, , ,
Chrome DevTools: Easily Change CSS Units and Values770
, , , , ,
What Svelte’s Accessibility Warnings Won’t Tell You769
,
Disability: Let’s Say the Word768
,
HTML With Superpowers (dav)767
, ,
Fix Web Accessibility Systematically (yat)766
,
Landmarks (mat/mat)765
, ,
100 Bytes of CSS to Look Great Everywhere (swy)764
Dealing With Timezones in Web Development763
Processing CPU-Intensive Jobs in Node.js762
Expandable Sections Within a CSS Grid (css)761
, ,
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)760
, , ,
Custom Properties With Defaults: 3+1 Strategies (lea)759
,
Stop Writing JavaScript Like This758
Smart CSS Solutions for Common UI Challenges (sma)757
,
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una/dev)756
,
Different Degrees of Custom Property Usage (chr/css)755
,
Conditional “border-radius” and Three Future CSS Features (ste)754
,
Five Proven Approaches for a Better Developer Experience in Your Organisation753
The Ultimate Guide to 3xx HTTP Status Codes752
, ,
1999: The Fall of Netscape and the Rise of Mozilla (ric)751
, , ,
The Tortuous Journey of Enhancing Our Color Palette750
,
Building a Multi-Select Component (arg/dev)749
, , ,
What Constitutes a Digital Accessibility Audit (gwi)748
, ,
How to Win at CORS (jaf)747
, , , ,
Google Chrome Hidden Features Every Developer Should Know746
, , ,
Best UI Frameworks for React.js745
,
Easy Read Is Hard to Get Right744
,
The Autofill Dark Pattern (alv/sma)743
, ,
How Design Debt Can Hurt Your Product (uxd)742
,
Introduction to Styled Components741
, , ,
A Tangled Web of ARIA740
, ,
Appreciation for Being a Web Developer (cit)739
Native CSS Nesting: What You Need to Know (log)738
, ,
Why We Crave Software With Style Over “Branding”737
,
How We Improved Our Design System Delivery736
, , ,
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)735
, , , ,
Internationalization: How to Boost Traffic With a Multilingual Site734
, ,
Accessibility: A Gentle Introduction733
,
Why Does Everything Look the Same? (uxd)732
Have Single-Page Apps Ruined the Web? (ric)731
, ,
Buttons vs. Links (yat)730
, , , ,
Engineer to Engineer: Art Is in the Code729
, ,
How to Implement and Style the “Dialog” Element (cod)728
, , ,
What Is Micro-Content?727
, ,
The Options for Password-Revealing Inputs (chr/css)726
, , , ,
Safe DOM Manipulation With the Sanitizer API (dev)725
, ,
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr/dev)724
, , , , ,
My Challenge to the Web Performance Community (phi)723
A Guide to CSS Debugging (5t3/sma)722
, ,
Why Do Webdevs Keep Trying to Kill REST? (swy)721
, , ,
Automating a Design System720
, ,
What Creating a Simple Font Taught Me About Font Design (uxd)719
,
UX Accessibility: How to Start Designing for All (uxd)718
, ,
Browsing With a Mobile Screen Reader (tet)717
, , , , ,
Writing Clean JavaScript Tests With the BASIC Principles716
, ,
What Is a Good User Experience? (uxm)715
, ,
Redundantly Redundant a11y Accessibility (sco)714
,
How to Build an Expandable Accessible Gallery (cit/sma)713
, , ,
Conditional Border Radius in CSS (sha)712
,
Animation Techniques for Adding and Removing Items From a Stack (css)711
, ,
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)710
jsPerf—Online JavaScript Performance Benchmark709
, ,
Introducing Svelte, and Comparing Svelte With React and Vue708
, , , ,
Using JavaScript to Detect High Contrast and Dark Modes (sco)707
, , , ,
Understanding and Working With Submodules in Git706
,
Sorting JavaScript Arrays by Nested Properties705
, ,
Links, Missing “href” Attributes, and Over-Engineered Code (tem)704
, , ,
Declaring Page Language—and Declaring Changes in Language (j9t)703
, ,
How I Built a Modern Website in 2021 (ken)702
, ,
9 Tag Management Solutions You Should Consider701
, , ,
Web Streams Everywhere (and Fetch for Node.js) (oll/css)700
, , ,
Using Modern Image Formats: AVIF and WebP (add/sma)699
, , , , , , ,
Practical Frontend Philosophy698
,
Comparing Page Language Declaration Setups in Screen Readers (j9t)697
, , , ,
Faster React Apps With Memoization696
, ,
Guidelines for Choosing a Node.js Framework695
, ,
Figma Cheat Sheet694
, ,
Let’s Dive Into Cypress for End-to-End Testing (sma)693
,
Accessibility Isn’t New—and Neither Is Ableism692
When iOS Will Allow Other Browsers (kar)691
, , ,
Design Tokens Automation Pipeline: From Design Tools to Component Libraries690
, ,
A JavaScript Developer’s Guide to Browser Cookies (psu)689
, ,
How I Make CSS Art688
,
Beware False Negatives (aar)687
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)686
,
7 UI Design Fundamentals for Developers685
,
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)684
, ,
A Content Model Is Not a Design System (ali)683
,
Just Redux: The Complete Guide682
,
Specification for Spoken Presentation in HTML (w3c)681
,
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It680
,
Simplifying Form Styles With “accent-color” (mic/sma)679
,
“initial” Doesn’t Do What You Think It Does (kev)678
,
7 Useful HTML Attributes You May Not Know677
,
Introduction to GSAP676
, , ,
How to Redirect URLs on WordPress (sem)675
, , , ,
ct.css—Let’s Take a Look Inside Your “<head>” (css)674
, ,
Container Units Should Be Pretty Handy (chr/css)673
, ,
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)672
, ,
Node.js Garbage Collection Explained671
,
Using Monorepos Is Not That Bad670
,
Yarn vs. npm: Everything You Need to Know669
, ,
Optimising a JavaScript Library With WebAssembly, a Failed Attempt668
, ,
Intro to MJML: Responsive HTML Email Coding Made Easy667
, , , ,
CSS Container Queries: Container-Relative Lengths (bra)666
,
Cascade Layers? (chr/css)665
,
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)664
, ,
How I Learnt to Stop Worrying and Love Animating the Box Model663
, ,
Provide Pronunciation for Ambiguous Words662
, ,
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)661
Contemporary Design Has Lost Its Soul (uxd)660
20 Killer JavaScript One-Liners659
Practical Frontend Architecture658
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design657
, ,
CSS Container Query Units (sha)656
, ,
Guide to 301 Redirects With an .htaccess File (sem)655
, , , ,
The New Requirements for WCAG 2.2654
,
Accessible Palette: Stop Using HSL for Color Systems653
, , ,
Design Direction as a Step Before Design System652
,
How to Expand Your Engineering Skill Set Without Quitting Your Day Job651
, ,
What’s the Right Font Size in Web Design?650
,
Web Quality Assurance: From User Requirements to Web Risk Management (sma)649
,
Web Vitals Patterns (dev)648
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)647
, ,
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)646
, ,
Minding the “gap” (pat/css)645
The Future of CSS: Cascade Layers (CSS “@ layer”) (bra)644
,
Optimizing Images on the Web (clo)643
, ,
1995: MySQL Arrives, Completing the LAMP Stack (ric)642
, , ,
Reducing the Need for Pseudo-Elements (sma)641
,
Modernising CSS Infrastructure in DevTools640
, , , , ,
Master Frontend Development by Cloning These Websites639
Laravel Blade Internals—PHP as a Templating Language (lia)638
, , ,
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)637
, ,
Designing Beautiful Shadows in CSS (jos)636
,
29 Projects to Help You Practice HTML CSS JavaScript 2021635
, ,
Scripting With Google zx634
Notes on Synthetic Speech (tin)633
, ,
The Ultimate Guide to Web Console632
, , ,
Myths About Web Accessibility (alv)631
,
Less Absolute Positioning With Modern CSS (sha)630
,
Indieweb vs. Fediverse (flu)629
, ,
Vanilla JS Is a Web Performance Decision (cfe)628
,
Bundling Non-JavaScript Resources (dev)627
Okhsv and Okhsl626
, ,
What Is Redundant Entry, and How Does It Affect Accessibility?625
,
Line Length Revisited: Following the Research624
, , ,
The Case for “Developer Experience”623
,
Flexible API Design: Create Hooks for Your PHP API Pipeline622
, ,
Subsets and Supersets of WCAG (hdv)621
,
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)620
, , ,
Developer Decisions for Building Flexible Components (mic/sma)619
Blowing Up HTML Size With Responsive Images (deb)618
, , ,
Fractional SVG Stars With CSS617
, ,
Becoming a Design Tokens Ambassador616
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)615
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1614
, , ,
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)613
,
5 Steps for Writing Alt Text for Accessibility612
, , ,
What’s New With DevTools: Cross-Browser Edition (pat/sma)611
, , , , , , , , ,
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)610
, , , , ,
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)609
An Early History of the Lynx Web Browser (ada)608
, ,
A Practical Guide to Creating Reusable React Components607
, , ,
Color and Universal Design (uxm)606
, , , ,
HTTP/3: Practical Deployment Options (pro/sma)605
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design604
, ,
Avoiding FOUT With Async CSS603
, , ,
Stop! Put Down That Ternary, Lines Are Free602
The Pros and Cons of Professional Language (and)601
Multiple Accounts and Git (bra)600
Make Accessibility Part of Your Startup’s Products and Culture From Day One (tec)599
,
WebKit—Patches and Tests (mar)598
,
Reducing Carbon Emissions on the Web (sma)597
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)596
, , , , ,
The Effect of CSS on Screen Readers595
, ,
Getting Started With Web Accessibility Testing594
, ,
Threats of Using Regular Expressions in JavaScript593
,
Interactive Learning Tools for Front-End Developers (lou/sma)592
Element Diversity (mat)591
Building a Split-Button Component (arg/dev)590
, , ,