Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“2023” News Archive (5)

Entry (Sources) and Additional TopicsDate#
Browser Rendering: What Happens Behind the Scenes (fro)890
browsers, rendering, browser-engines, parsing, painting, dom, cssom
Productivity and Well-Being: A Summary of What Works889
productivity, career
Generating Provenance Statements888
npm, provenance, security
It’s Time for the Tech Industry to Live Up to Its Ideals887
career, outlooks
Why Is Scrum the Most Popular Agile Framework?886
scrum, agile, processes
5 Code Refactoring Techniques to Improve Your Code885
refactoring, maintenance, techniques
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)884
videos, introductions, performance, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 168 (jon/web)883
release-notes, browsers, safari
Introducing npm Package Provenance882
introductions, npm, provenance, security, foss
Visually Accessible Data Visualization881
accessibility, information-design
Using HTML Elements as CSS Masks880
css
Introduction to Web Animations With GSAP879
introductions, animations, javascript, gsap
What’s New in ECMAScript 2023 (paw)878
ecmascript, standards
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store877
liquid, shopify, customization, tips-and-tricks
Container Query Units and Fluid Typography (5t3)876
css, container-queries, typography, liquid-design
Starting a New Kirby Project (mat)875
kirby
Signals: Fine-Grained Reactivity for JavaScript Frameworks874
javascript, reactivity, signals, frameworks
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)873
accessibility, multimedia, experiments
10 Common Mistakes in Angular Development872
angular, mistakes, best-practices
DevTools: A Better Way to Visualize Your JavaScript871
dev-tools, visualization, browsers, performance, lighthouse, chrome, edge
Node.js 20 Is Now Available! (nod)870
nodejs, release-notes
8 Best Tools for Cryptography and Encryption (sta)869
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
The Three Browser Storage Mechanisms868
browser-storage, cookies, comparisons
How to Create an SEO Strategy (moz)867
how-tos, seo, strategies
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?866
how-tos, cloudfront, caching
Kubernetes Quick Tutorial865
tutorials, kubernetes
A List of Programming Playgrounds (b0r)864
programming, link-lists, testing
It’s Very Likely That… (mat)863
html, semantics, buttons, modals
Using a Muted Color Palette in Web Design (uxm)862
design, colors, color-palettes
What Is Design Thinking? (sma)861
design
Building a Static Site With Eleventy and Tailwind860
eleventy, tailwind
You Are What You Measure859
videos, metrics
Deno vs. Node: No One Is Ready for the Move858
deno, nodejs, dependencies, comparisons
All About the Semantic Web857
semantic-web, concepts
Firefox May Soon Reject Cookie Prompts Automatically856
cookies, legal, user-experience, firefox
Answering “What ARIA Can I Use?” (w3c)855
accessibility, aria, browsers, screen-readers, assistive-tech, support
Business Impacts of UI Design and UX Design (uxm)854
design, economics
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)853
css, media-queries, performance, sustainability
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)852
javascript, performance, plugins
The Acronyms of Rendering on the Web (whi)851
rendering, server-side-rendering, client-side-rendering, terminology
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)850
information-architecture, information-scent, usability, mistakes
Exploring “:has()” Again (mic)849
css, selectors
Angular 16 Is Huge848
angular
My Favorite Courses to Learn Microservices in Depth847
courses, training, microservices, link-lists
How to Name Design Tokens in a Design System846
how-tos, design-tokens, design-systems, naming
Lessons of Design (fab)845
lessons, design
Dissecting npm Malware: Five Packages and Their Evil Install Scripts844
npm, security, malware
Ping Animation With Minimal CSS (ami)843
css, animations
The “details” Element Is Amazing (fon)842
html, disclosure-widgets
Web Accessibility: A Reference to Creating Inclusive Websites (sta)841
accessibility
Consume Web Streams From OpenAI Using Vanilla JavaScript840
videos, data-fetching, streaming, ai, openai, javascript
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste839
design, user-experience, research
4 Ways to Create an Enum in JavaScript838
javascript
What Are User Permissions? Concepts, Examples, and Maintenance837
permissions, authorization, concepts, examples
11ty and Lit, a Match Made in Heaven for Simple Sites836
eleventy, web-components, lit
Memory Allocation (sam)835
memory, programming, visualization
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers834
accessibility, assistive-tech, screen-magnification
10 Best Sorting Algorithms Explained833
sorting, algorithms
A History of the World Wide Web From 1989 to the Present Day832
history, web
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec)831
videos, dev-tools, browsers, chrome, debugging, testing, css, release-notes
The Pros and Cons of Different UI Automation Test Tools—Puppeteer830
automation, testing, puppeteer
Costly CSS Properties and How to Optimize Them829
css, performance, optimization
Embracing AI as a Material for Design828
design, ai, content
How to Work With Dates and Times in Vanilla JavaScript (cfe)827
how-tos, javascript
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)826
videos, slides, accessibility, processes
Angular Is Back With a Vengeance (fir)825
videos, angular
Solving the CSS Layout and Source Order Disconnect (rac)824
css, layout, source-order
Transparent Video for the Web in 2023 (cla)823
multimedia, transparency+opacity
CSS: Tricks for Targeting Elements With CSS822
css, selectors, tips-and-tricks
Passkeys: What the Heck and Why? (css)821
security, passkeys
Don’t Override Screen Reader Pronunciation (aar)820
accessibility, screen-readers, pronunciation
Expanding Grid Cards With View Transitions (chr)819
css, grids, view-transitions
HTML Accessibility API Mappings 1.0 (ste+/w3c)818
html, accessibility, apis
HTML Dark Mode (bt)817
html, dark-mode
Understanding CSS Preload and Other Resource Hints (log)816
css, performance, hints, preloading
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience815
videos, accessibility, design-systems, dei, user-experience
Advanced Figma Components Tips and Tricks: Little Gems We Love814
figma, components, design, tips-and-tricks
A Designers Guide to the Principles of Web Design813
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)812
browsers, firefox, cookies, privacy
Shallow vs. Deep Copying in JavaScript811
javascript, comparisons
Document or Die: The Importance of Writing Things Down in Tech810
documentation, maintainability, link-lists
Load Balancing (sam)809
load-balancing, performance, visualization, architecture
New HTML Element: “search” (alv)808
html, semantics
Temporal Intervals Are Handy in MySQL (ami)807
databases, mysql, time
The Performance Golden Rule Revisited (tka)806
performance, metrics
Trying Node.js Test Runner (bah)805
nodejs, testing
What’s a Basic Use Case for Cascade Layers in CSS? (chr)804
css, cascade, maintainability
React, Visualized803
introductions, react, visualization
Building Pagination in React With React Paginate802
react, navigation, pagination
Formulating Your Product Design North Star (aka Design Principles)801
design, principles, processes
CSS Text Balancing With “text-wrap: balance” (sha)800
css, typography
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)799
css, dark-mode
Why Astro Is My Favorite Framework (mrt)798
astro, frameworks
The Real Difference Between “useMemo” and “Memo” in React797
react, hooks, performance, examples
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup796
bundling, tooling, webpack, parcel, rollup, comparisons
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide795
guides, career, learning
What’s New in CSS? (bra)794
slides, css
TIL: API for Saving Webpages in the Wayback Machine793
apis, internet-archive
Choosing Humanity Over Automation792
ai, design, automation
Understanding Apache Web Server Configuration791
servers, apache, configuration
Boost Your JavaScript With JSDoc Typing790
javascript, typescript, documentation, jsdoc
Mastering Yarn’s Lifecycle With Hooks789
yarn, hooks
It’s Time to Learn OKLCH Color (kei)788
colors, oklch, css
Programming-Language Popularity by GitHub Pull Requests (lem)787
studies, research, programming, comparisons, github, javascript, typescript
Advancing Your Tech Skills (wom)786
career, learning
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting785
zx, shells, command-line
DevTools: A Clever Overview of All Your CSS Code784
browsers, dev-tools, auditing, css, chrome
Stream File Uploads to S3 Object Storage and Save Money (aus)783
s3, streaming, storage, economics
Chasing Rainbows (ver)782
accessibility, colors, color-blindness, user-experience
The Pattern to Make Your Frontend Tests 10× Better781
testing
10 CSS Animation Tips and Tricks (kev)780
videos, css, animations, tips-and-tricks
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)779
web-components, css, scope, dom, shadow-dom, support
Establishing Metrics for Accessibility ROI (kar)778
accessibility, metrics, economics
Frontend Developer Tries Tailwind for the First Time (zor/css)777
videos, tailwind, css
Unlocking the Power of Design Tokens to Create Dark Mode UI776
design-tokens, dark-mode
Can You Create Beautiful Stroked Text in CSS? (log)775
css, effects
Choosing a Name for Your Design System (bra)774
design-systems, naming
Foundations: Accessible Names and Descriptions (ihe/tet)773
accessibility, fundamentals, naming, writing, aria
The Alt Text War—SEO vs. Accessibility772
accessibility, seo, images, writing, alt-text, comparisons
What’s New in WCAG 2.2?771
accessibility, wcag, standards
7 Tips for Getting Started With Vue.js770
videos, vuejs, tips-and-tricks
Designing for Reduced Motion769
accessibility, animations, reduced-motion, css, media-queries, javascript
Release Notes for Safari Technology Preview 167 (jon/web)768
release-notes, browsers, safari
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript767
guides, javascript, memory, garbage-collection
The Death of JPEG-XL766
jpeg-xl, images
Observing CSS765
css, javascript, monitoring
4 GitHub Alternatives for Code Repositories (sta)764
git, link-lists
Code Explanation Using GitHub Copilot (ami)763
github-copilot, ai, learning
Testing Localhost on Multiple Devices (cit)762
testing, environments
What Makes a Good Screenshot? (llo/tpg)761
accessibility, images
What Is Semantic HTML? (dav)760
html, semantics
New in Chrome 112 (tro)759
release-notes, browsers, chrome
The Revenge of the Pop-Up (ver)758
user-experience, anti-patterns, pop-ups
Understanding npm Versioning757
npm, dependencies, versioning, semver
A Color Wheel With Gradient (css)756
css, colors, gradients, effects, tips-and-tricks
A Small JavaScript Pattern I Enjoy Using (kil)755
javascript
Accessibility for Designers: Where Do I Start? (ste)754
accessibility, design, link-lists
Exposing Field Errors (aar)753
accessibility, forms, aria, assistive-tech, support
Copy to Clipboard in JavaScript and React752
javascript, react
Slow Start and Congestion Control (Browser Networking)751
performance, protocols, tcp
Quick Tip: Pull Data From an API Into a Figma Layer (dxn)750
tips-and-tricks, apis, figma, design
So, How Can We Measure UX?749
user-experience, metrics
JSON vs. XML With Douglas Crockford (dou)748
podcasts, interviews, json, xml, comparisons, history
Safari Releases Are Development Hell747
browsers, safari, support
How WebAssembly Is Accelerating New Web Functionality746
webassembly, functionality
Five Pieces of Advice for More Accessible Websites (cit)745
accessibility, html, tips-and-tricks
What Is a Design System and Why Should You Use One? (uxm)744
design-systems
Sticky Page Header Shadow on Scroll (hex)743
css, scrolling, shadows
Syntaxonomy—a Collection of Web Languages (ale)742
websites, training, learning, career, link-lists
The Future of Senior Developers in an AI-Driven World (cod)741
career, ai, code-completion
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)740
accessibility, contrast, colors
7 Tricks to Take the Performance of Your Website to the Moon739
performance, minification, tree-shaking, tips-and-tricks
Modern HTML Email (Tables No Longer Required) (oll)738
html, email, tables
10 Ways to Hide Elements in CSS (cra)737
hiding, css, accessibility, performance
Why Do They Ignore My Awesome Design Documentation?736
design, documentation
Convert PNG to JPG Using FFmpeg (ama)735
images, png, jpeg, conversion, tooling
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps734
guides, accessibility, testing, automation, ci-cd, react
We Need Accessibility Action (yat)733
accessibility, web
Folder Structure for Modern Web Applications732
architecture, web-apps
A CSS Selector to Highlight Clickable Elements (seb)731
css, selectors
Alternative Text in the Wild: 5 Alternative Text Examples (pop)730
accessibility, writing, examples
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)729
videos, ai, centering
DevTools: Getting Data From DevTools Into Your Code Editor728
dev-tools, browsers, code-editors
New to the Web Platform in March (rac)727
release-notes, web-platform, browsers, chrome, firefox, safari
On-Page SEO Checklist: The Complete Task List for 2023 (sem)726
seo, checklists, html, semantics
The Pros and Cons of Different UI Automation Test Tools—Playwright725
automation, testing, playwright
Checkered Background Using Two Lines of Code in CSS (ami+)724
backgrounds, css
CSS Masking (sha)723
css, masking
Clojure Transducers: Your Composable Data Pipelines (jan)722
clojure, functions
What Are Source Maps? (jec)721
videos, debugging, javascript, source-maps
AWS CloudFront Tutorial: Setup and Configuration720
tutorials, aws, cloudfront, content-delivery, configuration
One in Two New npm Packages Is SEO Spam Right Now719
npm, seo
XUL Layout Is Gone718
history, xul, browsers, firefox
Why JavaScript Is a Prototype-Based OOP717
javascript, oop
From Burnout to Balance: Why Are So Many UX Designers Fatigued?716
career, productivity, user-experience, design
Why I Quit Being a Tech “Influencer”715
career
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)714
sustainability
CSS Nesting (fro)713
css, nesting, sass, comparisons
The WebAIM Million (web)712
studies, research, accessibility, metrics
Using PHP Arrays: A Guide for Beginners711
guides, php, arrays
HTML: Help Users to Download Files With the HTML “download” Attribute710
html, attributes
Framework Popularity on Netlify (sel)709
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
Flutter Performance Optimization Techniques and Best Practices708
flutter, performance, optimization, best-practices
Usability Heuristics in Game Design707
usability, heuristics, design
How to Use Google Fonts and “font-display”706
how-tos, google, fonts, css
File Uploads for the Web: File Uploads in Node and Nuxt (aus)705
file-handling, nodejs, nuxt
Guardrails for Better Accessibility Support in Frontend (net)704
accessibility, quality, tooling
How to Split an Angular App Into Micro-Frontend Apps703
how-tos, angular, micro-frontends, web-apps
Improving CSS Shapes With Trigonometric Functions (dan)702
css, shapes, functions
In Praise of Vite (spa/clo)701
vite
Connecting Dots of an Accessibility Audit700
accessibility, auditing
How to Write an Accessibility Statement (ger)699
how-tos, accessibility, documentation, writing
JavaScript Import Maps Are Now Supported Cross-Browser (tom)698
javascript, import-maps, browsers, support
Accessibility vs. Emojis697
accessibility, emoji, unicode, comparisons
TypeScript Function Types: A Beginner’s Guide696
guides, typescript, functions
Meet Arc, a New Innovative Browser That Challenges Chrome695
browsers, arc, chrome
10 AI Tools for Content Writing (sta)694
tooling, link-lists, content, writing, ai
How to Review and Refactor Code With GPT-4 (and ChatGPT)693
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
A Quick Guide to Reviewing a VPAT ACR (kar)692
accessibility, vpat-acr, conformance, auditing
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)691
ai, code-completion, productivity
Defaulting on Single Page Applications (SPA) (zac)690
single-page-apps, javascript, performance
Fighting Inter-Component HTML Bloat (eli)689
components, html, semantics, quality
Introduction to esbuild688
introductions, esbuild, bundling
CSS Creator Håkon Wium Lie Interview687
interviews, css
Mastering the JavaScript “switch” Statement686
javascript
Getting Started With HTML Tables685
html, tables, introductions
Function Overloading in TypeScript684
typescript, functions
Using TypeScript Without Compilation (pas)683
typescript
UX Basics: Study Guide (nng)682
guides, fundamentals, user-experience, training, link-lists
UX Principles for AI Products681
user-experience, principles, ai
Brief Introduction to Edge Computing680
introductions, edge-computing
CSS-Only Widgets Are Inaccessible (aar)679
accessibility, css
Senior Engineering Strategies for Advanced React and TypeScript (tec)678
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
Harnessing GPT-4 for Writing Assistance and Content Creation677
writing, content, social-media, ai
The Landscape of npm Packages for CLI Apps676
nodejs, npm, dependencies, command-line
The “search” Element (sco)675
html, accessibility, semantics
WYSIWYGPT (cod)674
ai, career
The Causes of Unreliable Software673
research, complexity, maintainability, reliability
The State of JS Frameworks (cfe/log)672
podcasts, javascript, frameworks, libraries
The IL1 Typography Test (nng)671
videos, typography, legibility, user-experience, testing
What Is Strict Mode in React?670
react
Usability 101 (nng)669
videos, usability
CSS “overflow” Property668
css, overflow
Circular Text With CSS? (jhe)667
css
The Machines Won’t Save Your Design System (hey)666
design-systems, ai
The Ultimate Guide to Image Optimisation (fox/cal)665
guides, images, performance, compression, optimization
DevTools: Convert Network Requests to Code, or Even to a Terminal Command664
dev-tools, browsers, network, command-line
What We’ve Learned About Designing for Accessibility From Our Users (sla)663
accessibility, design
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II662
accessibility, design, design-systems
Everything You Wanted to Know About Video Storage APIs661
multimedia, storage, apis
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)660
guides, nodejs, event-loop, events
Certifications Should Be Hard (kar)659
accessibility, career, training, learning
Automatic npm Publishing With GitHub Actions and npm Granular Tokens (pim)658
npm, github-actions, automation
Some Cross-Browser DevTools Features You Might Not Know (pan/css)657
dev-tools, browsers, chrome, firefox, safari
npx: The Easy Way to Run Node.js Packages656
nodejs, dependencies, npx
5 Lesser-Known Spacing Tips for Product Designers655
design, spacing
File Uploads for the Web: Upload Files With JavaScript (aus)654
file-handling, javascript
How to Start a React Project in 2023 (rwi)653
how-tos, react
State of Node.js 2023 (jas+/thi)652
videos, nodejs
That Time When SVG Almost Got Network Support for Raw Sockets651
svg, network, history
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)650
hiding, accessibility, browsers, screen-readers, assistive-tech, css
When Is “:focus-visible” Visible? (ire)649
accessibility, css, selectors
With or Without the JS Framework (cit)648
javascript, frameworks, career
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)647
eleventy
The Carbon Cost of Social Media646
sustainability, social-media
Annotating Designs for Accessibility (int)645
videos, accessibility, design
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution644
semantic-web
CSS Is Dead! (alv)643
css
Preventing Too-Short Final Lines of Text Blocks (ric)642
css, typography
Regression Testing in the Agile Universe (uxm)641
agile, processes, testing, regressions
The 5 Best Status Page Tools (sta)640
tooling, monitoring, alerting, link-lists
The End of Front-End Development (jos)639
outlooks, career, html
The Intersection of Data Visualization and UX Design (uxm)638
information-design, user-experience, design
Why We Added package.json Support to Deno (tin/den)637
deno, support, nodejs, npm
Rich Harris Talks SvelteKit and What’s Next for Svelte636
interviews, svelte, sveltekit
5 Ways to Modernize Your Web Application635
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability
The Cost of Craft634
craft, quality, complexity, processes
The Age of Average633
design
What Is Git Merge and How to Use It?632
git
7 Ways Web Developers and UX Designers Can Collaborate (uxm)631
collaboration, processes
Laying Out a Print Book With CSS630
print, css
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)629
javascript, performance, bundling, npm
Time Zone Conversion With PHP628
php, time, conversion
Deep Dive Into How Web Browsers Work (With Illustrations)627
browsers, rendering, deep-dives
Introduction to Flutter: Getting Started With Cross-Platform Development626
introductions, flutter
Using “forRoot()” and “forChild()” in Angular625
angular
Design System Guide (vit)624
guides, design-systems, link-lists
How to Stop a React Component From Rendering (ami)623
how-tos, react, components, client-side-rendering
The Next Wave of Design Systems Will Be AI-Driven622
design-systems, ai, outlooks
Time to Move on From Nunjucks? (bry)621
template-engines, nunjucks, webc, liquid, javascript
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language620
javascript
Hijacking Screenreaders With CSS (ben/deq)619
videos, accessibility, screen-readers, css
5 Tips for New Prototypers (nng)618
videos, prototyping, tips-and-tricks
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?617
ssi
Foundations: Pointer Gestures (gra/tpg)616
accessibility, fundamentals, usability
How Screen Readers Read Special Characters: An Update (ele)615
accessibility, screen-readers, support, unicode
How to Use “v-model” With Form Inputs in Vue614
how-tos, vuejs, forms
Retro-Specifying Fetch/Performance (nom)613
standards, apis, data-fetching
DevTools: Tricks for Copying the Styling From Any Website612
dev-tools, css, browsers, chrome
The Problem With React611
react
Cryptographically Protecting Your SPA610
single-page-apps, security, cryptography
Responsive Columns Without Media Queries609
css, flexbox, layout, responsive-design
Everything You Need to Know About the Updated React Docs (kat)608
react, documentation
Accessibility Beyond Code Compliance (aar)607
accessibility, compliance
Scraping Single-Page Applications With Playwright (api)606
scraping, single-page-apps, playwright
Accessibility and Design Systems: The Deep-Dive Q&A (ger+)605
interviews, accessibility, design-systems, deep-dives
It’s About Time CAPTCHAs Become Accessible604
accessibility, captcha
DevTools: Faster Searching in DevTools With CSS Selectors603
dev-tools, css, selectors, browsers, chrome
The Ultimate Guide to Micro-Content602
guides, content, microcontent
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)601
github, foss, community
JavaScript Polyfills600
javascript, polyfills
Versioning Design Tokens599
design-tokens, versioning, maintainability
Internationalization in Next.js 13 With React Server Components (sma)598
internationalization, nextjs, react, components
Future CSS: Anchor Positioning (kiz)597
css, anchor-positioning, experiments
JavaScript for Beginners: Data Structures596
javascript, data-structures, arrays, objects
The H1 Conundrum: Understanding the Challenges of Heading Level One595
accessibility, semantics, headings, html
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg)594
css
Notes on Podman593
podman
What Are Webhooks and How Do They Work592
webhooks, apis
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)591
offline, browser-storage, web-apps
Git Fundamentals, a Complete Guide590
guides, git, fundamentals
Fix Color Contrast—Web Accessibility for Text and UI Design (pim)589
accessibility, colors, contrast
Progressively Enhancing a Table With a Web Component (ray)588
html, javascript, tables, web-components, progressive-enhancement
TCP Echo Server for Node.js587
servers, nodejs, tcp
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)586
design, layout
Accepting Design (fab)585
design
JavaScript: Automatically Remove an Event Listener After It Has Executed584
javascript, events
Circling Back on Design and Everything Else583
design
VS Code vs. WebStorm: A Comparison for Newbies582
code-editors, vs-code, webstorm, comparisons
Useful Tips and Tricks for Laravel581
tips-and-tricks, laravel
Advice From a Software Engineer With 8 Years of Experience580
career, tips-and-tricks
How Design Is Governance579
design
Modern Font Stacks578
websites, fonts, typography
16 Little UI Design Tips That Make a Big Impact577
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)576
design, mobile, tips-and-tricks
Making Calendars With Accessibility and Internationalization in Mind (sto/css)575
functionality, accessibility, internationalization
The Ternary Operator in JavaScript (cfe)574
javascript, operators
What Is the Cost of Designing a Mobile App? (uxm)573
economics, mobile
Why Aren’t Logical Properties Taking Over Everything? (chr)572
css, logical-properties, internationalization
Introduction to Offline First Web Applications571
videos, offline, web-apps
Best Practices for Structuring Accessibility Testing (tpg)570
accessibility, testing, best-practices
Create and Download Text Files Using JavaScript (ami)569
javascript
Choose Boring Tools568
tooling
UX Strategy: Study Guide (nng)567
guides, user-experience, strategies, training, link-lists
We Don’t Need “.visually-hidden” (den)566
accessibility, css, semantics, quality
“content” Is Your Content?565
css, content, seo, accessibility, maintainability
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi)564
design, processes, myths
Handling CSS Color Fonts With “font-palette” (sta)563
css, colors, fonts
View Transitions API: Creating Smooth Page Transitions (sta)562
view-transitions, apis
Books You Can Read to Learn CSS561
books, learning, css
The Ultimate Guide to Becoming a 10× Dev560
guides, productivity, career
From UX to Growth Design: 5 Principles to Multiply Your Value559
user-experience, design, principles
Craft vs. Industry: Separating Concerns (nac)558
quality, economics, maintainability, craft, comparisons
Evolving Custom Sliders (sib/tpg)557
sliders, javascript, css
File Uploads for the Web: Uploading Files With HTML (aus)556
file-handling, html
Vue vs. React: Everything You Need to Know555
vuejs, react, comparisons
All JavaScript and TypeScript Features From the Last 3 Years554
javascript, typescript, history
Cover All the Codebases: A Guide to Code Coverage Tools553
guides, code-coverage, testing, tooling, link-lists
SPA View Transitions Land in Chrome 111 (jaf)552
apis, view-transitions, release-notes, browsers, chrome
TypeScript’s Migration to Modules (dan/typ)551
typescript, modules, esm, commonjs, migrating
Selecting Previous Siblings With CSS “:has()”550
css, selectors
Building Complex Forms in Vue (sma)549
forms, vuejs
Exploring Bundling in Lightning CSS (log)548
css, minification, bundling, linting, lightning-css
Web Cookies With a Taste of Privacy547
cookies, privacy, user-experience
One Problem That Is Now Solved by CSS Subgrid546
css, grids, layout
ChatGPT and Me (a Recruiter) (vig)545
ai, chatgpt, career, interviewing
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)544
css, functions
How to Fix: Child Stylesheet Loading Twice (WordPress) (sta)543
how-tos, wordpress, php
I No Longer Understand “prefers-contrast” (kil)542
css, media-queries
My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (hdv)541
accessibility, components
Static Site Generators: What’s Trending Right Now (sta)540
static-site-generation, site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
The Broken Promise of Atomic CSS539
atomic-css, presentational-html, tailwind, html, css
CSS Nesting (arg)538
css, nesting
Tackling Design Debt in Product537
podcasts, design-debt, product-management
An End to Typographic Widows on the Web (ric)536
typography, css
Change Favicon on Switching Browser Tabs in JavaScript (ami)535
images, favicons, javascript
Zebra Stripe Lines of Text Even When They Wrap (chr)534
css
Quick Tip: How to Cache Data in PHP533
how-tos, php, caching, tips-and-tricks
2023 Web Framework Performance Report532
frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
As a User, I Don’t Want To (pav)531
product-management, agile, user-experience
A Tab Interface Before Its Time (aar)530
html, components
ARIA Live Regions for JavaScript Frameworks (its/log)529
accessibility, aria, live-regions, javascript, frameworks
Managing Fonts in WordPress Block Themes (css)528
fonts, wordpress, theming
The AI Future of Frontend Development (hcr)527
ai, career
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond526
flutter, best-practices
HTML Garden525
websites, html, art
What Value Does Developer Relations Bring to Other Teams?524
developer-relations, processes
The Anatomy of a Good Design: An Analysis of 4 Sites (nng)523
design
50.1% Empty Links (mat)522
accessibility, html, links, semantics, seo
Balanced Text Wrapping Is Coming to CSS (ami)521
css, typography
10 Helpful JavaScript Utility Functions520
javascript, functions
Client-Side JavaScript and React Criticism: What Comes Next? (mol)519
javascript, react, accessibility, performance, resilience, progressive-enhancement
Continuous Growth Is Cancer (cod)518
economics, career
Making the Case for Signals in JavaScript (rya/thi)517
javascript, signals
Optimising Large Contentful Paint (css/btc)516
videos, performance, web-vitals, optimization
The Cost of Architectural Complexity515
research, architecture, complexity, economics
AI-Generated Git Commit Messages514
ai, git, automation, commit-messages
Everything You Need to Know About the Gap After the List Marker (sim/css)513
lists, css
Responsive Headlines Are About to Get Awesome (tyl/clo)512
css, headings, typography, responsive-design
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)511
videos, accessibility, captions, youtube
Are You Making These Five Mistakes When Writing Alt Text?510
accessibility, writing, alt-text, images, mistakes
Introduction to UIkit509
introductions, uikit
Signals in Angular: The Future of Change Detection (man)508
angular, signals
Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (sma)507
case-studies, vuejs, migrating, headless, content-management
The Art of Unlearning506
learning, design
A Beginner’s Guide to Manual Accessibility Testing (pop)505
guides, accessibility, testing
Announcing TypeScript 5.0 RC (dan/typ)504
typescript, release-notes
React vs. Signals: 10 Years Later (rya/thi)503
react, signals, javascript, comparisons, retrospectives
The Web Needs a Native “.visually-hidden” (ben)502
css, accessibility
The WebAIM Strategic Accessibility Framework (web)501
accessibility, webaim, strategies
Throttle Your CPU (pat/dev)500
browsers, dev-tools, testing, throttling
What Is Hoisting in JavaScript? (fro)499
javascript, scope, concepts
A Native “Visually Hidden” in CSS? Yes Please! (mic)498
hiding, accessibility, browsers, screen-readers, assistive-tech, css
Tether Elements to Each Other With CSS Anchor Positioning (jhe)497
css, anchor-positioning, focus, apis, examples
You Don’t Need a Build Step (den)496
building, tooling, deno
Accessible but Never Boring: Rebranding the Wise Design System for Everyone495
accessibility, design, design-systems
Relative Rounded Corners (bel)494
html, css
How We Built Our Multi-Platform Design System at Booking.com493
case-studies, design-systems, theming, scalability
Learn How to Set Up a CI/CD Pipeline From Scratch492
how-tos, ci-cd
Unlocking SVG’s Superpowers (cas/btc)491
videos, svg, images
Why You Need to Code Every Day When You’re Learning to Program490
programming, processes, learning
Declarative Design (btc)489
videos, design
Animated Gradient Text in CSS (ami)488
css, animations, gradients
Conformance and Accessibility (j9t)487
accessibility, conformance, quality
Ten Tips for Better CSS Transitions and Animations (col)486
css, transitions, animations, tips-and-tricks
Tips for Handling Dependabot, CodeQL, and Secret Scanning Alerts485
security, alerting, dependabot, tips-and-tricks
Without Accessibility, There Is No Privacy or Security (lev)484
accessibility, privacy, security
Quick Tip: How to Handle Exceptions in PHP483
how-tos, tips-and-tricks, php, errors
Are You Testing to Test, or Testing to Prove?482
testing, processes
What Is “ref()” in Vue?481
vuejs
Could We Make the Web More Immersive Using a Simple Optical Illusion?480
experiments, user-experience, spatial-web
The Seven Archetypes of Organizational Topologies479
processes, agile
How People Read Online478
accessibility, content, readability, user-experience
A Guide to Accessible Form Validation (san/sma)477
guides, forms, validation, accessibility, user-experience
A Guide to CSS “object-view-box” (log)476
guides, css
On Container Queries, Responsive Images, and JPEG-XL (gri/clo)475
css, container-queries, images, responsive-design, jpeg-xl
The Evolution of Signals in JavaScript (rya/thi)474
javascript, signals
Simplified Dark Mode With Style Queries (5t3)473
css, style-queries, dark-mode
Introduction to Ghost CMS472
introductions, ghost, content-management
The Ultimate Guide to Web Development Tools (sta)471
guides, tooling, link-lists
The Coolest JavaScript Features From the Last 5 Years470
javascript, retrospectives
22 Useful CSS Tips and Tricks Every Developer Should Know469
css, tips-and-tricks
Designers, Use Your intuition468
design, collaboration
Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (ami)467
tailwind, css, dev-tools, chrome, browsers, testing
Dithering Images With React/JavaScript466
images, dithering, react, javascript
Automatic Tag-Based Article Suggestions for Blogs and Astro Websites (nma)465
blogging, astro, automation, functionality
Crawl Weather Using Cypress (bah)464
testing, cypress
CSS Animation Libraries: 10 Popular Choices (sta)463
css, animations, libraries, link-lists
How to Style Your Alt Text (ede)462
how-tos, css, accessibility, alt-text, images
Is It Time to Replace Sass? (5t3)461
sass, lightning-css, preprocessors
Learn CSS Positioning (sha)460
css, positioning, layout
Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook459
guides, vuejs, vuetify, storybook
Process CSS or Sass With Lightning CSS (5t3)458
eleventy, css, sass, lightning-css, preprocessors, postprocessors
How to Contribute to a Project You Have No Idea About457
how-tos, foss, processes, community
Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs456
javascript, debugging, tooling, techniques, bugs
In-Depth Guide to CSS Logical Properties (zor/css)455
videos, guides, css, logical-properties
The JavaScript Site Generator Review, 2023 (zac)454
site-generators, performance, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
You Have the Users You Have (nng)453
videos, usability, user-experience
3 Common Antipersonas in UX (nng)452
videos, user-experience, personas
Getting Started With Style Queries (una)451
css, style-queries, introductions
Prepare for Chrome’s User Agent [String] Reduction450
videos, browsers, chrome, feature-detection
Investing in RSS (tka)449
rss, syndication
Privacy Principles (rob+/w3c)448
privacy, principles
Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (mni)447
accessibility
16 Best CSS Books for Beginners and Advanced Coders446
books, css, link-lists
7 Essential React Libraries for Front-End Web Development445
react, libraries, link-lists
Experiments With the JavaScript Garbage Collector444
javascript, garbage-collection, experiments
Node.js Toolbox443
websites, nodejs, packages, dependencies
All About Promises in JavaScript442
javascript, promises
Automatic Captions: Our Experiments and Best Practices (equ)441
accessibility, captions, best-practices, automation
How Shadow DOM and Accessibility Are in Conflict (sun/iga)440
accessibility, shadow-dom, aria
How to Handle Date and Time With JavaScript (sta)439
how-tos, time, javascript
The Great Gaslighting of the JavaScript Era (jar)438
javascript, frameworks, web-platform
The Page With No Code (chr)437
minimalism, http, css
Understanding Easing and Cubic Bézier Curves in CSS (col)436
css, transitions, animations
Understanding the Difference Between Props and State in React435
react, props, state-management, comparisons
What Framework Should I Use? (cfe)434
frameworks
The State of Node.js Core (cji/thi)433
videos, nodejs
When JavaScript Fails (jas)432
javascript
Learn Privacy (sil)431
courses, privacy
Fingerprinting430
fingerprinting, privacy, browsers
The Importance of Adding Accessibility Design Reviews to the Design Process (dav)429
accessibility, design, processes
Open Captions vs. Closed Captions: What’s the Difference?428
accessibility, captions, comparisons
Where Does Developer Relations Belong in an Organization?427
developer-relations, processes
Thoughts on Dev Rel in the Post-Twitter Era (and)426
developer-relations, social-media, community
5 Super Useful CSS Properties That Don’t Get Enough Attention (kev)425
videos, css
ARIA vs. HTML (aar)424
accessibility, html, aria, semantics, comparisons
Design Systems in the Time of AI (bra)423
design-systems, ai
React Libraries for 2023 (rwi)422
react, libraries, link-lists
Style File Selector Button Using CSS (ami)421
buttons, css
Understanding the Cost of Not Being Accessible (kar)420
accessibility, economics
Use the Child-Element Count in CSS (kev)419
css, selectors
“(255,255,255)” Is the Highest Specificity (bra)418
css, selectors, cascade
The Rise and Fall of Ext JS—a Long Overdue Reply and Apology417
extjs
The State of JS Frameworks (rya+)416
podcasts, javascript, frameworks
Quick Tip: How to Trim Whitespace With PHP415
how-tos, tips-and-tricks, whitespace, php
Ethical Alternatives to Revenue-Generating Deceptive Patterns414
ethics, dark-patterns, monetization, user-experience
“Make It Easier” Is Not a Product Strategy (pav)413
user-experience, product-management, strategies
Updating a Design System412
design-systems, maintenance
Not Everyone Uses a Computer in the Same Way That You Do (hdv)411
videos, accessibility
Learn All About Node.js Worker Threads With Examples410
nodejs, worker-threads, examples
Surviving Design Systems409
design-systems
Arranging Diamond Tiles in a Grid (ran)408
css, grids, layout
Avoid Spanning Table Headers (aar)407
accessibility, assistive-tech, html, tables
Create a Rainbow-Coloured List With “:nth-of-type()” (rac)406
lists, css, selectors, colors
How to Cheat at CSS (des)405
how-tos, css, frameworks, overviews, link-lists
How to Password-Protect a Static HTML Page With No JS (ede)404
how-tos, security, css, fonts
Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (eli)403
accessibility, dei, processes
SSL Certificates Explained402
videos, certificates, ssl, protocols, security
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)401
css, images, aspect-ratio
CSS Property “contain” Explained400
videos, css, containment
Last Baseline Alignment (rac)399
css, layout, support, browsers
Component Specifications (nat)398
design-systems, components, documentation
Keys to an Accessibility Mindset (sma)397
accessibility, design
All About Iterative Design (uxm)396
design, processes
Do We Need CSS “flex-wrap” Detection? (sha)395
css, flexbox, layout
My CSS Wishlist 2023 (5t3)394
css, wish-lists
Representation of Style (ste)393
html, semantics
The Spirit of CSS-Tricks Is Now Gone (zel)392
css-tricks, community, learning
To Sketch or Not to Sketch?391
design, ai