Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2023” News Archive (5)

Entry (Sources) and Additional TopicsDate#
DevTools: A Better Way to Visualize Your JavaScript872
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
How to Create an SEO Strategy (moz)871
how-tos, seo, strategies
Kubernetes Quick Tutorial870
tutorials, kubernetes
Node.js 20 Is Now Available! (nod)869
nodejs, release-notes
Signals: Fine-Grained Reactivity for JavaScript Frameworks868
javascript, reactivity, signals, frameworks
The Three Browser Storage Mechanisms867
browser-storage, cookies, comparisons
What’s New in ECMAScript 2023 (paw)866
ecmascript, standards
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store865
liquid, shopify, customization, tips-and-tricks
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?864
how-tos, aws, cloudfront, caching
10 Common Mistakes in Angular Development863
angular, mistakes, best-practices
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)862
accessibility, multimedia, experiments
Container Query Units and Fluid Typography (5t3)861
css, container-queries, typography, liquid-design
A List of Programming Playgrounds (b0r)860
programming, link-lists, testing
All About the Semantic Web859
semantic-web, concepts
Answering “What ARIA Can I Use?” (w3c)858
accessibility, aria, browsers, screen-readers, assistive-tech, support
Business Impacts of UI Design and UX Design (uxm)857
design, economics
Deno vs. Node: No One Is Ready for the Move856
deno, nodejs, dependencies, comparisons
Firefox May Soon Reject Cookie Prompts Automatically855
cookies, legal, user-experience, mozilla, firefox
It’s Very Likely That… (mat)854
html, semantics, buttons, modals
Using a Muted Color Palette in Web Design (uxm)853
design, colors, color-palettes
What Is Design Thinking? (sma)852
design
You Are What You Measure851
videos, metrics
Building a Static Site With Eleventy and Tailwind850
eleventy, tailwind
My Favorite Courses to Learn Microservices in Depth849
courses, training, microservices, link-lists
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)848
css, media-queries, performance, sustainability
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)847
javascript, performance, plugins
The Acronyms of Rendering on the Web (whi)846
rendering, server-side-rendering, client-side-rendering, terminology
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)845
information-architecture, information-scent, usability, mistakes
How to Name Design Tokens in a Design System (uxd)844
how-tos, design-tokens, design-systems, naming
Exploring “:has()” Again (mic)843
css, selectors
Angular 16 Is Huge842
angular
Dissecting npm Malware: Five Packages and Their Evil Install Scripts841
npm, security, malware
Lessons of Design (fab/uxd)840
lessons, design
4 Ways to Create an Enum in JavaScript839
javascript
Consume Web Streams From OpenAI Using Vanilla JavaScript838
videos, data-fetching, streaming, ai, openai, javascript
Ping Animation With Minimal CSS (ami)837
css, animations
The “details” Element Is Amazing (fon)836
html, disclosure-widgets
Web Accessibility: A Reference to Creating Inclusive Websites (sta)835
accessibility
What Are User Permissions? Concepts, Examples, and Maintenance834
permissions, authorization, concepts, examples
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)833
design, user-experience, research
10 Best Sorting Algorithms Explained832
sorting, algorithms
11ty and Lit, a Match Made in Heaven for Simple Sites831
eleventy, web-components, lit
A History of the World Wide Web From 1989 to the Present Day830
history, web
Costly CSS Properties and How to Optimize Them829
css, performance, optimization
Memory Allocation (sam)828
memory, programming, visualization
The Pros and Cons of Different UI Automation Test Tools—Puppeteer827
automation, testing, puppeteer
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)826
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
Embracing AI as a Material for Design (uxd)825
design, ai, content
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers824
accessibility, assistive-tech, screen-magnification
CSS: Tricks for Targeting Elements With CSS823
css, selectors, tips-and-tricks
How to Work With Dates and Times in Vanilla JavaScript (cfe)822
how-tos, javascript
Passkeys: What the Heck and Why? (css)821
security, passkeys
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)820
videos, slides, accessibility, processes
Solving the CSS Layout and Source Order Disconnect (rac/dev)819
css, layout, source-order
Transparent Video for the Web in 2023 (cla)818
multimedia, transparency
Angular Is Back With a Vengeance (fir)817
videos, angular
A Designers Guide to the Principles of Web Design816
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience815
videos, accessibility, design-systems, dei, user-experience
Don’t Override Screen Reader Pronunciation (aar)814
accessibility, screen-readers, pronunciation
Expanding Grid Cards With View Transitions (chr)813
css, grids, view-transitions
HTML Accessibility API Mappings 1.0 (ste+/w3c)812
html, accessibility, apis
HTML Dark Mode (bt)811
html, dark-mode
Shallow vs. Deep Copying in JavaScript810
javascript, comparisons
Understanding CSS Preload and Other Resource Hints (log)809
css, performance, hints, preloading
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)808
browsers, mozilla, firefox, cookies, privacy
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)807
figma, components, design, tips-and-tricks
Building Pagination in React With React Paginate806
react, navigation, pagination
Document or Die: The Importance of Writing Things Down in Tech805
documentation, maintainability, link-lists
Load Balancing (sam)804
load-balancing, performance, visualization, architecture
New HTML Element: “search” (alv)803
html, semantics
React, Visualized802
introductions, react, visualization
Temporal Intervals Are Handy in MySQL (ami)801
databases, mysql, time
The Performance Golden Rule Revisited (tka)800
performance, metrics
Trying Node.js Test Runner (bah)799
nodejs, testing
What’s a Basic Use Case for Cascade Layers in CSS? (chr)798
css, cascade, maintainability
Formulating Your Product Design North Star (aka Design Principles) (uxd)797
design, principles, processes
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide796
guides, career, learning
CSS Text Balancing With “text-wrap: balance” (sha)795
css, typography
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)794
css, dark-mode
Why Astro Is My Favorite Framework (mrt)793
astro, frameworks
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup792
bundling, tooling, webpack, parcel, rollup, comparisons
The Real Difference Between “useMemo” and “Memo” in React791
react, hooks, performance, examples
Boost Your JavaScript With JSDoc Typing790
javascript, typescript, documentation, jsdoc
Mastering Yarn’s Lifecycle With Hooks789
yarn, hooks
Understanding Apache Web Server Configuration788
servers, apache, configuration
What’s New in CSS? (bra)787
slides, css
Choosing Humanity Over Automation (uxd)786
ai, design, automation
TIL: API for Saving Webpages in the Wayback Machine785
apis, internet-archive
Chasing Rainbows (ver)784
accessibility, colors, color-blindness, user-experience
DevTools: A Clever Overview of All Your CSS Code783
browsers, dev-tools, auditing, css, google, chrome
It’s Time to Learn OKLCH Color (kei)782
colors, oklch, css
Programming-Language Popularity by GitHub Pull Requests (lem)781
studies, research, programming, comparisons, github, javascript, typescript
The Pattern to Make Your Frontend Tests 10× Better780
testing
Advancing Your Tech Skills (wom)779
career, learning
Stream File Uploads to S3 Object Storage and Save Money (aus)778
aws, s3, streaming, storage, economics
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting777
zx, shells, command-line
10 CSS Animation Tips and Tricks (kev)776
videos, css, animations, tips-and-tricks
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)775
web-components, css, scope, dom, shadow-dom, support
Establishing Metrics for Accessibility ROI (kar)774
accessibility, metrics, economics
Frontend Developer Tries Tailwind for the First Time (zor/css)773
videos, tailwind, css
Unlocking the Power of Design Tokens to Create Dark Mode UI772
design-tokens, dark-mode
7 Tips for Getting Started With Vue.js771
videos, vuejs, tips-and-tricks
Can You Create Beautiful Stroked Text in CSS? (log)770
css, effects
Choosing a Name for Your Design System (bra)769
design-systems, naming
Designing for Reduced Motion768
accessibility, animations, reduced-motion, css, media-queries, javascript
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript767
guides, javascript, memory, garbage-collection
Observing CSS766
css, javascript, monitoring
Release Notes for Safari Technology Preview 167 (jon/web)765
release-notes, browsers, apple, safari
The Death of JPEG-XL764
jpeg-xl, images
What’s New in WCAG 2.2?763
accessibility, wcag, standards
Foundations: Accessible Names and Descriptions (ihe/tet)762
accessibility, fundamentals, naming, writing, aria
The Alt Text War—SEO vs. Accessibility761
accessibility, seo, images, writing, alt-text, comparisons
4 GitHub Alternatives for Code Repositories (sta)760
git, link-lists
Code Explanation Using GitHub Copilot (ami)759
github-copilot, ai, learning
New in Chrome 112 (tro/dev)758
release-notes, browsers, google, chrome
Testing Localhost on Multiple Devices (cit)757
testing, environments
The Revenge of the Pop-Up (ver)756
user-experience, anti-patterns, pop-ups
Understanding npm Versioning755
npm, dependencies, versioning, semver
What Makes a Good Screenshot? (llo/tpg)754
accessibility, images
What Is Semantic HTML? (dav)753
html, semantics
A Color Wheel With Gradient (css)752
css, colors, gradients, effects, tips-and-tricks
A Small JavaScript Pattern I Enjoy Using (kil)751
javascript
Accessibility for Designers: Where Do I Start? (ste)750
accessibility, design, link-lists
Exposing Field Errors (aar)749
accessibility, forms, aria, assistive-tech, support
Five Pieces of Advice for More Accessible Websites (cit)748
accessibility, html
How WebAssembly Is Accelerating New Web Functionality (dev)747
webassembly, functionality
JSON vs. XML With Douglas Crockford (dou)746
podcasts, interviews, json, xml, comparisons, history
Safari Releases Are Development Hell745
browsers, apple, safari, support
Slow Start and Congestion Control (Browser Networking)744
performance, protocols, tcp
What Is a Design System and Why Should You Use One? (uxm)743
design-systems
So, How Can We Measure UX? (uxd)742
user-experience, metrics
Quick Tip: Pull Data From an API Into a Figma Layer (dxn)741
tips-and-tricks, apis, figma, design
Copy to Clipboard in JavaScript and React740
javascript, react
10 Ways to Hide Elements in CSS (cra)739
hiding, css, accessibility, performance
Modern HTML Email (Tables No Longer Required) (oll)738
html, email, tables
Sticky Page Header Shadow on Scroll (hex)737
css, scrolling, shadows
Syntaxonomy—a Collection of Web Languages (ale)736
websites, training, learning, career, link-lists
The Future of Senior Developers in an AI-Driven World (cod)735
career, ai, code-completion
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)734
accessibility, contrast, colors
Why Do They Ignore My Awesome Design Documentation?733
design, documentation
7 Tricks to Take the Performance of Your Website to the Moon732
performance, minification, tree-shaking, tips-and-tricks
Convert PNG to JPG Using FFmpeg (ama)731
images, png, jpeg, conversion, tooling
Folder Structure for Modern Web Applications730
architecture, web-apps
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps729
guides, accessibility, testing, automation, ci-cd, react
We Need Accessibility Action (yat)728
accessibility, web
A CSS Selector to Highlight Clickable Elements (seb)727
css, selectors
Alternative Text in the Wild: 5 Alternative Text Examples (pop)726
accessibility, writing, examples
DevTools: Getting Data From DevTools Into Your Code Editor725
dev-tools, browsers, code-editors
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)724
videos, ai, centering
New to the Web Platform in March (rac/dev)723
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
On-Page SEO Checklist: The Complete Task List for 2023 (sem)722
seo, checklists, html, semantics
The Pros and Cons of Different UI Automation Test Tools—Playwright721
automation, testing, playwright
Checkered Background Using Two Lines of Code in CSS (ami+)720
backgrounds, css
CSS Masking (sha)719
css, masking
One in Two New npm Packages Is SEO Spam Right Now718
npm, seo
Why I Quit Being a Tech “Influencer”717
career
Why JavaScript Is a Prototype-Based OOP716
javascript, oop
XUL Layout Is Gone715
history, xul, browsers, mozilla, firefox
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd)714
career, productivity, user-experience, design
What Are Source Maps? (jec/dev)713
videos, debugging, javascript, source-maps
Clojure Transducers: Your Composable Data Pipelines (jan)712
clojure, functions
AWS CloudFront Tutorial: Setup and Configuration711
tutorials, aws, cloudfront, content-delivery, configuration
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)710
sustainability
CSS Nesting (fro)709
css, nesting, sass, comparisons
Flutter Performance Optimization Techniques and Best Practices708
flutter, performance, optimization, best-practices
Framework Popularity on Netlify (sel/net)707
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
How to Use Google Fonts and “font-display”706
how-tos, google, fonts, css
HTML: Help Users to Download Files With the HTML “download” Attribute705
html, attributes
The WebAIM Million (web)704
studies, research, accessibility, metrics
Usability Heuristics in Game Design (uxd)703
usability, heuristics, design
Using PHP Arrays: A Guide for Beginners702
guides, php, arrays
10 AI Tools for Content Writing (sta)701
tooling, link-lists, content, writing, ai
File Uploads for the Web: File Uploads in Node and Nuxt (aus)700
file-handling, nodejs, nuxt
Guardrails for Better Accessibility Support in Frontend (net)699
accessibility, quality, tooling
How to Review and Refactor Code With GPT-4 (and ChatGPT)698
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
How to Split an Angular App Into Micro-Frontend Apps697
how-tos, angular, micro-frontends, web-apps
Improving CSS Shapes With Trigonometric Functions (dan)696
css, shapes, functions
In Praise of Vite (spa/clo)695
vite
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)694
javascript, import-maps, browsers, support
Meet Arc, a New Innovative Browser That Challenges Chrome693
browsers, arc, the-browser-company, google, chrome
TypeScript Function Types: A Beginner’s Guide692
guides, typescript, functions
Accessibility vs. Emojis (uxd)691
accessibility, emoji, unicode, comparisons
Connecting Dots of an Accessibility Audit690
accessibility, auditing
How to Write an Accessibility Statement (ger)689
how-tos, accessibility, documentation, writing
A Quick Guide to Reviewing a VPAT ACR (kar)688
accessibility, vpat-acr, conformance, auditing
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)687
ai, code-completion, productivity
Defaulting on Single Page Applications (SPA) (zac)686
single-page-apps, javascript, performance
Fighting Inter-Component HTML Bloat (eli)685
components, html, semantics, quality
Function Overloading in TypeScript684
typescript, functions
Getting Started With HTML Tables683
html, tables, introductions
Mastering the JavaScript “switch” Statement682
javascript
Introduction to esbuild681
introductions, esbuild, bundling
CSS Creator Håkon Wium Lie Interview680
interviews, css
Using TypeScript Without Compilation (pas)679
typescript
UX Principles for AI Products (uxd)678
user-experience, principles, ai
UX Basics: Study Guide (nng)677
guides, fundamentals, user-experience, training, link-lists
Brief Introduction to Edge Computing676
introductions, edge-computing
CSS-Only Widgets Are Inaccessible (aar)675
accessibility, css
Harnessing GPT-4 for Writing Assistance and Content Creation674
writing, content, social-media, ai
Senior Engineering Strategies for Advanced React and TypeScript (tec)673
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
CSS “overflow” Property672
css, overflow
The Landscape of npm Packages for CLI Apps671
nodejs, npm, dependencies, command-line
The “search” Element (sco)670
html, accessibility, semantics
The State of JS Frameworks (cfe/log)669
podcasts, javascript, frameworks, libraries
What Is Strict Mode in React?668
react
WYSIWYGPT (cod)667
ai, career
The IL1 Typography Test (nng)666
videos, typography, legibility, user-experience, testing
Usability 101 (nng)665
videos, usability
The Causes of Unreliable Software664
research, complexity, maintainability
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)663
guides, nodejs, event-loop, events
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II662
accessibility, design, design-systems
Circular Text With CSS? (jhe)661
css
DevTools: Convert Network Requests to Code, or Even to a Terminal Command660
dev-tools, browsers, network, command-line
Everything You Wanted to Know About Video Storage APIs659
multimedia, storage, apis
The Machines Won’t Save Your Design System (hey)658
design-systems, ai
The Ultimate Guide to Image Optimisation (fox/cal)657
guides, images, performance, compression, optimization
What We’ve Learned About Designing for Accessibility From Our Users656
accessibility, design
Automatic npm Publishing With GitHub Actions and npm Granular Tokens655
npm, github-actions, automation
Certifications Should Be Hard (kar)654
accessibility, career, training, learning
Some Cross-Browser DevTools Features You Might Not Know (css)653
dev-tools, browsers, google, chrome, mozilla, firefox, apple, safari
5 Lesser-Known Spacing Tips for Product Designers (uxd)652
design, spacing
npx: The Easy Way to Run Node.js Packages651
nodejs, dependencies, npx
Annotating Designs for Accessibility (int)650
videos, accessibility, design
File Uploads for the Web: Upload Files With JavaScript (aus)649
file-handling, javascript
How to Start a React Project in 2023 (rwi)648
how-tos, react
State of Node.js 2023 (jas+/thi)647
videos, nodejs
That Time When SVG Almost Got Network Support for Raw Sockets646
svg, network, history
The Carbon Cost of Social Media645
sustainability, social-media
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)644
hiding, accessibility, browsers, screen-readers, assistive-tech, css
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)643
eleventy
When Is “:focus-visible” Visible? (ire)642
accessibility, css, selectors
With or Without the JS Framework (cit)641
javascript, frameworks, career
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution640
semantic-web
5 Ways to Modernize Your Web Application639
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability
7 Ways Web Developers and UX Designers Can Collaborate (uxm)638
collaboration, processes
CSS Is Dead! (alv)637
css
Preventing Too-Short Final Lines of Text Blocks (ric)636
css, typography
Regression Testing in the Agile Universe (uxm)635
agile, processes, testing, regressions
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+/the)634
interviews, svelte, sveltekit
The 5 Best Status Page Tools (sta)633
tooling, monitoring, alerting, link-lists
The Age of Average632
design
The Cost of Craft631
craft, quality, complexity, processes
The End of Front-End Development (jos)630
outlooks, career, html
The Intersection of Data Visualization and UX Design (uxm)629
information-design, user-experience, design
What Is Git Merge and How to Use It?628
git
Why We Added package.json Support to Deno (tin/den)627
deno, support, nodejs, npm
Introduction to Flutter: Getting Started With Cross-Platform Development626
introductions, flutter
Laying Out a Print Book With CSS625
print, css
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)624
javascript, performance, bundling, npm
Using “forRoot()” and “forChild()” in Angular623
angular
Time Zone Conversion With PHP622
php, time, conversion
Deep Dive Into How Web Browsers Work (With Illustrations)621
browsers, rendering, deep-dives
Design System Guide (vit)620
guides, design-systems, link-lists
How to Stop a React Component From Rendering (ami)619
how-tos, react, components, client-side-rendering
Time to Move on From Nunjucks? (bry)618
template-engines, nunjucks, webc, liquid, javascript
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language617
javascript
The Next Wave of Design Systems Will Be AI-Driven616
design-systems, ai, outlooks
Cryptographically Protecting Your SPA615
single-page-apps, security, cryptography
DevTools: Tricks for Copying the Styling From Any Website614
dev-tools, css, browsers, google, chrome
Everything You Need to Know About the Updated React Docs613
react, documentation
Hijacking Screenreaders With CSS (ben/deq)612
videos, accessibility, screen-readers, css
How Screen Readers Read Special Characters: An Update611
accessibility, screen-readers, support, unicode
How to Use “v-model” With Form Inputs in Vue610
how-tos, vuejs, forms
Retro-Specifying Fetch/Performance (nom)609
standards, apis, data-fetching
The Problem With React608
react
5 Tips for New Prototypers (nng)607
videos, prototyping, tips-and-tricks
Responsive Columns Without Media Queries606
css, flexbox, layout, responsive-design
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?605
ssi
Foundations: Pointer Gestures (gra/tpg)604
accessibility, fundamentals, usability
Accessibility Beyond Code Compliance (aar)603
accessibility, compliance
DevTools: Faster Searching in DevTools With CSS Selectors602
dev-tools, css, selectors, browsers, google, chrome
Internationalization in Next.js 13 With React Server Components (sma)601
internationalization, nextjs, react, components
JavaScript Polyfills600
javascript, polyfills
Scraping Single-Page Applications With Playwright (api)599
scraping, single-page-apps, playwright
The Ultimate Guide to Micro-Content598
guides, content, microcontent
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)597
github, foss, community
Versioning Design Tokens596
design-tokens, versioning, maintainability
It’s About Time CAPTCHAs Become Accessible (uxd)595
accessibility, captcha
Accessibility and Design Systems: The Deep-Dive Q&A (ger+)594
interviews, accessibility, design-systems, deep-dives
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg/dev)593
css
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)592
offline, browser-storage, web-apps
Future CSS: Anchor Positioning (kiz)591
css, anchor-positioning, experiments
Git Fundamentals, a Complete Guide590
guides, git, fundamentals
JavaScript for Beginners: Data Structures589
javascript, data-structures, arrays, objects
What Are Webhooks and How Do They Work588
webhooks, apis
The H1 Conundrum: Understanding the Challenges of Heading Level One587
accessibility, semantics, headings, html
16 Little UI Design Tips That Make a Big Impact586
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography
Advice From a Software Engineer With 8 Years of Experience585
career
Fix Color Contrast—Web Accessibility for Text and UI Design (pim)584
accessibility, colors, contrast
JavaScript: Automatically Remove an Event Listener After It Has Executed583
javascript, events
Modern Font Stacks582
websites, fonts, typography
Progressively Enhancing a Table With a Web Component (ray)581
html, javascript, tables, web-components, progressive-enhancement
TCP Echo Server for Node.js580
servers, nodejs, tcp
VS Code vs. WebStorm: A Comparison for Newbies579
code-editors, microsoft, vs-code, jetbrains, webstorm, comparisons
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)578
design, layout
Circling Back on Design and Everything Else (uxd)577
design
Useful Tips and Tricks for Laravel576
tips-and-tricks, laravel
How Design Is Governance575
design
Accepting Design (fab)574
design
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)573
design, mobile, tips-and-tricks
Best Practices for Structuring Accessibility Testing (tpg)572
accessibility, testing, best-practices
Introduction to Offline First Web Applications571
videos, offline, web-apps
Making Calendars With Accessibility and Internationalization in Mind (sto/css)570
functionality, accessibility, internationalization
The Ternary Operator in JavaScript (cfe)569
javascript, operators
What Is the Cost of Designing a Mobile App? (uxm)568
economics, mobile
Why Aren’t Logical Properties Taking Over Everything? (chr)567
css, logical-properties, internationalization
Create and Download Text Files Using JavaScript (ami)566
javascript
We Don’t Need “.visually-hidden” (den)565
accessibility, css, semantics, quality
UX Strategy: Study Guide (nng)564
guides, user-experience, strategies, training, link-lists
“content” Is Your Content?563
css, content, seo, accessibility, maintainability
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi)562
design, processes, myths
Handling CSS Color Fonts With “font-palette” (sta)561
css, colors, fonts
The Ultimate Guide to Becoming a 10× Dev560
guides, productivity, career
View Transitions API: Creating Smooth Page Transitions (sta)559
view-transitions, apis
Books You Can Read to Learn CSS558
books, learning, css
From UX to Growth Design: 5 Principles to Multiply Your Value (uxd)557
user-experience, design, principles
All JavaScript and TypeScript Features From the Last 3 Years556
javascript, typescript, history
Building Complex Forms in Vue (sma)555
forms, vuejs
Cover All the Codebases: A Guide to Code Coverage Tools554
guides, code-coverage, testing, tooling, link-lists
Craft vs. Industry: Separating Concerns (nac)553
quality, economics, maintainability, craft, comparisons
Evolving Custom Sliders (sib/tpg)552
sliders, javascript, css
Exploring Bundling in Lightning CSS (log)551
css, minification, bundling, linting, lightning-css
File Uploads for the Web: Uploading Files With HTML (aus)550
file-handling, html
One Problem That Is Now Solved by CSS Subgrid549
css, grids, layout
Selecting Previous Siblings With CSS “:has()”548
css, selectors
SPA View Transitions Land in Chrome 111 (jaf/dev)547
apis, view-transitions, release-notes, browsers, google, chrome
TypeScript’s Migration to Modules (dan/typ)546
typescript, modules, esm, commonjs, migrating
Vue vs. React: Everything You Need to Know545
vuejs, react, comparisons
Web Cookies With a Taste of Privacy (uxd)544
cookies, privacy, user-experience
ChatGPT and Me (a Recruiter) (vig)543
ai, chatgpt, career, interviewing
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)542
css, functions
CSS Nesting (arg/dev)541
css, nesting
How to Fix: Child Stylesheet Loading Twice (WordPress) (sta)540
how-tos, wordpress, php
I No Longer Understand “prefers-contrast” (kil)539
css, media-queries
My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (hdv)538
accessibility, components
Static Site Generators: What’s Trending Right Now (sta)537
static-site-generation, site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
Tackling Design Debt in Product536
podcasts, design-debt, product-management
The Broken Promise of Atomic CSS535
atomic-css, presentational-html, tailwind, html, css
2023 Web Framework Performance Report (ast)534
frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
An End to Typographic Widows on the Web (ric)533
typography, css
Change Favicon on Switching Browser Tabs in JavaScript (ami)532
images, favicons, javascript
Zebra Stripe Lines of Text Even When They Wrap (chr)531
css
Quick Tip: How to Cache Data in PHP530
how-tos, php, caching, tips-and-tricks
As a User, I Don’t Want To (pav/uxd)529
product-management, agile, user-experience
A Tab Interface Before Its Time (aar)528
html, components
ARIA Live Regions for JavaScript Frameworks (its/log)527
accessibility, aria, live-regions, javascript, frameworks
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond526
flutter, best-practices
HTML Garden525
websites, html, art
Managing Fonts in WordPress Block Themes (css)524
fonts, wordpress, theming
The AI Future of Frontend Development (hcr)523
ai, career
What Value Does Developer Relations Bring to Other Teams?522
developer-relations, processes
The Anatomy of a Good Design: An Analysis of 4 Sites (nng)521
design
10 Helpful JavaScript Utility Functions520
javascript, functions
50.1% Empty Links (mat)519
accessibility, html, links, semantics, seo
Balanced Text Wrapping Is Coming to CSS (ami)518
css, typography
AI-Generated Git Commit Messages517
ai, git, automation, commit-messages
Client-Side JavaScript and React Criticism: What Comes Next? (mol)516
javascript, react, accessibility, performance, resilience, progressive-enhancement
Continuous Growth Is Cancer (cod)515
economics, career
Making the Case for Signals in JavaScript (rya/thi)514
javascript, signals
Optimising Large Contentful Paint (css/btc)513
videos, performance, web-vitals, optimization
The Cost of Architectural Complexity512
research, architecture, complexity, economics
Everything You Need to Know About the Gap After the List Marker (sim/css)511
lists, css
Introduction to UIkit510
introductions, uikit
Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (sma)509
case-studies, vuejs, migrating, headless, content-management
Responsive Headlines Are About to Get Awesome (tyl/clo)508
css, headings, typography, responsive-design
Signals in Angular: The Future of Change Detection507
angular, signals
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)506
videos, accessibility, captions, youtube
The Art of Unlearning (uxd)505
learning, design
Are You Making These Five Mistakes When Writing Alt Text?504
accessibility, writing, alt-text, images, mistakes
A Beginner’s Guide to Manual Accessibility Testing (pop)503
guides, accessibility, testing
Accessible but Never Boring: Rebranding the Wise Design System for Everyone502
accessibility, design, design-systems
Announcing TypeScript 5.0 RC (dan/typ)501
typescript, release-notes
Declarative Design (ada/btc)500
videos, design
How We Built Our Multi-Platform Design System at Booking.com499
case-studies, design-systems, theming, scalability
Learn How to Set Up a CI/CD Pipeline From Scratch498
how-tos, ci-cd
React vs. Signals: 10 Years Later (rya/thi)497
react, signals, javascript, comparisons, retrospectives
Relative Rounded Corners (bel)496
html, css
Tether Elements to Each Other With CSS Anchor Positioning (jhe/dev)495
css, anchor-positioning, focus, apis, examples
The Web Needs a Native “.visually-hidden” (ben)494
css, accessibility
The WebAIM Strategic Accessibility Framework (web)493
accessibility, webaim, strategies
Throttle Your CPU (pat/dev)492
browsers, dev-tools, testing, throttling
Unlocking SVG’s Superpowers (btc)491
videos, svg, images
What Is Hoisting in JavaScript? (fro)490
javascript, scope, concepts
You Don’t Need a Build Step (den)489
building, tooling, deno
Why You Need to Code Every Day When You’re Learning to Program488
programming, processes, learning
A Native “Visually Hidden” in CSS? Yes Please! (mic)487
hiding, accessibility, browsers, screen-readers, assistive-tech, css
Animated Gradient Text in CSS (ami)486
css, animations, gradients
Conformance and Accessibility (j9t)485
accessibility, conformance, quality
Could We Make the Web More Immersive Using a Simple Optical Illusion?484
experiments, user-experience, spatial-web
Ten Tips for Better CSS Transitions and Animations (col)483
css, transitions, animations, tips-and-tricks
The Seven Archetypes of Organizational Topologies482
processes, agile
What Is “ref()” in Vue?481
vuejs
Without Accessibility, There Is No Privacy or Security480
accessibility, privacy, security
Quick Tip: How to Handle Exceptions in PHP479
how-tos, tips-and-tricks, php, errors
How People Read Online (uxd)478
accessibility, content, readability, user-experience
Are You Testing to Test, or Testing to Prove? (uxd)477
testing, processes
Tips for Handling Dependabot, CodeQL, and Secret Scanning Alerts476
security, alerting, dependabot, tips-and-tricks
A Guide to Accessible Form Validation (san/sma)475
guides, forms, validation, accessibility, user-experience
A Guide to CSS “object-view-box” (log)474
guides, css
Introduction to Ghost CMS473
introductions, ghost, content-management
On Container Queries, Responsive Images, and JPEG-XL (gri/clo)472
css, container-queries, images, responsive-design, jpeg-xl
The Coolest JavaScript Features From the Last 5 Years471
javascript, retrospectives
The Evolution of Signals in JavaScript (rya/thi)470
javascript, signals
The Ultimate Guide to Web Development Tools (sta)469
guides, tooling, link-lists
Simplified Dark Mode With Style Queries (5t3)468
css, style-queries, dark-mode
22 Useful CSS Tips and Tricks Every Developer Should Know467
css, tips-and-tricks
Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (ami)466
tailwind, css, dev-tools, chrome, google, browsers, testing
Dithering Images With React/JavaScript465
images, dithering, react, javascript
Designers, Use Your intuition (uxd)464
design, collaboration
Automatic Tag-Based Article Suggestions for Blogs and Astro Websites (nma)463
blogging, astro, automation, functionality
Crawl Weather Using Cypress (bah)462
testing, cypress
CSS Animation Libraries: 10 Popular Choices (sta)461
css, animations, libraries, link-lists
How to Contribute to a Project You Have No Idea About460
how-tos, foss, processes, community
How to Style Your Alt Text (ede)459
how-tos, css, accessibility, alt-text, images
Is It Time to Replace Sass? (5t3)458
sass, lightning-css, preprocessors
Learn CSS Positioning (sha)457
css, positioning, layout
Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook456
guides, vuejs, vuetify, storybook
Process CSS or Sass With Lightning CSS (5t3)455
eleventy, css, sass, lightning-css, preprocessors, postprocessors
Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs454
javascript, debugging, tooling, techniques, bugs
In-Depth Guide to CSS Logical Properties (zor/css)453
videos, guides, css, logical-properties
Prepare for Chrome’s User Agent [String] Reduction (dev)452
videos, browsers, google, chrome, feature-detection
The JavaScript Site Generator Review, 2023 (zac)451
site-generators, performance, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
You Have the Users You Have (nng)450
videos, usability, user-experience
3 Common Antipersonas in UX (nng)449
videos, user-experience, personas
Getting Started With Style Queries (una/dev)448
css, style-queries, introductions
16 Best CSS Books for Beginners and Advanced Coders447
books, css, link-lists
7 Essential React Libraries for Front-End Web Development446
react, libraries, link-lists
All About Promises in JavaScript445
javascript, promises
Experiments With the JavaScript Garbage Collector444
javascript, garbage-collection, experiments
Investing in RSS (tka)443
rss, syndication
Node.js Toolbox442
websites, nodejs, packages, dependencies
Privacy Principles (rob+/w3c)441
privacy, principles
Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (mni)440
accessibility
Automatic Captions: Our Experiments and Best Practices (equ)439
accessibility, captions, best-practices, automation
Fingerprinting (dev)438
fingerprinting, privacy, browsers
How Shadow DOM and Accessibility Are in Conflict (sun/iga)437
accessibility, shadow-dom, aria
How to Handle Date and Time With JavaScript (sta)436
how-tos, time, javascript
Learn Privacy (sil/dev)435
courses, privacy
Open Captions vs. Closed Captions: What’s the Difference?434
accessibility, captions, comparisons
The Great Gaslighting of the JavaScript Era (jar)433
javascript, frameworks, web-platform
The Page With No Code (chr)432
minimalism, http, css
Thoughts on Dev Rel in the Post-Twitter Era431
developer-relations, social-media, community
Understanding Easing and Cubic Bézier Curves in CSS (col)430
css, transitions, animations
Understanding the Difference Between Props and State in React429
react, props, state-management, comparisons
What Framework Should I Use? (cfe)428
frameworks
Where Does Developer Relations Belong in an Organization?427
developer-relations, processes
The State of Node.js Core (cji/thi)426
videos, nodejs
When JavaScript Fails (jas)425
javascript
The Importance of Adding Accessibility Design Reviews to the Design Process (dav)424
accessibility, design, processes
5 Super Useful CSS Properties That Don’t Get Enough Attention (kev)423
videos, css
ARIA vs. HTML (aar)422
accessibility, html, aria, semantics, comparisons
Design Systems in the Time of AI (bra)421
design-systems, ai
Learn All About Node.js Worker Threads With Examples420
nodejs, worker-threads, examples
Not Everyone Uses a Computer in the Same Way That You Do (hdv)419
videos, accessibility
React Libraries for 2023 (rwi)418
react, libraries, link-lists
Style File Selector Button Using CSS (ami)417
buttons, css
The State of JS Frameworks (rya+)416
podcasts, javascript, frameworks
Understanding the Cost of Not Being Accessible (kar)415
accessibility, economics
Use the Child-Element Count in CSS (kev)414
css, selectors
Quick Tip: How to Trim Whitespace With PHP413
how-tos, tips-and-tricks, whitespace, php
“(255,255,255)” Is the Highest Specificity (bra)412
css, selectors, cascade
The Rise and Fall of Ext JS—a Long Overdue Reply and Apology411
extjs
Surviving Design Systems410
design-systems
Ethical Alternatives to Revenue-Generating Deceptive Patterns (uxd)409
ethics, dark-patterns, monetization, user-experience
Updating a Design System (uxd)408
design-systems, maintenance
“Make It Easier” Is Not a Product Strategy (pav/uxd)407
user-experience, product-management, strategies
All About Iterative Design (uxm)406
design, processes
Arranging Diamond Tiles in a Grid (ran)405
css, grids, layout
Avoid Spanning Table Headers (aar)404
accessibility, assistive-tech, html, tables
Create a Rainbow-Coloured List With “:nth-of-type()” (rac)403
lists, css, selectors, colors
How to Cheat at CSS (des)402
how-tos, css, frameworks, overviews, link-lists
How to Password-Protect a Static HTML Page With No JS (ede)401
how-tos, security, css, fonts
Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (eli)400
accessibility, dei, processes
Keys to an Accessibility Mindset (sma)399
accessibility, design
Last Baseline Alignment (rac/dev)398
css, layout, support, browsers
SSL Certificates Explained397
videos, certificates, ssl, protocols, security
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)396
css, images, aspect-ratio
CSS Property “contain” Explained395
videos, css, containment
Component Specifications (nat)394
design-systems, components, documentation
Do We Need CSS “flex-wrap” Detection? (sha)393
css, flexbox, layout
My CSS Wishlist 2023 (5t3)392
css, wish-lists
Representation of Style (ste)391
html, semantics
The Spirit of CSS-Tricks Is Now Gone (zel)390
community, learning
CSS Through the Ages389
css, history
To Sketch or Not to Sketch? (uxd)388
design, ai
Top Ten Popular Static Site Generators (SSG) in 2023387
static-site-generation, site-generators, comparisons, jekyll, eleventy, hugo, gatsby, nextjs, nuxt, link-lists
A Step-by-Step Guide to Building Accessible Carousels (swe/sma)386
guides, carousels, accessibility, html, user-experience
Declarative Shadow DOM (dev+/dev)385
shadow-dom, dom, html
How to Build Offline Web Applications384
how-tos, offline, web-apps
If You’re Going to Do a Job, Do It Properly (tem)383
accessibility, css
Unlocking the Power of Design to Help Users Make Smart Decisions (web)382
design, tips-and-tricks
Using Node Watch Instead of Nodemon381
nodejs, tooling
Software Accessibility for Users With Attention Deficit Disorder (ADHD) (uxd)380
accessibility
Encapsulating CSS With Shadow DOM379
shadow-dom, dom, css, javascript
Resizing With CSS (mic)378
css, resizing
Don’t Use 403s or 404s for Rate Limiting (met)377
http, content-delivery, google, search, seo
Building an Animated SVG Logo With animejs376
svg, images, logos, animations, vuejs
Buttons, Links, and Focus (tem)375
accessibility, semantics, buttons, links, focus
ChatGPT Can Write Good CSS? (zor/css)374
videos, ai, chatgpt, css
How to Use View Transitions in Hotwire Turbo373
how-tos, css, view-transitions, hotwire