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, boycott, cut all ties. Hide

Frontend Dogma

“2021” News Archive (2)

Entry (Sources) and Other Related TopicsDate#
Lit Web Components: Tailwind CSS Styles at Build Time (mic)842
, ,
Rebase vs. Merge: Integrating Changes in Git (css)841
,
The State of the Web (ada)840
,
Using AI and Data Science to Reliably Detect Internet Censorship in Real Time839
, ,
A Comprehensive Guide to Error Handling in Node.js (hon)838
, , ,
An Introduction to PostCSS (cra)837
, , ,
Accessible Toggles (mic)836
, , ,
The Guideline Gap835
, , ,
So, You Want to Build an “@ mention” Autocomplete Feature? (css)834
Developer Tools Secrets That Shouldn’t Be Secrets (cod)833
, ,
The Golden Ratio and User-Interface Design832
, ,
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil831
, ,
CSS-ing Candy Ghost Buttons (ana/css)830
You Probably Don’t Need Media Queries Anymore829
,
The Little Book of Little Books (j9t)828
, , ,
Chrome DevTools: Visualise Your JavaScript Bundles827
, , , , , , ,
Using CSS Variables for Reduced Motion on a Global Scale (cit)826
, , ,
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element825
, ,
Add a Contact Form to a React App With Netlify Forms824
, , ,
Make Your Design System Accessible—Color (luk/uxd)823
, ,
UX Design Isn’t Killing Creativity, Money Is (uxd)822
, ,
A Step by Step TypeScript Tutorial for Beginners821
,
Material Design 3820
, , ,
Best Practices on Embedding Third-Party Web Widgets819
, ,
Media Queries Level 4: Media Query Range Contexts (bra)818
,
In-Page Filtered Search With Vanilla JavaScript (css)817
, ,
So, You Want an Accessibility Score? (kar)816
,
Optimizing Next.js Applications With Nx (sma)815
, , ,
Photoshop’s Journey to the Web (dev)814
, ,
Design Systems at Replit: Better Tokens813
, ,
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)812
, , ,
The Problem With “Click Here” and “Learn More” Links (uxd)811
, ,
Reimagine Atomic CSS810
New WebKit Features in Safari 15 (jen/web)809
, , , ,
Building an Effective Image Component (dev)808
, ,
The Process of Building a CSS Framework (cod)807
,
Why Accessibility Overlays on Your Website Can Make Things Worse806
,
How to Get Started With Social Media Automation805
, , ,
Web Performance Metrics Cheatsheet (ire)804
, ,
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)803
, ,
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)802
, ,
A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma)801
, ,
Micro-Frontends: The Next Gen Way to Build Web Apps800
,
Finding Common Patterns Across Frameworks799
,
Switch Role Support (aar)798
, ,
Common Mistakes When Writing CSS With BEM797
, , ,
On Using Custom Properties (bra)796
,
The Start of a New Era for Responsive Web Design (uxd)795
,
Making the Web Developer’s Pilgrimage (j9t)794
This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (deq)793
Designing for Color Contrast: Guidelines for Accessibility792
, , ,
Semantic “menu” Context (sco)791
,
Respecting Users’ Motion Preferences (mic/sma)790
,
Prevent Scroll Chaining With Overscroll Behavior (sha)789
,
Identify Potential CSS Improvements (jec/dev)788
, , , , ,
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)787
, , ,
11ty Slugs and Anchors (5t3)786
, ,
Optimizing Resource Loading With the Fetch Priority API (add+/dev)785
, , ,
How I Made Google’s Data Grid Scroll 10× Faster With One Line of CSS784
,
New HTTP Standards for Caching on the Modern Web783
, , , ,
Back to Basics: Understanding the “for…in” Loop in JavaScript782
,
How to Cancel an HTTP Request in Node.js781
, ,
We Analyzed 425,909 Favicons780
,
Evaluating Clever CSS Solutions (mic)779
Yes, Node.js Is Part of the Web Platform (nea)778
, ,
“@ supports selector()” (chr/css)777
, ,
It’s Time for a Healthy Tech Approach (hel)776
What Each Markup Language Is Used For (sem)775
, , , , , , ,
Understanding and Implementing OAuth2 in Node.js (hon)774
, , ,
Chrome DevTools: Easily Change CSS Units and Values773
, , , , ,
What Svelte’s Accessibility Warnings Won’t Tell You772
,
Disability: Let’s Say the Word771
,
HTML With Superpowers (dav)770
, ,
Fix Web Accessibility Systematically (yat)769
,
Landmarks (mat/mat)768
, ,
100 Bytes of CSS to Look Great Everywhere (swy)767
Dealing With Timezones in Web Development766
Processing CPU-Intensive Jobs in Node.js765
Expandable Sections Within a CSS Grid (css)764
, ,
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)763
, , ,
Custom Properties With Defaults: 3+1 Strategies (lea)762
,
Stop Writing JavaScript Like This761
Smart CSS Solutions for Common UI Challenges (sma)760
,
“min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (una/dev)759
,
Different Degrees of Custom Property Usage (chr/css)758
,
Conditional “border-radius” and Three Future CSS Features (ste)757
,
Five Proven Approaches for a Better Developer Experience in Your Organisation756
The Ultimate Guide to 3xx HTTP Status Codes755
, ,
1999: The Fall of Netscape and the Rise of Mozilla (ric)754
, , ,
The Tortuous Journey of Enhancing Our Color Palette753
,
Building a Multi-Select Component (arg/dev)752
, , ,
What Constitutes a Digital Accessibility Audit (gwi)751
, ,
How to Win at CORS (jaf)750
, , , ,
Google Chrome Hidden Features Every Developer Should Know749
, , ,
Best UI Frameworks for React.js748
,
Easy Read Is Hard to Get Right747
,
The Autofill Dark Pattern (alv/sma)746
, ,
How Design Debt Can Hurt Your Product (uxd)745
,
Introduction to Styled Components744
, , ,
A Tangled Web of ARIA743
, ,
Appreciation for Being a Web Developer (cit)742
Native CSS Nesting: What You Need to Know (log)741
, ,
Why We Crave Software With Style Over “Branding”740
,
How We Improved Our Design System Delivery739
, , ,
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)738
, , , ,
Internationalization: How to Boost Traffic With a Multilingual Site737
, ,
Accessibility: A Gentle Introduction736
,
Why Does Everything Look the Same? (uxd)735
Have Single-Page Apps Ruined the Web? (ric)734
, ,
Buttons vs. Links (yat)733
, , , ,
Engineer to Engineer: Art Is in the Code732
, ,
How to Implement and Style the “Dialog” Element (cod)731
, , ,
What Is Micro-Content?730
, ,
The Options for Password-Revealing Inputs (chr/css)729
, , , ,
Safe DOM Manipulation With the Sanitizer API (dev)728
, ,
RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (chr/dev)727
, , , , ,
My Challenge to the Web Performance Community (phi)726
A Guide to CSS Debugging (5t3/sma)725
, ,
Why Do Webdevs Keep Trying to Kill REST? (swy)724
, , ,
Automating a Design System723
, ,
What Creating a Simple Font Taught Me About Font Design (uxd)722
,
UX Accessibility: How to Start Designing for All (uxd)721
, ,
Browsing With a Mobile Screen Reader (tet)720
, , , , ,
Writing Clean JavaScript Tests With the BASIC Principles719
, ,
What Is a Good User Experience? (uxm)718
, ,
Redundantly Redundant a11y Accessibility (sco)717
,
How to Build an Expandable Accessible Gallery (cit/sma)716
, , ,
Conditional Border Radius in CSS (sha)715
,
Animation Techniques for Adding and Removing Items From a Stack (css)714
, ,
The CSS “prefers-color-scheme” User Query and Order of Preference (sar)713
jsPerf—Online JavaScript Performance Benchmark712
, ,
Introducing Svelte, and Comparing Svelte With React and Vue711
, , , ,
Using JavaScript to Detect High Contrast and Dark Modes (sco)710
, , , ,
Understanding and Working With Submodules in Git709
,
Sorting JavaScript Arrays by Nested Properties708
, ,
Links, Missing “href” Attributes, and Over-Engineered Code (tem)707
, , ,
Declaring Page Language—and Declaring Changes in Language (j9t)706
, ,
How I Built a Modern Website in 2021 (ken)705
, ,
9 Tag Management Solutions You Should Consider704
, , ,
Web Streams Everywhere (and Fetch for Node.js) (oll/css)703
, , ,
Using Modern Image Formats: AVIF and WebP (add/sma)702
, , , , , , ,
Practical Frontend Philosophy701
,
Comparing Page Language Declaration Setups in Screen Readers (j9t)700
, , , ,
Faster React Apps With Memoization699
, ,
Guidelines for Choosing a Node.js Framework698
, ,
Figma Cheat Sheet697
, ,
Let’s Dive Into Cypress for End-to-End Testing (sma)696
,
Accessibility Isn’t New—and Neither Is Ableism695
When iOS Will Allow Other Browsers (kar)694
, , ,
Design Tokens Automation Pipeline: From Design Tools to Component Libraries693
, ,
A JavaScript Developer’s Guide to Browser Cookies (psu)692
, ,
How I Make CSS Art691
,
Beware False Negatives (aar)690
Not Releasing Late on Fridays, a Matter of Courtesy (j9t)689
,
7 UI Design Fundamentals for Developers688
,
One Last Time: Custom Styling Radio Buttons and Checkboxes (sco)687
, ,
A Content Model Is Not a Design System (ali)686
,
Just Redux: The Complete Guide685
,
Specification for Spoken Presentation in HTML (w3c)684
,
When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It683
,
Simplifying Form Styles With “accent-color” (mic/sma)682
,
“initial” Doesn’t Do What You Think It Does (kev)681
,
7 Useful HTML Attributes You May Not Know680
,
Introduction to GSAP679
, , ,
How to Redirect URLs on WordPress (sem)678
, , , ,
ct.css—Let’s Take a Look Inside Your “<head>” (css)677
, ,
Container Units Should Be Pretty Handy (chr/css)676
, ,
7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (css)675
, ,
Node.js Garbage Collection Explained674
,
Using Monorepos Is Not That Bad673
,
Yarn vs. npm: Everything You Need to Know672
, ,
Optimising a JavaScript Library With WebAssembly, a Failed Attempt671
, ,
Intro to MJML: Responsive HTML Email Coding Made Easy670
, , , ,
CSS Container Queries: Container-Relative Lengths (bra)669
,
Cascade Layers? (chr/css)668
,
Simpler Block Spacing in WordPress With “:is()” and “:where()” (mic)667
, ,
How I Learnt to Stop Worrying and Love Animating the Box Model666
, ,
Provide Pronunciation for Ambiguous Words665
, ,
Understanding “min-content”, “max-content”, and “fit-content” in CSS (log)664
Contemporary Design Has Lost Its Soul (uxd)663
20 Killer JavaScript One-Liners662
Practical Frontend Architecture661
Why Inequalities Can Appear in Digital Accessibility and Inclusive Design660
, ,
CSS Container Query Units (sha)659
, ,
Guide to 301 Redirects With an .htaccess File (sem)658
, , , ,
The New Requirements for WCAG 2.2657
,
Accessible Palette: Stop Using HSL for Color Systems656
, , ,
Design Direction as a Step Before Design System655
,
How to Expand Your Engineering Skill Set Without Quitting Your Day Job654
, ,
What’s the Right Font Size in Web Design?653
,
Web Quality Assurance: From User Requirements to Web Risk Management (sma)652
,
Web Vitals Patterns (dev)651
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)650
, ,
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)649
, ,
Minding the “gap” (pat/css)648
The Future of CSS: Cascade Layers (CSS “@ layer”) (bra)647
,
Optimizing Images on the Web (clo)646
, ,
1995: MySQL Arrives, Completing the LAMP Stack (ric)645
, , ,
Reducing the Need for Pseudo-Elements (sma)644
,
Modernising CSS Infrastructure in DevTools643
, , , , ,
Master Frontend Development by Cloning These Websites642
Laravel Blade Internals—PHP as a Templating Language (lia)641
, , ,
Prevent Content From Being Hidden Underneath the Virtual Keyboard by Means of the VirtualKeyboard API (bra)640
, ,
Designing Beautiful Shadows in CSS (jos)639
,
29 Projects to Help You Practice HTML CSS JavaScript 2021638
, ,
Scripting With Google zx637
Notes on Synthetic Speech (tin)636
, ,
The Ultimate Guide to Web Console635
, , ,
Myths About Web Accessibility (alv)634
,
Less Absolute Positioning With Modern CSS (sha)633
,
Indieweb vs. Fediverse (flu)632
, ,
Vanilla JS Is a Web Performance Decision (cfe)631
,
Bundling Non-JavaScript Resources (dev)630
Okhsv and Okhsl629
, ,
What Is Redundant Entry, and How Does It Affect Accessibility?628
,
Line Length Revisited: Following the Research627
, , ,
The Case for “Developer Experience”626
,
Flexible API Design: Create Hooks for Your PHP API Pipeline625
, ,
Subsets and Supersets of WCAG (hdv)624
,
Enterprise UX: Essential Resources to Design Complex Data Tables (ste)623
, , ,
Developer Decisions for Building Flexible Components (mic/sma)622
Blowing Up HTML Size With Responsive Images (deb)621
, , ,
Fractional SVG Stars With CSS620
, ,
Becoming a Design Tokens Ambassador619
What’s New in PHP 8.1: Features, Changes, Improvements, and More (kin)618
Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1617
, , ,
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)616
,
5 Steps for Writing Alt Text for Accessibility615
, , ,
What’s New With DevTools: Cross-Browser Edition (pat/sma)614
, , , , , , , , ,
Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css)613
, , , , ,
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)612
An Early History of the Lynx Web Browser (ada)611
, ,
A Practical Guide to Creating Reusable React Components610
, , ,
Color and Universal Design (uxm)609
, , , ,
HTTP/3: Practical Deployment Options (pro/sma)608
, ,
Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design607
, ,
Avoiding FOUT With Async CSS606
, , ,
Stop! Put Down That Ternary, Lines Are Free605
The Pros and Cons of Professional Language (and)604
Multiple Accounts and Git (bra)603
Make Accessibility Part of Your Startup’s Products and Culture From Day One (tec)602
,
WebKit—Patches and Tests (mar)601
,
Reducing Carbon Emissions on the Web (sma)600
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)599
, , , , ,
The Effect of CSS on Screen Readers598
, ,
Getting Started With Web Accessibility Testing597
, ,
Threats of Using Regular Expressions in JavaScript596
,
Interactive Learning Tools for Front-End Developers (lou/sma)595
Element Diversity (mat)594
Building a Split-Button Component (arg/dev)593
, , ,