Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2023” News Archive

Definition, related topics, and tag feed

“2023” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Tech Interviews Are Changing—Not for the Better2,858
interviewing, career
3 Terminal Commands to Increase Your Productivity2,857
command-line, productivity
My Perspective: Digital Accessibility and Overlays2,856
accessibility, overlays
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)2,855
interviewing, javascript, career, concepts, terminology
Installing Google Fonts as npm Packages (ami)2,854
installing, tooling, dependencies, google, fonts
Make Your Linux Terminal Enjoyable to Use2,853
unix-like, command-line, shell, oh-my-zsh
React Is Slow, What to Do Now?2,852
react, performance
Shadow DOM and the Problem of Encapsulation (nol)2,851
web-components, shadow-dom, dom, maintainability
The Internet Is About to Get Weird Again (rol)2,850
web, social-media
What Are Types in TypeScript2,849
typescript, types
A Comprehensive Guide to npm Workspaces and Monorepos2,848
guides, monorepos, npm, yarn, dependencies
2.5.8: Adversarial Conformance (aar)2,847
accessibility, wcag, compliance
Let’s Bring Back JavaScript’s “with()” Statement (mac)2,846
javascript
Making a Weblog With Eleventy2,845
eleventy, blogging
React Server Components: The Good, the Bad, and the Ugly (may)2,844
react, components
Tools to Make Your Developer Experience Better in PHP (ami)2,843
tooling, developer-experience, php, link-lists
Top 7 CSS Frameworks in 2024 (wea)2,842
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
WCAG 2: Guidelines and Guardrails (yat)2,841
accessibility, wcag, guidelines
Announcing Vue 3.4 (eva/vue)2,840
vuejs, release-notes
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds2,839
accessibility, compliance, legal
Incident, Mitigate, Learn (j9t)2,838
processes, incident-response, learning, quality
Inspecting WCAG 2.2: Accessible Authentication2,837
videos, accessibility, wcag, standards, authentication
Making Sense of “Senseless” JavaScript Features (mon)2,836
javascript
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies (dev)2,835
privacy, cookies, support, google
What the Heck Is a Homomorphic Mapped Type?2,834
typescript
Every Container Queries Demo Is a Card (chr)2,833
css, container-queries
Everything You Need to Know About Responsive Logo Design (web)2,832
design, branding, images, logos, responsive-design
Frontend Predictions for 2024 (shi)2,831
retrospectives, outlooks
Future of Storybook in 2024 (shi/sto)2,830
outlooks, storybook
HTML Validation—Pros and Cons2,829
html, conformance
I Made JSX for Lua (Because I Hate Static Sites)2,828
jsx, lua
Server and Client Component—Next.js (fro)2,827
nextjs, react, components
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)2,826
tech-stacks, jamstack, content-management
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases2,825
css-in-js, css, javascript
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)2,824
discussions, community
CSS Wishlist2,823
css, wish-lists
I Built the Same App 7 Times: Which JS Framework Is Best?2,822
javascript, frameworks, comparisons
JS Design Patterns: A Comprehensive Guide2,821
guides, javascript, software-design-patterns
Never Underestimate HTML (lar/mat)2,820
html, user-experience, developer-experience
Container Style Queries (mat/5t3)2,819
css, container-queries, style-queries
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)2,818
performance, monitoring, optimization, apis, time
CSS-Based State Management (may)2,817
css, state-management
Polypane Review: Best Browser for Web Developers?2,816
polypane, browsers, tooling
Responsive SVGs (nil/5t3)2,815
svg, images, responsive-design
Session-Based vs. Token-Based Authentication: Which Is Better?2,814
authentication, json-web-tokens, comparisons, security
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)2,813
html, disclosure-widgets, css, javascript
Why AI Is a Disaster for the Climate (the)2,812
ai, sustainability
ARIA Live Regions (mat)2,811
aria, live-regions, accessibility
Best Practices for Coding With AI in 20242,810
ai, best-practices
FileReader API (cla/5t3)2,809
apis, javascript, file-handling
GitHub Copilot: Tips and Tricks for Flutter Devs2,808
github-copilot, ai, flutter, dart, tips-and-tricks
The View Transitions API and Delightful UI Animations (cod/sma)2,807
css, animations, view-transitions, apis
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)2,806
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
Custom Mouse Hover Effect With JavaScript2,805
javascript, effects
2023 Digital Accessibility Year in Review (tpg)2,804
accessibility, retrospectives
Container Queries and Units (zac/fro)2,803
css, container-queries, units
CSS Scope Issues (kiz)2,802
css, scope
“HTML First” Is Not HTML First (j9t)2,801
html, principles, quality, craft
JavaScript Frameworks—Heading Into 2024 (rya/thi)2,800
javascript, frameworks, outlooks
Recapturing Early-Internet Whimsy With HTML (tec)2,799
html, trends, design, art, decoration
Screen Reader Users and the Tab Key (tem)2,798
accessibility, screen-readers, keyboard-navigation, testing
Scroll-Driven Animations (mic/5t3)2,797
animations, scrolling, css
The Complete Playwright Cheatsheet2,796
cheat-sheets, playwright, testing
The Implied Web (hws/mat)2,795
html, accessibility, semantics
The State of Benchmarking in Node.js2,794
nodejs, performance, metrics
The Top Accessibility Errors Found in 2023 (tpg)2,793
accessibility, conformance, quality, errors, retrospectives
Turn Your Vue App Into an Offline-Ready Progressive Web App2,792
vuejs, refactoring, offline, progressive-web-apps
Cool Wiggly Hover Animation With CSS (ami)2,791
css, animations, effects
Debugging Fetch Priority (jec+/dev)2,790
videos, debugging, performance, web-vitals, apis
Are We Too Pedantic With Semantic2,789
design, design-tokens, semantics
Classes vs. Prototypes in JavaScript (cfe)2,788
javascript, prototypes, comparisons
Clean Architecture: Theming With Tailwind and CSS Variables2,787
theming, tailwind, custom-properties, css
CSS Nesting (kil/5t3)2,786
css, nesting
Locking Scroll With “:has()” (rob)2,785
css, selectors, scrolling
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)2,784
viewport, css, units, scrolling
Release Notes for Safari Technology Preview 185 (jon/web)2,783
release-notes, browsers, apple, safari
10 Best Practices for Secure Code Review of Node.js Code2,782
best-practices, security, code-reviews, nodejs
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)2,781
principles, performance
10 Ways to Speed Up JavaScript Loading2,780
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
“align-content” in Block Layout (rac)2,779
css, layout, support, browsers
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)2,778
images, borders, css, browsers, web-platform, interoperability
Eigensolutions: Composability as the Antidote to Overfit (lea)2,777
product-management, processes
Experimental Chromium Web Platform Features (pol)2,776
overviews, experiments, web-platform, standards, chromium
New to the Web Platform in December (rac/dev)2,775
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Practical “img” Element Defaults (zor/css)2,774
videos, css, images
Reflow Red Flags (tpg)2,773
accessibility, reflow, testing
View Transitions (hui/5t3)2,772
css, javascript, view-transitions
We Can :has It All (hex)2,771
css, selectors, browsers, support
See What’s New in Firefox [121.0] (moz)2,770
release-notes, browsers, mozilla, firefox
AI for Web Devs: AI Image Generation (aus)2,769
ai, tooling, images, automation
Building Components for Consumption, Not Complexity II (dis/sma)2,768
design-systems, components, figma
How to Center an Element in CSS Without Adding a Wrapper in HTML2,767
how-tos, centering, css, techniques
Making Data Visualizations Accessible (ons/tpg)2,766
accessibility, information-design
React Props Explained With Examples2,765
react, props, examples
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today2,764
career, community
The Road to HTMHell Is Paved With Semantics (pep/mat)2,763
html, semantics, quality
Zustand—Complete Tutorial (cos)2,762
videos, tutorials, zustand, state-management, libraries, react
New JS Array Methods (cfe/5t3)2,761
javascript, arrays, methods
The Goldilocks Principle for Prototyping (nng)2,760
videos, principles, prototyping, usability
Think About Your Future Self2,759
accessibility
Good Design Is Subjective, Contextual, and Intentional (uxd)2,758
design, processes
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)2,757
performance, caching, optimization
CSS “animation-composition” (tyl/5t3)2,756
css, animations
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)2,755
fundamentals, semantics, html, accessibility
A Checklist for CLS Scenarios (per)2,754
checklists, performance, web-vitals
Baseline Does Not Really Cover Baseline Support (aar)2,753
browsers, support, web-platform, accessibility
HTML Can Do This?2,752
html
Swallowing Camels (kol/mat)2,751
accessibility
Web Components (may/5t3)2,750
web-components, html, shadow-dom, dom
Naming Design Tokens: The Art of Clarity and Consistency (uxd)2,749
design-tokens, naming, consistency
Sharing a State Between Windows Without a Server2,748
web-workers, apis, state-management, effects, javascript
How GitHub Actions Versioning System Works (rob)2,747
github-actions, versioning, semver
Christmas Tree Animations Made With CSS and JS2,746
css, javascript, animations, effects, link-lists
Crafting Effective Documentation2,745
documentation
CSS “@ scope” (mia/5t3)2,744
css, scope
How We Reduced CSS Size and Improved Performance Across GOV.UK2,743
case-studies, css, performance, optimization
Introducing JavaScript Support in MySQL2,742
introductions, databases, mysql, javascript, support
Managing Node.js Processes2,741
nodejs, tooling
Stop Normalizing Unprofessional Behaviour in the Name of Agility2,740
agile, processes, communication, community, professionalism
The Ghosts of Markup Past (tho/mat)2,739
html, web, history
The WordPress Showcase and Accessibility (joe)2,738
accessibility, wordpress
Who Stole My Largest Contentful Paint? (per)2,737
performance, web-vitals, optimization
Anchor Positioning (kiz/5t3)2,736
css, anchor-positioning
Announcing SvelteKit 2 (sve)2,735
release-notes, sveltekit
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)2,734
design-systems, leadership, collaboration, accessibility, user-experience
Developer Toolkit2,733
websites, tooling, conversion, link-lists
Getting Started With Web Performance (acc/mat)2,732
introductions, performance, web-vitals, testing
How to Use ESM on the Web and in Node.js2,731
how-tos, esm, commonjs, modules, nodejs
HTTP Keanu (sue)2,730
websites, http, protocols
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)2,729
accessibility, economics
V8 Is Faster and Safer Than Ever2,728
javascript-engines, v8, javascript, webassembly
The Unspoken Struggle of Aging in a Tech-Driven World (uxd)2,727
accessibility, user-experience, web
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences2,726
developer-relations, dei, community, strategies
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)2,725
tips-and-tricks, optimization, performance, auditing
6 Techniques for Conditional Rendering in React, With Examples2,724
techniques, react
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)2,723
eleventy, sitemaps
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)2,722
sliders, css, scrolling, layout, case-studies
How to Get Good at Competitive Programming2,721
how-tos, programming
HTML: The Bad Parts (may/mat)2,720
html
My Accessibility Journey (web)2,719
accessibility, career
Popover API (mrt/5t3)2,718
pop-overs, apis, css
The Best Go Tools to Use for Your Frontend Projects (fre)2,717
go, tooling, link-lists
What Really Is Technical Debt?2,716
technical-debt, terminology, quality
What Vue’s Creator Learned the Hard Way With Vue 3 (low/the)2,715
vuejs, lessons
Competing Against Internally Developed Tools2,714
tooling, processes
Accessibility Overlays (eu)2,713
accessibility, overlays, metrics
Baseline 2023 (rac/dev)2,712
browsers, support, web-platform
Engineering Progression for Humans (sop)2,711
career, engineering-management
Test-Driven HTML and Accessibility (mat)2,710
html, accessibility, testing, javascript
Three Modern CSS Properties Your Website Must Have2,709
css
Using Date-Based CSS to Make Old Web Pages Look Old (ede)2,708
css, history
Using Nodemon and Watch in Node.js for Live Restarts (cra)2,707
nodejs, tooling
Embrace the Platform (bra)2,706
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Can UX Design Actually Be Ethical? (uxd)2,705
user-experience, design, ethics
Extending Responsive Video With HTML Web Components (sco/per)2,704
multimedia, responsive-design, web-components, javascript
ARIA, the Good Parts (hdv/par)2,703
videos, accessibility, aria
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)2,702
how-tos, javascript, promises, asynchronicity
Behavior Belongs in the HTML2,701
html, javascript, principles
Building Components for Consumption, Not Complexity (dis/sma)2,700
design-systems, components, figma
Chrome Enables Desktop Mode by Default on Premium Tablets (pau/dev)2,699
browsers, google, chrome, desktop
Decoding Compound Tokens2,698
design-tokens, terminology
Developer Relations Is an All-Company Effort (bla)2,697
developer-relations, foss, community
Everything Is Chrome (val)2,696
browsers, history, browser-wars, chrome, google, browser-extensions, amp, link-lists
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)2,695
videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
Improve App Performance With Angular 17 “defer”2,694
videos, angular, performance, optimization
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)2,693
dom, javascript, html, comparisons
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful2,692
nodejs, typescript, esm
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)2,691
css, selectors
Screen Reader User Survey #10 (web)2,690
surveys, accessibility, screen-readers
The “await” Event Horizon in JavaScript (fro)2,689
javascript, events
The “hidden” Attribute in HTML (mat)2,688
html, attributes
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)2,687
accessibility, multimedia, captions
WebKit Features in Safari 17.2 (jen+/web)2,686
release-notes, browsers, apple, safari, webkit
Why Designers Quit (2023 Report) (uxd)2,685
design, career
A List of JavaScript Engines, Runtimes, Interpreters2,684
javascript, javascript-engines, runtimes, link-lists
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)2,683
performance, web-vitals, optimization, case-studies
Potential Problems With Accessibility Audits and What to Do About Them (cer)2,682
accessibility, auditing, testing
Signals of Interface Quality2,681
design, quality
Task Automation and Debugging With AI-Powered Tools2,680
automation, debugging, tooling, ai
Template for Accessibility Guidelines (stv/mat)2,679
templates, accessibility, guidelines
A Perfectly Normal Amount of Tech Debt (max)2,678
technical-debt, maintenance
Media Queries in HTML Video (aar)2,677
html, multimedia, css, media-queries, accessibility
What the Slot? (dut/mat)2,676
web-components, dom, shadow-dom, html
All Technical Debt Is a Risk to the Product and to Your Business2,675
technical-debt, quality, product-management, processes
Audit Your Site for Third-Party Cookies (dev)2,674
videos, auditing, cookies, privacy
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)2,673
accessibility, skip-links
Oh No! My JSON! (ton)2,672
css
Scroll Fading 101 (nng)2,671
scrolling, interaction-design, usability
A Beginner’s Guide to Accessible Text (pop)2,670
guides, accessibility, content, writing, best-practices
Accessibility-Specific Tech Requirements? It Depends!2,669
accessibility, processes
Angular Signals: Complete Guide2,668
guides, angular, signals, examples
CSS Snapshot 2023 (tab+/w3c)2,667
css, standards
CSS Wrapped: 2023 (una+/dev)2,666
css, browsers, support, interoperability, retrospectives
Insights: Mobile Accessibility2,665
accessibility, research, metrics, mobile
Is PHP Still a Viable Choice in 2023?2,664
discussions, php
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)2,663
performance, web-vitals, optimization
React Performance Optimization2,662
react, performance, optimization
Release Notes for Safari Technology Preview 184 (jon/web)2,661
release-notes, browsers, apple, safari
Security Headers Using “<meta>” (sap/mat)2,660
security, csp, html
Stop Nesting Ternaries in JavaScript (phi)2,659
javascript, operators
The Last 5 Years of V8’s Garbage Collector (win)2,658
javascript, javascript-engines, v8, garbage-collection, concurrency, history
The Most Accessible Font2,657
accessibility, typography, legibility, fonts
The Shrinkwrap Problem: Possible Future Solutions (kiz)2,656
css
Why Chromium Cares About Standards2,655
chromium, standards, web-platform
Custom Events in Web Components (cfe)2,654
web-components, events, javascript
Dark Design Patterns Catalog2,653
design, user-experience, dark-patterns
HTML5 Boilerplate v9.0.0 Released2,652
release-notes, html5-boilerplate
Overview of Drupal2,651
overviews, drupal
The Complete Puppeteer Cheatsheet2,650
puppeteer, cheat-sheets, chromium
TypeScript’s Hidden Feature: Subtypes2,649
typescript
Understanding the New WCAG 2.2 Criteria2,648
accessibility, wcag
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)2,647
css, sass, postcss, lightning-css, postprocessors
4 Dead Simple Ways of Customizing Bootstrap2,646
bootstrap, customization, css
A Definition Update for Baseline (kad+/dev)2,645
browsers, support, web-platform
Astro 4.0 (blu+/ast)2,644
release-notes, astro
Baseline’s Evolution on MDN (pep/mdn)2,643
browsers, support, web-platform, documentation, mdn, case-studies
Better Vue.js Inputs With Generics: The Select2,642
vuejs, generics, components
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages2,641
css, security
Maglev—V8’s Fastest Optimizing JIT2,640
v8, optimization, browsers, google, chrome
My 3 Rules for Documenting Code (wra)2,639
documentation, naming, processes
Scale Your React App With Storybook and Chromatic2,638
react, scalability, storybook
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)2,637
html, attributes, images, maintainability
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)2,636
html, history
Web Chat Accessibility Considerations (cra)2,635
accessibility, functionality, wcag, aria
10 Tips for Implementing Webflow On-Page SEO2,634
webflow, seo, tips-and-tricks
100 Bucket List Ideas for Programmers2,633
career, learning
12 Important User-Interface Design Guidelines (uxm)2,632
guidelines, design, usability
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)2,631
fundamentals, html, attributes, accessibility, user-experience
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)2,630
guides, design, colors, tips-and-tricks
CSS Media Query for Scripting Support (sea)2,629
css, media-queries, browsers, support
How Marketing Changed OOP in JavaScript (mon/sma)2,628
marketing, javascript, oop, software-design-patterns
Of Time and the Web (ada/btc)2,627
videos, web, processes, history
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)2,626
guides, design, product-management, processes
The Importance of User Feedback and Data in UX Design (uxm)2,625
user-experience, metrics
The Pros and Cons of Using React Today (the)2,624
react, frameworks
The State of UX in 2024: Enter Late-Stage UX (fab/uxd)2,623
user-experience, design, outlooks
Why Carousels Don’t Work2,622
carousels, design, user-experience
An Informed Pre-Caching Strategy for Large Sites (per)2,621
strategies, performance, caching
Testing the Performance of Social Media Embeds (mic)2,620
performance, testing, embed-code, social-media
The “form” Attribute—Enhancing Form Layout Flexibility (mat)2,619
forms, html, attributes
Is the Flat Design Trend Finally Over? (uxd)2,618
design, flat-design, trends
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican2,617
site-generators, comparisons, hugo, jekyll
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)2,616
javascript, frameworks, reactivity, rendering, dom
You Don’t Need JavaScript for That (kil/mat)2,615
javascript
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (uxd)2,614
design, processes, atlassian, figma
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)2,613
javascript, state-management, performance
Create Dynamic Web Experiences With Interactive SVG Animations2,612
svg, images, animations, tooling
CSS Relative Colors (luc/iod)2,611
css, colors
Does Web Design Matter?2,610
design, web
How to Use a Color Font (man)2,609
how-tos, fonts, css
I Replaced npm, Yarn, and nvm With pnpm (paw)2,608
dependencies, npm, yarn, pnpm, nvm
Recovering Deleted Files From Your Git Working Tree (sma)2,607
git, command-line
The UX of HTML (vas/mat)2,606
html, semantics, user-experience
Web Development Advent Calendars for 2023 (aar)2,605
link-lists, learning
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)2,604
user-experience, dark-patterns
Search vs. Browse2,603
user-experience, browsing, searching, comparisons
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)2,602
videos, performance, bfcache, browsers, google, chrome, dev-tools, debugging
Creating a Marquee Effect With CSS Animations2,601
css, animations, effects
Firefox on the Brink? (bry)2,600
browsers, mozilla, firefox
Is 2024 the Year of CSS Nesting? (jar/van)2,599
css, nesting
New to the Web Platform in November (rac/dev)2,598
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Node v21.3.0 (raf/nod)2,597
release-notes, nodejs
Not All Screen Reader Users Are Blind (tem)2,596
accessibility, user-experience, screen-readers
Preparing for a Live Demo2,595
career
CSS Modules (fro)2,594
css, modules, scope, examples
Design That Scales2,593
books, design, design-systems, scalability, processes
Fetch API, Do You Really Know How to Handle Errors?2,592
data-fetching, apis, errors
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)2,591
performance, web-vitals, metrics
Testing in Production With Canary Deployments: A How-To Guide2,590
guides, testing, deploying
CSS: BEM or Atomic Design2,589
css, bem, atomic-design, comparisons
Alternative Frontends2,588
web, censorship
Hide and Debug Empty Elements With CSS (mic)2,587
css
Accessing .env Files Natively With Node.js2,586
nodejs, environments
Care Beyond Code: 7 Best Design Practices for Frontend Developers (tra/evi)2,585
design, best-practices
How to Use the File System in Node.js (cra)2,584
how-tos, file-handling, nodejs, apis
The Difference Between Nesting an “@ layer” in “@ media” and “@ container” Query (mat)2,583
videos, css, media-queries, container-queries, comparisons
Oh No, Overflow! (mic)2,582
css, overflow, layout
10 JavaScript Changes You Missed in 2023 (fir)2,581
videos, javascript, retrospectives
A Complete Guide to pnpm2,580
guides, pnpm, dependencies
Accessibility: A Practical Perspective (mat)2,579
accessibility
Burnout in the Digital Accessibility Field2,578
accessibility, career
Checking the Type of a String in PHP (ami)2,577
php, strings
How to Use Chrome’s Accessibility Tree (pop)2,576
how-tos, accessibility, browsers, google, chrome
How to Use Responsive HTML Video (…and Audio!) (sco)2,575
how-tos, responsive-design, html, multimedia
Keyboard Accessibility Myths and WCAG (gra/tet)2,574
accessibility, keyboard-navigation, wcag, myths
Resource Loading at the Cutting Edge2,573
videos, performance
The “hanging-punctuation” Property in CSS (chr)2,572
css, typography
Web Components Eliminate JavaScript Framework Lock-In (jak)2,571
web-components, javascript, frameworks, maintainability
“An Accessible Website Won’t Be Beautiful”… Really?!2,570
design, accessibility
Kicking the Excessive JavaScript Habit (mic)2,569
javascript, performance, developer-experience, user-experience
Are Design Ethics Useless? (koo)2,568
design, ethics
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)2,567
css, functions, colors, oklch
OOP Design Patterns in JavaScript2,566
javascript, oop, software-design-patterns
Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development2,565
progressive-enhancement, graceful-degradation, comparisons
Preventing Scroll “Bounce” With CSS (mic)2,564
css, scrolling
A Few Ways CSS Is Easier to Write in 2023 (geo/sma)2,563
css, techniques, comparisons
Accessibility Is Leadership2,562
accessibility, leadership
Weird HTML Hacks (ern)2,561
html, css, hacks, techniques, history
Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America2,560
design-systems, metrics, lessons
How to Test 3.3.7 Redundant Entry (tpg)2,559
how-tos, accessibility, testing, wcag
State of JavaScript 2023 (sac/dev)2,558
surveys, javascript
Browsers Only Update “:target” on Page Load and During Fragment Navigation (sim)2,557
css, selectors
Psychology of Speed: A Guide to Perceived Performance (fox/cal)2,556
guides, performance, user-experience
Shadow DOM Is for Hiding Your Shame2,555
shadow-dom, dom, web-components, html
Test Often to Keep Your Designs Simple2,554
design, prototyping, testing, simplicity
The Elevator Pitch for Web Components (cfe)2,553
web-components, html, dom
Vue and Vite Status Update (eva)2,552
videos, vuejs, vite
Top 10 Most Popular JavaScript Frameworks to Choose in 20242,551
javascript, frameworks, react, angular, vuejs, nodejs, express, meteor, nextjs, emberjs, backbone, svelte
Choosing a Green Web Host (mic)2,550
hosting, sustainability
An Interactive Guide to CSS Grid (jos)2,549
guides, css, grids, layout
Demystifying Web Push Notifications2,548
notifications, javascript
Easy Introduction to Variables and Data Types in Programming for Beginners (ara)2,547
introductions, variables, types, programming
PHP Attributes in Laravel2,546
php, laravel, attributes
The Tension and Future of Jamstack (zac)2,545
tech-stacks, jamstack
The Unbearable Weight of Massive JavaScript (rya)2,544
videos, javascript, frameworks, performance
URL Parser Performance (bag)2,543
urls, parsing, performance
Why We Don’t Like TDD: A Developer’s Perspective2,542
testing, processes
Announcing TypeScript 5.3 (dan/typ)2,541
release-notes, typescript
Conducting a Content Audit to Improve Your Content (uxm)2,540
content, auditing, quality, optimization
CSS4 Is Coming (Not a Clickbait) (zor/css)2,539
videos, css
How to Avoid Breaking Web Pages for Keyboard Users (tpg)2,538
how-tos, accessibility, keyboard-navigation
Inspecting WCAG 2.2: Target Size2,537
videos, accessibility, wcag, standards
Jimdo’s Engineering Guidelines2,536
guidelines, processes, collaboration, onboarding, case-studies
Navigating the Intersection of Brand Strategy and User Experience (uxm)2,535
branding, strategies, user-experience
The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (j9t)2,534
html, attributes
Width and Height in CSS (jim)2,533
css
Streams in Node.js2,532
nodejs, streaming, examples
What Are Webhooks and How to Use Them2,531
webhooks
CSS Nesting (sha)2,530
css, nesting
CSS Nesting UX in DevTools (sha)2,529
css, nesting, user-experience, developer-experience, browsers, dev-tools
Introduction to AWS—DynamoDB2,528
introductions, aws, dynamodb, databases
10 Great Websites to Learn Web Development (apo)2,527
link-lists, learning
26 Frontend Certifications for Web Developers2,526
training, career, link-lists
An Attempted Taxonomy of Web Components (zac)2,525
web-components, html
Comparison of Accessibility of E-Government Websites in Europe (cer)2,524
accessibility, case-studies, comparisons
How Independent Publishing Has Changed From the 1990s Until Today2,523
history, writing, web
Skip PHPUnit Tests Conditionally in PHP (ami)2,522
php, testing
The CSS Property You Didn’t Know You Needed2,521
css
10 Tips for Driving Design System Adoption (zer)2,520
design-systems, tips-and-tricks
HTML Web Components Are Just JavaScript? (mia/odd)2,519
web-components, javascript, html
Integrating MongoDB With Node.js2,518
mongodb, nodejs
“NODE_ENV=production” Is a Lie (mco)2,517
videos, nodejs, environments, optimization
Understanding Dev Dependencies in Web Development2,516
dependencies
Why Svelte?2,515
svelte, react, frameworks
5 Formatting Techniques for Long-Form Content (nng)2,514
usability, content, writing, formatting, techniques
Why You Should Curate, Not Create, a Design System (uxd)2,513
design-systems, processes
4 Web Devs, 1 App Idea (whi+)2,512
videos, web-apps, case-studies
Evolution of Visible Focus2,511
videos, accessibility, focus
Exclusive Accordions Exclude (yat)2,510
accessibility, html, accordions
Getting Started With CSS Container Queries (mic/mdn)2,509
introductions, css, container-queries
How to Use Node.js With Docker (cra)2,508
how-tos, nodejs, docker
The Best CSS Background Patterns for Your Next Project2,507
css, backgrounds
The Developer Job Market Is Insane—5 Tips on How to Survive2,506
career, interviewing, tips-and-tricks
The Node.js Event Loop (mco/pla)2,505
nodejs, event-loop, events
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA2,504
videos, browsers, google, chrome, dev-tools, accessibility, testing, html, aria
Vite 5.0 Is Out (vit)2,503
release-notes, vite
Wasp Lang and Prisma ORM: A New Era in Web Development (pri)2,502
videos, wasp, prisma
Until the Right Design Emerges…2,501
design
A Guide to Low-Code No-Code in Software Development2,500
guides, low-and-no-code, concepts
A Tip for Properly Handling Loading States in Web Apps (ray)2,499
tips-and-tricks, state-management, web-apps
About Subgrid and Colored Grid Lines (len)2,498
css, grids, layout
Biome—Unified Linting and Formatting Solution2,497
biome, configuration
How to Optimize MongoDB Performance for Node.js (app)2,496
how-tos, mongodb, optimization, nodejs
Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator (nod)2,495
introductions, nodejs, ai, tooling
Introduction to LangChain2,494
introductions, langchain
Is It Worth Keeping Your CSS DRY—Pros and Cons2,493
css, maintainability, principles
Modular CSS and Different Ways to Structure Your Stylesheets (cfe)2,492
css, modules
Release Notes for Safari Technology Preview 183 (jon/web)2,491
release-notes, browsers, apple, safari
Using Selectlist in React (kil/pol)2,490
react, forms
Why Doesn’t AI Work for Producing Accessible Code? (ala)2,489
accessibility, code-generation, ai
Browsing the Eastern Side of the Personal Web2,488
web, community
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing2,487
performance, optimization, memoization, throttling, debouncing
Shattering the Design System: Unleashing the Creative Revolution (cre/uxd)2,486
design-systems, creativity, processes
We Need to Have a Chat? I Think We Should Refactor2,485
design-systems, maintenance, refactoring
Accessibility Testing With Chrome DevTools2,484
accessibility, testing, browsers, google, chrome, dev-tools
Cracking a “Developer Tools Killer” Script… (cod)2,483
browsers, dev-tools, debugging
Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 (uti)2,482
css, debugging, browsers, google, chrome, dev-tools
Exploring V8’s Strings: Implementation and Optimizations (ili)2,481
javascript, javascript-engines, v8, strings, optimization
How I Test a Website for Accessibility2,480
accessibility, testing
Letter and Spirit of Web Development (j9t)2,479
community, processes
Node.js Monthly Downloads (mco)2,478
websites, nodejs, metrics
Simplifying the E2E Selectors Hassle2,477
angular, typescript, testing
What Is Transpiling in JavaScript?2,476
videos, javascript, ecmascript, transpiling, babel
Designing for Accessibility Beyond Compliance (uxd)2,475
design, accessibility, compliance
A Coder Considers the Waning Days of the Craft2,474
craft, retrospectives, web
Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (mia+/sho)2,473
podcasts, interviews, css, cascade, functions
Designing Web Design Documentation (fre/sma)2,472
documentation, design, design-systems
Growing Design by Letting Teams Experience It2,471
design
HTML Web Components (jim)2,470
html, web-components
Introducing the Website Carbon Rating System2,469
introductions, sustainability
Is It Time for You to Leave Social Media?2,468
social-media
Monitoring Your Python App With AppSignal2,467
python, monitoring, tooling
Prettier 3.1: New Experimental Ternaries Formatting and Angular Control Flow Syntax2,466
release-notes, prettier
Text With Media Background: Practical Solutions2,465
images, microcontent, readability, accessibility
The Top WordPress Plugins Are… a Little Sad? (chr)2,464
wordpress, plugins
Your Website’s URLs Can and Should Be Beautiful2,463
urls, usability
Accessibility Training Can Sometimes Harm Accessibility (cer)2,462
accessibility, training
Explaining Kubernetes to My Uber Driver2,461
architecture, kubernetes
HTML First2,460
websites, html, principles
The Nature of Digital Is Environmentally Destructive (ger)2,459
sustainability
Java Memory Leaks: Detection and Prevention2,458
java, memory
Do You Really Need to Validate Your HTML Code?2,457
discussions, html, conformance
Lost in Translation: Tips for Multilingual Web Accessibility (ben)2,456
tips-and-tricks, accessibility, internationalization, localization
Mastering Cryptography Fundamentals With Node’s “crypto” Module2,455
security, cryptography, nodejs
NCSA Mosaic: How the First Mainstream Web Browser Changed the World Forever2,454
history, browsers, mosaic
AI Is the New UI (uxd)2,453
ai, design
Stop Using AI-Generated Images (mic)2,452
ai, images
A Faster Web in 2024 (rvi)2,451
performance, web-vitals, metrics, web
Concurrency in React 18 for Busy Bees (ole)2,450
react, concurrency
Creating Accessible UI Animations (sma)2,449
accessibility, animations
Never Use “Scroll” Value for Overflow (kiz)2,448
css, overflow, scrolling
Set Up Your Redwood.js Environment: A Beginner’s Tutorial (sel)2,447
videos, tutorials, redwoodjs
Cookie Permissions 101 (nng)2,446
cookies, legal, user-experience
What’s New in Angular 17 (rak)2,445
angular
CSS Nesting Is Here (mic)2,444
css, nesting
How to Become a Better Programmer2,443
how-tos, programming, career
Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit2,442
bun, nodejs, comparisons
CSS Nesting Relaxed Syntax Update (arg/dev)2,441
css, nesting, browsers, google, chrome, support
Effective Engineering Teams (add)2,440
collaboration, career, engineering-management
ES6 Features You Didn’t Know You Needed: A JavaScript Guide for Beginners2,439
guides, javascript
Front End Devs Really Don’t Understand Accessibility (cfe)2,438
accessibility, craft
How Long Until Your Website Is Accessible? (kar)2,437
accessibility, processes
HTML Web Components (ada)2,436
web-components, html, web-platform
Modern Frontend Testing With Vitest, Storybook, and Playwright2,435
testing, vitest, storybook, playwright
Understanding HTML Landmarks and How to Apply Them (its/log)2,434
html, semantics, accessibility, aria
NaN or Not a Number? (mic)2,433
javascript
AVIF: Meet the Next Level Image File Format2,432
avif, images
CSS Positioning Crash Course (zor/css)2,431
videos, crash-courses, css, positioning, layout
Everything About SEO Is Obnoxious (chr)2,430
seo, quality, ethics
How to Use Timeouts in Node.js (app)2,429
how-tos, time, nodejs, javascript
Introducing Angular v17 (mge/ang)2,428
introductions, release-notes, angular
Monolith to Microservices: 5 Strategies, Challenges, and Solutions2,427
monoliths, microservices, architecture, migrating, strategies
“@ scope” (mdn)2,426
css, scope
Using CSS “content-visibility” to Boost Your Rendering Performance (log)2,425
css, rendering, performance
Web Developers: Remarkably Untalented and Careless? (bal)2,424
quality, career, training
Secure Code Review Tips to Defend Against Vulnerable Node.js Code2,423
nodejs, security, code-reviews
XML Basics for Computing2,422
fundamentals, xml
Handling Null, Undefined, and Zero Values in JavaScript (mic)2,421
javascript
13 HTML Attributes You Should Know About2,420
html, attributes
Accessibility Training Will Not Save You (rei)2,419
accessibility, training, career, quality
Angular (ang)2,418
websites, angular
Cloudinary: The “Dramatic” Story of JPEG XL Support So Far (jon/com)2,417
jpeg-xl, images, support, browsers
Creating Accessible Content in Drupal 102,416
videos, drupal, accessibility
Deploying a Vue Application With Netlify and GitHub2,415
deploying, vuejs, netlify, github
Headless Component: A Pattern for Composing React UIs (mfo)2,414
components, react, headless
How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (add+/dev)2,413
google, performance, user-experience, metrics
React Router v6: A Beginner’s Guide2,412
guides, react, routing, react-router
Surprising Facts About New CSS Selectors (spa/clo)2,411
css, selectors
Truly Semantic (don)2,410
design-tokens, semantics, naming
Why We Need a “Green” Perf Metric (scr)2,409
videos, sustainability, performance, metrics
Writing Components That Work in Any Frontend Framework (and)2,408
web-components, frameworks
How Miro Migrated Its Analytics Event Tracking System2,407
analytics, metrics, monitoring, migrating
Addressing Accessibility Concerns With Using Fluid Type (sma)2,406
accessibility, responsive-design, liquid-design, css
(Don’t) Mind the Gap (mic)2,405
css, layout
Default Layouts in 11ty (rem)2,404
eleventy
“git rebase”: What Can Go Wrong? (b0r)2,403
git
GitLab CI Optimization: 15+ Tips for Faster Pipelines2,402
gitlab, ci-cd, optimization, tips-and-tricks, dev-ops
How to Build a Server-Side React App Using Vite and Express (the)2,401
how-tos, react, vite, express, server-side-rendering
How to Use npm Packages Outside of Node2,400
how-tos, npm, dependencies, javascript
Removing List Styles Without Affecting Semantics (mat)2,399
html, css, semantics, accessibility
The Role of Prototyping in UX Design: From Wireframes to Interactive Mockups (uxm)2,398
user-experience, design, prototyping
Comparing MySQL, PostgreSQL, and MongoDB2,397
databases, mysql, postgresql, mongodb, comparisons
Markdown to HTML in Seconds: Discovering mdhub (gli)2,396
markdown, html, conversion, tooling
How Creating Content as a Developer Changed My Life2,395
career, learning
To Hell With the Business Case (mat)2,394
accessibility, economics, legal
Understanding React Error Boundary2,393
react
WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA (cer)2,392
accessibility, wcag, standards, legal, eaa
Understanding CORS2,391
security, cors
The Anatomy of an Accessible Button2,390
buttons, accessibility, aria, html
An Accessibility Bookmarklet for Testing 200% Text Size (ash)2,389
accessibility, testing, bookmarklets
GitHub Copilot Now Generates AI Commit Messages (ami)2,388
github-copilot, ai, commit-messages
How to Do a TypeScript Conversion2,387
how-tos, javascript, typescript, migrating, conversion, refactoring
Totally Remdom, or How Browsers Zoom Text (mat)2,386
accessibility, zooming, css, units, responsive-design
Workarounds for Buggy Gradients (kei)2,385
css, gradients, colors
Performance in React and Next.js2,384
videos, performance, react, nextjs
Messing About With CSS Gradients (mic)2,383
css, gradients
10 Best Web Development Stacks2,382
tooling, tech-stacks
Answers to Common (Web) Accessibility Questions (hdv)2,381
accessibility
Can AI Help Boost Accessibility? These Researchers Tested It for Themselves2,380
accessibility, ai, chatgpt, research
Content Negotiation in Practice (sof)2,379
content-negotiation, http, examples
Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (aar)2,378
html, tables, grids, aria, accessibility
“:fullscreen” Demo Without JavaScript (yoo)2,377
css, selectors
How to Use the Fetch API in Node.js, Deno, and Bun (cra)2,376
how-tos, data-fetching, apis, nodejs, deno, bun, comparisons
How to Write Good Alt Text for Screen Readers (cra)2,375
how-tos, accessibility, images, writing, alt-text, screen-readers
In Quest to Defeat Euro Red-Tape, Apple Said It Had Three Safari Browsers—Not One (tho/the)2,374
browsers, apple, safari, web, legal
Shadow DOM on Regular Elements (kiz)2,373
shadow-dom, dom
Use the CSS “:disabled” Pseudo-Class Instead of the “[disabled]” Attribute Selector to Match Disabled Form Controls (sim)2,372
css, selectors, forms
Why You Should Use “px” Units for Margin, Padding, and Other Spacing Techniques (ash)2,371
css, units, margins, spacing, responsive-design
Information vs. Experience: How to Build Mature Design Systems (uxd)2,370
how-tos, comparisons, design-systems
0 KB Social Media Embeds (chr)2,369
embed-code, quality
A Comprehensive Guide to Data Engineering2,368
guides, data-engineering
Blinded by the Light DOM (mey)2,367
web-components, dom, shadow-dom, javascript
Breaking Down a Design (jam)2,366
design
Confusing Git Terminology (b0r)2,365
git, terminology
Dark Visitors2,364
websites, ai, scraping, robotstxt
Getting Started With NVDA2,363
videos, introductions, screen-readers, nvda, accessibility
How Bear Does Analytics With CSS2,362
analytics, metrics, css, case-studies
Learn Performance (kev+/dev)2,361
courses, performance
One HTML Tag, Thirty+ CSS Drawings—My Divtober 2023 Collection (alv)2,360
css, art
Personal-Scale Web Scraping for Fun and Profit2,359
scraping, javascript, functionality, optimization