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 that they be respected and included. Hide

Frontend Dogma

“2023” News Archive (5)

Entry (Sources) and Additional TopicsDate#
Why Is Scrum the Most Popular Agile Framework?881
scrum, agile, processes
Introducing npm Package Provenance880
introductions, github, npm, provenance, security, foss
Generating Provenance Statements879
npm, provenance, security
It’s Time for the Tech Industry to Live Up to Its Ideals878
career, outlooks
8 Best Tools for Cryptography and Encryption (sta)877
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
How to Create an SEO Strategy (moz)876
how-tos, seo, strategies
Kubernetes Quick Tutorial875
tutorials, kubernetes
Node.js 20 Is Now Available! (nod)874
nodejs, release-notes
The Three Browser Storage Mechanisms873
browser-storage, cookies, comparisons
What’s New in ECMAScript 2023 (paw)872
ecmascript, standards
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store871
liquid, shopify, customization, tips-and-tricks
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?870
how-tos, aws, cloudfront, caching
10 Common Mistakes in Angular Development869
angular, mistakes, best-practices
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)868
accessibility, multimedia, experiments
Container Query Units and Fluid Typography (5t3)867
css, container-queries, typography, liquid-design
Starting a New Kirby Project (mat)866
kirby
DevTools: A Better Way to Visualize Your JavaScript865
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
Signals: Fine-Grained Reactivity for JavaScript Frameworks864
javascript, reactivity, signals, frameworks
A List of Programming Playgrounds (b0r)863
programming, link-lists, testing
All About the Semantic Web862
semantic-web, concepts
Answering “What ARIA Can I Use?” (w3c)861
accessibility, aria, browsers, screen-readers, assistive-tech, support
Business Impacts of UI Design and UX Design (uxm)860
design, economics
Firefox May Soon Reject Cookie Prompts Automatically859
cookies, legal, user-experience, mozilla, firefox
It’s Very Likely That… (mat)858
html, semantics, buttons, modals
Using a Muted Color Palette in Web Design (uxm)857
design, colors, color-palettes
What Is Design Thinking? (sma)856
design
Building a Static Site With Eleventy and Tailwind855
eleventy, tailwind
You Are What You Measure854
videos, metrics
Deno vs. Node: No One Is Ready for the Move853
deno, nodejs, dependencies, comparisons
My Favorite Courses to Learn Microservices in Depth852
courses, training, microservices, link-lists
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)851
css, media-queries, performance, sustainability
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)850
javascript, performance, plugins
The Acronyms of Rendering on the Web (whi)849
rendering, server-side-rendering, client-side-rendering, terminology
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)848
information-architecture, information-scent, usability, mistakes
Exploring “:has()” Again (mic)847
css, selectors
Angular 16 Is Huge846
angular
How to Name Design Tokens in a Design System845
how-tos, design-tokens, design-systems, naming
Dissecting npm Malware: Five Packages and Their Evil Install Scripts844
npm, security, malware
Lessons of Design (fab)843
lessons, design
Ping Animation With Minimal CSS (ami)842
css, animations
The “details” Element Is Amazing (fon)841
html, disclosure-widgets
Web Accessibility: A Reference to Creating Inclusive Websites (sta)840
accessibility
What Are User Permissions? Concepts, Examples, and Maintenance839
permissions, authorization, concepts, examples
Consume Web Streams From OpenAI Using Vanilla JavaScript838
videos, data-fetching, streaming, ai, openai, javascript
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste837
design, user-experience, research
4 Ways to Create an Enum in JavaScript836
javascript
11ty and Lit, a Match Made in Heaven for Simple Sites835
eleventy, web-components, lit
A History of the World Wide Web From 1989 to the Present Day834
history, web
Costly CSS Properties and How to Optimize Them833
css, performance, optimization
Memory Allocation (sam)832
memory, programming, visualization
The Pros and Cons of Different UI Automation Test Tools—Puppeteer831
automation, testing, puppeteer
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers830
accessibility, assistive-tech, screen-magnification
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec)829
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
10 Best Sorting Algorithms Explained828
sorting, algorithms
Embracing AI as a Material for Design827
design, ai, content
How to Work With Dates and Times in Vanilla JavaScript (cfe)826
how-tos, javascript
Passkeys: What the Heck and Why? (css)825
security, passkeys
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)824
videos, slides, accessibility, processes
Angular Is Back With a Vengeance (fir)823
videos, angular
Solving the CSS Layout and Source Order Disconnect (rac)822
css, layout, source-order
Transparent Video for the Web in 2023 (cla)821
multimedia, transparency+opacity
CSS: Tricks for Targeting Elements With CSS820
css, selectors, tips-and-tricks
A Designers Guide to the Principles of Web Design819
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience818
videos, accessibility, design-systems, dei, user-experience
Don’t Override Screen Reader Pronunciation (aar)817
accessibility, screen-readers, pronunciation
Expanding Grid Cards With View Transitions (chr)816
css, grids, view-transitions
HTML Accessibility API Mappings 1.0 (ste+/w3c)815
html, accessibility, apis
HTML Dark Mode (bt)814
html, dark-mode
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)813
browsers, mozilla, firefox, cookies, privacy
Understanding CSS Preload and Other Resource Hints (log)812
css, performance, hints, preloading
Shallow vs. Deep Copying in JavaScript811
javascript, comparisons
Advanced Figma Components Tips and Tricks: Little Gems We Love810
figma, components, design, tips-and-tricks
Building Pagination in React With React Paginate809
react, navigation, pagination
Document or Die: The Importance of Writing Things Down in Tech808
documentation, maintainability, link-lists
Load Balancing (sam)807
load-balancing, performance, visualization, architecture
New HTML Element: “search” (alv)806
html, semantics
React, Visualized805
introductions, react, visualization
Temporal Intervals Are Handy in MySQL (ami)804
databases, mysql, time
The Performance Golden Rule Revisited (tka)803
performance, metrics
Trying Node.js Test Runner (bah)802
nodejs, testing
What’s a Basic Use Case for Cascade Layers in CSS? (chr)801
css, cascade, maintainability
Formulating Your Product Design North Star (aka Design Principles)800
design, principles, processes
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide799
guides, career, learning
CSS Text Balancing With “text-wrap: balance” (sha)798
css, typography
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)797
css, dark-mode
Why Astro Is My Favorite Framework (mrt)796
astro, frameworks
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup795
bundling, tooling, webpack, parcel, rollup, comparisons
The Real Difference Between “useMemo” and “Memo” in React794
react, hooks, performance, examples
Boost Your JavaScript With JSDoc Typing793
javascript, typescript, documentation, jsdoc
Mastering Yarn’s Lifecycle With Hooks792
yarn, hooks
Understanding Apache Web Server Configuration791
servers, apache, configuration
What’s New in CSS? (bra)790
slides, css
TIL: API for Saving Webpages in the Wayback Machine789
apis, internet-archive
Choosing Humanity Over Automation788
ai, design, automation
Chasing Rainbows (ver)787
accessibility, colors, color-blindness, user-experience
It’s Time to Learn OKLCH Color (kei)786
colors, oklch, css
Programming-Language Popularity by GitHub Pull Requests (lem)785
studies, research, programming, comparisons, github, javascript, typescript
The Pattern to Make Your Frontend Tests 10× Better784
testing
Advancing Your Tech Skills (wom)783
career, learning
Stream File Uploads to S3 Object Storage and Save Money (aus)782
aws, s3, streaming, storage, economics
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting781
zx, shells, command-line
DevTools: A Clever Overview of All Your CSS Code780
browsers, dev-tools, auditing, css, google, chrome
10 CSS Animation Tips and Tricks (kev)779
videos, css, animations, tips-and-tricks
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)778
web-components, css, scope, dom, shadow-dom, support
Establishing Metrics for Accessibility ROI (kar)777
accessibility, metrics, economics
Frontend Developer Tries Tailwind for the First Time (zor/css)776
videos, tailwind, css
Unlocking the Power of Design Tokens to Create Dark Mode UI775
design-tokens, dark-mode
7 Tips for Getting Started With Vue.js774
videos, vuejs, tips-and-tricks
Can You Create Beautiful Stroked Text in CSS? (log)773
css, effects
Choosing a Name for Your Design System (bra)772
design-systems, naming
Designing for Reduced Motion771
accessibility, animations, reduced-motion, css, media-queries, javascript
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript770
guides, javascript, memory, garbage-collection
Observing CSS769
css, javascript, monitoring
Release Notes for Safari Technology Preview 167 (jon/web)768
release-notes, browsers, apple, safari
The Death of JPEG-XL767
jpeg-xl, images
What’s New in WCAG 2.2?766
accessibility, wcag, standards
Foundations: Accessible Names and Descriptions (ihe/tet)765
accessibility, fundamentals, naming, writing, aria
The Alt Text War—SEO vs. Accessibility764
accessibility, seo, images, writing, alt-text, comparisons
4 GitHub Alternatives for Code Repositories (sta)763
git, link-lists
Code Explanation Using GitHub Copilot (ami)762
github-copilot, ai, learning
Testing Localhost on Multiple Devices (cit)761
testing, environments
The Revenge of the Pop-Up (ver)760
user-experience, anti-patterns, pop-ups
Understanding npm Versioning759
npm, dependencies, versioning, semver
What Makes a Good Screenshot? (llo/tpg)758
accessibility, images
What Is Semantic HTML? (dav)757
html, semantics
New in Chrome 112 (tro)756
release-notes, browsers, google, chrome
A Color Wheel With Gradient (css)755
css, colors, gradients, effects, tips-and-tricks
A Small JavaScript Pattern I Enjoy Using (kil)754
javascript
Accessibility for Designers: Where Do I Start? (ste)753
accessibility, design, link-lists
Exposing Field Errors (aar)752
accessibility, forms, aria, assistive-tech, support
Five Pieces of Advice for More Accessible Websites (cit)751
accessibility, html
JSON vs. XML With Douglas Crockford (dou)750
podcasts, interviews, json, xml, comparisons, history
Safari Releases Are Development Hell749
browsers, apple, safari, support
What Is a Design System and Why Should You Use One? (uxm)748
design-systems
Copy to Clipboard in JavaScript and React747
javascript, react
How WebAssembly Is Accelerating New Web Functionality746
webassembly, functionality
Slow Start and Congestion Control (Browser Networking)745
performance, protocols, tcp
Quick Tip: Pull Data From an API Into a Figma Layer (dxn)744
tips-and-tricks, apis, figma, design
So, How Can We Measure UX?743
user-experience, metrics
Sticky Page Header Shadow on Scroll (hex)742
css, scrolling, shadows
Syntaxonomy—a Collection of Web Languages (ale)741
websites, training, learning, career, link-lists
The Future of Senior Developers in an AI-Driven World (cod)740
career, ai, code-completion
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)739
accessibility, contrast, colors
Why Do They Ignore My Awesome Design Documentation?738
design, documentation
7 Tricks to Take the Performance of Your Website to the Moon737
performance, minification, tree-shaking, tips-and-tricks
Modern HTML Email (Tables No Longer Required) (oll)736
html, email, tables
10 Ways to Hide Elements in CSS (cra)735
hiding, css, accessibility, performance
Convert PNG to JPG Using FFmpeg (ama)734
images, png, jpeg, conversion, tooling
Folder Structure for Modern Web Applications733
architecture, web-apps
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps732
guides, accessibility, testing, automation, ci-cd, react
We Need Accessibility Action (yat)731
accessibility, web
A CSS Selector to Highlight Clickable Elements (seb)730
css, selectors
Alternative Text in the Wild: 5 Alternative Text Examples (pop)729
accessibility, writing, examples
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)728
videos, ai, centering
On-Page SEO Checklist: The Complete Task List for 2023 (sem)727
seo, checklists, html, semantics
The Pros and Cons of Different UI Automation Test Tools—Playwright726
automation, testing, playwright
New to the Web Platform in March (rac)725
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
DevTools: Getting Data From DevTools Into Your Code Editor724
dev-tools, browsers, code-editors
Checkered Background Using Two Lines of Code in CSS (ami+)723
backgrounds, css
CSS Masking (sha)722
css, masking
One in Two New npm Packages Is SEO Spam Right Now721
npm, seo
Why I Quit Being a Tech “Influencer”720
career
Why JavaScript Is a Prototype-Based OOP719
javascript, oop
XUL Layout Is Gone718
history, xul, browsers, mozilla, firefox
Clojure Transducers: Your Composable Data Pipelines (jan)717
clojure, functions
What Are Source Maps? (jec)716
videos, debugging, javascript, source-maps
AWS CloudFront Tutorial: Setup and Configuration715
tutorials, aws, cloudfront, content-delivery, configuration
From Burnout to Balance: Why Are So Many UX Designers Fatigued?714
career, productivity, user-experience, design
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)713
sustainability
CSS Nesting (fro)712
css, nesting, sass, comparisons
Flutter Performance Optimization Techniques and Best Practices711
flutter, performance, optimization, best-practices
Framework Popularity on Netlify (sel/net)710
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
The WebAIM Million (web)709
studies, research, accessibility, metrics
How to Use Google Fonts and “font-display”708
how-tos, google, fonts, css
Using PHP Arrays: A Guide for Beginners707
guides, php, arrays
HTML: Help Users to Download Files With the HTML “download” Attribute706
html, attributes
Usability Heuristics in Game Design705
usability, heuristics, design
10 AI Tools for Content Writing (sta)704
tooling, link-lists, content, writing, ai
File Uploads for the Web: File Uploads in Node and Nuxt (aus)703
file-handling, nodejs, nuxt
Guardrails for Better Accessibility Support in Frontend (net)702
accessibility, quality, tooling
How to Split an Angular App Into Micro-Frontend Apps701
how-tos, angular, micro-frontends, web-apps
Improving CSS Shapes With Trigonometric Functions (dan)700
css, shapes, functions
In Praise of Vite (spa/clo)699
vite
Meet Arc, a New Innovative Browser That Challenges Chrome698
browsers, arc, the-browser-company, google, chrome
Connecting Dots of an Accessibility Audit697
accessibility, auditing
How to Write an Accessibility Statement (ger)696
how-tos, accessibility, documentation, writing
JavaScript Import Maps Are Now Supported Cross-Browser (tom)695
javascript, import-maps, browsers, support
How to Review and Refactor Code With GPT-4 (and ChatGPT)694
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
Accessibility vs. Emojis693
accessibility, emoji, unicode, comparisons
TypeScript Function Types: A Beginner’s Guide692
guides, typescript, functions
A Quick Guide to Reviewing a VPAT ACR (kar)691
accessibility, vpat-acr, conformance, auditing
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)690
ai, code-completion, productivity
Defaulting on Single Page Applications (SPA) (zac)689
single-page-apps, javascript, performance
Fighting Inter-Component HTML Bloat (eli)688
components, html, semantics, quality
Function Overloading in TypeScript687
typescript, functions
Introduction to esbuild686
introductions, esbuild, bundling
CSS Creator Håkon Wium Lie Interview685
interviews, css
Getting Started With HTML Tables684
html, tables, introductions
Mastering the JavaScript “switch” Statement683
javascript
Using TypeScript Without Compilation (pas)682
typescript
UX Basics: Study Guide (nng)681
guides, fundamentals, user-experience, training, link-lists
UX Principles for AI Products680
user-experience, principles, ai
Brief Introduction to Edge Computing679
introductions, edge-computing
CSS-Only Widgets Are Inaccessible (aar)678
accessibility, css
Senior Engineering Strategies for Advanced React and TypeScript (tec)677
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
Harnessing GPT-4 for Writing Assistance and Content Creation676
writing, content, social-media, ai
The Landscape of npm Packages for CLI Apps675
nodejs, npm, dependencies, command-line
The “search” Element (sco)674
html, accessibility, semantics
The State of JS Frameworks (cfe/log)673
podcasts, javascript, frameworks, libraries
What Is Strict Mode in React?672
react
WYSIWYGPT (cod)671
ai, career
The IL1 Typography Test (nng)670
videos, typography, legibility, user-experience, testing
Usability 101 (nng)669
videos, usability
CSS “overflow” Property668
css, overflow
The Causes of Unreliable Software667
research, complexity, maintainability, reliability
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)666
guides, nodejs, event-loop, events
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II665
accessibility, design, design-systems
Circular Text With CSS? (jhe)664
css
Everything You Wanted to Know About Video Storage APIs663
multimedia, storage, apis
The Machines Won’t Save Your Design System (hey)662
design-systems, ai
The Ultimate Guide to Image Optimisation (fox/cal)661
guides, images, performance, compression, optimization
DevTools: Convert Network Requests to Code, or Even to a Terminal Command660
dev-tools, browsers, network, command-line
What We’ve Learned About Designing for Accessibility From Our Users (sla)659
accessibility, design
Automatic npm Publishing With GitHub Actions and npm Granular Tokens658
npm, github-actions, automation
Certifications Should Be Hard (kar)657
accessibility, career, training, learning
Some Cross-Browser DevTools Features You Might Not Know (css)656
dev-tools, browsers, google, chrome, mozilla, firefox, apple, safari
npx: The Easy Way to Run Node.js Packages655
nodejs, dependencies, npx
5 Lesser-Known Spacing Tips for Product Designers654
design, spacing
Annotating Designs for Accessibility (int)653
videos, accessibility, design
File Uploads for the Web: Upload Files With JavaScript (aus)652
file-handling, javascript
How to Start a React Project in 2023 (rwi)651
how-tos, react
State of Node.js 2023 (jas+/thi)650
videos, nodejs
That Time When SVG Almost Got Network Support for Raw Sockets649
svg, network, history
The Carbon Cost of Social Media648
sustainability, social-media
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)647
hiding, accessibility, browsers, screen-readers, assistive-tech, css
When Is “:focus-visible” Visible? (ire)646
accessibility, css, selectors
With or Without the JS Framework (cit)645
javascript, frameworks, career
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution644
semantic-web
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)643
eleventy
5 Ways to Modernize Your Web Application642
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability
7 Ways Web Developers and UX Designers Can Collaborate (uxm)641
collaboration, processes
CSS Is Dead! (alv)640
css
Preventing Too-Short Final Lines of Text Blocks (ric)639
css, typography
Regression Testing in the Agile Universe (uxm)638
agile, processes, testing, regressions
The 5 Best Status Page Tools (sta)637
tooling, monitoring, alerting, link-lists
The Age of Average636
design
The Cost of Craft635
craft, quality, complexity, processes
The End of Front-End Development (jos)634
outlooks, career, html
The Intersection of Data Visualization and UX Design (uxm)633
information-design, user-experience, design
Why We Added package.json Support to Deno (tin/den)632
deno, support, nodejs, npm
What Is Git Merge and How to Use It?631
git
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+)630
interviews, svelte, sveltekit
Introduction to Flutter: Getting Started With Cross-Platform Development629
introductions, flutter
Laying Out a Print Book With CSS628
print, css
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)627
javascript, performance, bundling, npm
Using “forRoot()” and “forChild()” in Angular626
angular
Time Zone Conversion With PHP625
php, time, conversion
Deep Dive Into How Web Browsers Work (With Illustrations)624
browsers, rendering, deep-dives
Design System Guide (vit)623
guides, design-systems, link-lists
How to Stop a React Component From Rendering (ami)622
how-tos, react, components, client-side-rendering
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
The Next Wave of Design Systems Will Be AI-Driven619
design-systems, ai, outlooks
Cryptographically Protecting Your SPA618
single-page-apps, security, cryptography
Everything You Need to Know About the Updated React Docs617
react, documentation
Hijacking Screenreaders With CSS (ben/deq)616
videos, accessibility, screen-readers, css
Retro-Specifying Fetch/Performance (nom)615
standards, apis, data-fetching
The Problem With React614
react
5 Tips for New Prototypers (nng)613
videos, prototyping, tips-and-tricks
Responsive Columns Without Media Queries612
css, flexbox, layout, responsive-design
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?611
ssi
Foundations: Pointer Gestures (gra/tpg)610
accessibility, fundamentals, usability
DevTools: Tricks for Copying the Styling From Any Website609
dev-tools, css, browsers, google, chrome
How Screen Readers Read Special Characters: An Update (ele)608
accessibility, screen-readers, support, unicode
How to Use “v-model” With Form Inputs in Vue607
how-tos, vuejs, forms
Accessibility Beyond Code Compliance (aar)606
accessibility, compliance
Internationalization in Next.js 13 With React Server Components (sma)605
internationalization, nextjs, react, components
JavaScript Polyfills604
javascript, polyfills
Scraping Single-Page Applications With Playwright (api)603
scraping, single-page-apps, playwright
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
Versioning Design Tokens600
design-tokens, versioning, maintainability
Accessibility and Design Systems: The Deep-Dive Q&A (ger+)599
interviews, accessibility, design-systems, deep-dives
DevTools: Faster Searching in DevTools With CSS Selectors598
dev-tools, css, selectors, browsers, google, chrome
It’s About Time CAPTCHAs Become Accessible597
accessibility, captcha
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)596
offline, browser-storage, web-apps
Future CSS: Anchor Positioning (kiz)595
css, anchor-positioning, experiments
Git Fundamentals, a Complete Guide594
guides, git, fundamentals
JavaScript for Beginners: Data Structures593
javascript, data-structures, arrays, objects
What Are Webhooks and How Do They Work592
webhooks, apis
The H1 Conundrum: Understanding the Challenges of Heading Level One591
accessibility, semantics, headings, html
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg)590
css
16 Little UI Design Tips That Make a Big Impact589
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography
Advice From a Software Engineer With 8 Years of Experience588
career
Fix Color Contrast—Web Accessibility for Text and UI Design (pim)587
accessibility, colors, contrast
Modern Font Stacks586
websites, fonts, typography
Progressively Enhancing a Table With a Web Component (ray)585
html, javascript, tables, web-components, progressive-enhancement
TCP Echo Server for Node.js584
servers, nodejs, tcp
VS Code vs. WebStorm: A Comparison for Newbies583
code-editors, microsoft, vs-code, jetbrains, webstorm, comparisons
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)582
design, layout
Useful Tips and Tricks for Laravel581
tips-and-tricks, laravel
How Design Is Governance580
design
Accepting Design (fab)579
design
JavaScript: Automatically Remove an Event Listener After It Has Executed578
javascript, events
Circling Back on Design and Everything Else577
design
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)576
design, mobile, tips-and-tricks
Best Practices for Structuring Accessibility Testing (tpg)575
accessibility, testing, best-practices
Introduction to Offline First Web Applications574
videos, offline, web-apps
Making Calendars With Accessibility and Internationalization in Mind (sto/css)573
functionality, accessibility, internationalization
The Ternary Operator in JavaScript (cfe)572
javascript, operators
What Is the Cost of Designing a Mobile App? (uxm)571
economics, mobile
Why Aren’t Logical Properties Taking Over Everything? (chr)570
css, logical-properties, internationalization
Create and Download Text Files Using JavaScript (ami)569
javascript
We Don’t Need “.visually-hidden” (den)568
accessibility, css, semantics, quality
Choose Boring Tools567
tooling
UX Strategy: Study Guide (nng)566
guides, user-experience, strategies, training, link-lists
“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
The Ultimate Guide to Becoming a 10× Dev562
guides, productivity, career
View Transitions API: Creating Smooth Page Transitions (sta)561
view-transitions, apis
Books You Can Read to Learn CSS560
books, learning, css
From UX to Growth Design: 5 Principles to Multiply Your Value559
user-experience, design, principles
All JavaScript and TypeScript Features From the Last 3 Years558
javascript, typescript, history
Building Complex Forms in Vue (sma)557
forms, vuejs
Cover All the Codebases: A Guide to Code Coverage Tools556
guides, code-coverage, testing, tooling, link-lists
Craft vs. Industry: Separating Concerns (nac)555
quality, economics, maintainability, craft, comparisons
Evolving Custom Sliders (sib/tpg)554
sliders, javascript, css
Exploring Bundling in Lightning CSS (log)553
css, minification, bundling, linting, lightning-css
File Uploads for the Web: Uploading Files With HTML (aus)552
file-handling, html
One Problem That Is Now Solved by CSS Subgrid551
css, grids, layout
Selecting Previous Siblings With CSS “:has()”550
css, selectors
TypeScript’s Migration to Modules (dan/typ)549
typescript, modules, esm, commonjs, migrating
SPA View Transitions Land in Chrome 111 (jaf)548
apis, view-transitions, release-notes, browsers, google, chrome
Vue vs. React: Everything You Need to Know547
vuejs, react, comparisons
Web Cookies With a Taste of Privacy546
cookies, privacy, user-experience
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
Tackling Design Debt in Product539
podcasts, design-debt, product-management
The Broken Promise of Atomic CSS538
atomic-css, presentational-html, tailwind, html, css
CSS Nesting (arg)537
css, nesting
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
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond528
flutter, best-practices
HTML Garden527
websites, html, art
Managing Fonts in WordPress Block Themes (css)526
fonts, wordpress, theming
The AI Future of Frontend Development (hcr)525
ai, career
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
10 Helpful JavaScript Utility Functions522
javascript, functions
50.1% Empty Links (mat)521
accessibility, html, links, semantics, seo
Balanced Text Wrapping Is Coming to CSS (ami)520
css, typography
AI-Generated Git Commit Messages519
ai, git, automation, commit-messages
Client-Side JavaScript and React Criticism: What Comes Next? (mol)518
javascript, react, accessibility, performance, resilience, progressive-enhancement
Continuous Growth Is Cancer (cod)517
economics, career
Making the Case for Signals in JavaScript (rya/thi)516
javascript, signals
Optimising Large Contentful Paint (css/btc)515
videos, performance, web-vitals, optimization
The Cost of Architectural Complexity514
research, architecture, complexity, economics
Everything You Need to Know About the Gap After the List Marker (sim/css)513
lists, css
Introduction to UIkit512
introductions, uikit
Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (sma)511
case-studies, vuejs, migrating, headless, content-management
Responsive Headlines Are About to Get Awesome (tyl/clo)510
css, headings, typography, responsive-design
Signals in Angular: The Future of Change Detection509
angular, signals
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)508
videos, accessibility, captions, youtube
Are You Making These Five Mistakes When Writing Alt Text?507
accessibility, writing, alt-text, images, mistakes
The Art of Unlearning506
learning, design
A Beginner’s Guide to Manual Accessibility Testing (pop)505
guides, accessibility, testing
Accessible but Never Boring: Rebranding the Wise Design System for Everyone504
accessibility, design, design-systems
Announcing TypeScript 5.0 RC (dan/typ)503
typescript, release-notes
Declarative Design (ada/btc)502
videos, design
How We Built Our Multi-Platform Design System at Booking.com501
case-studies, design-systems, theming, scalability
Learn How to Set Up a CI/CD Pipeline From Scratch500
how-tos, ci-cd
React vs. Signals: 10 Years Later (rya/thi)499
react, signals, javascript, comparisons, retrospectives
Relative Rounded Corners (bel)498
html, css
The Web Needs a Native “.visually-hidden” (ben)497
css, accessibility
The WebAIM Strategic Accessibility Framework (web)496
accessibility, webaim, strategies
Throttle Your CPU (pat/dev)495
browsers, dev-tools, testing, throttling
Unlocking SVG’s Superpowers (btc)494
videos, svg, images
What Is Hoisting in JavaScript? (fro)493
javascript, scope, concepts
Why You Need to Code Every Day When You’re Learning to Program492
programming, processes, learning
A Native “Visually Hidden” in CSS? Yes Please! (mic)491
hiding, accessibility, browsers, screen-readers, assistive-tech, css
Tether Elements to Each Other With CSS Anchor Positioning (jhe)490
css, anchor-positioning, focus, apis, examples
You Don’t Need a Build Step (den)489
building, tooling, deno
Animated Gradient Text in CSS (ami)488
css, animations, gradients
Conformance and Accessibility (j9t)487
accessibility, conformance, quality
Could We Make the Web More Immersive Using a Simple Optical Illusion?486
experiments, user-experience, spatial-web
Ten Tips for Better CSS Transitions and Animations (col)485
css, transitions, animations, tips-and-tricks
The Seven Archetypes of Organizational Topologies484
processes, agile
Tips for Handling Dependabot, CodeQL, and Secret Scanning Alerts483
security, alerting, dependabot, tips-and-tricks
Without Accessibility, There Is No Privacy or Security (lev)482
accessibility, privacy, security
Quick Tip: How to Handle Exceptions in PHP481
how-tos, tips-and-tricks, php, errors
How People Read Online480
accessibility, content, readability, user-experience
Are You Testing to Test, or Testing to Prove?479
testing, processes
What Is “ref()” in Vue?478
vuejs
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 Coolest JavaScript Features From the Last 5 Years474
javascript, retrospectives
The Evolution of Signals in JavaScript (rya/thi)473
javascript, signals
The Ultimate Guide to Web Development Tools (sta)472
guides, tooling, link-lists
Simplified Dark Mode With Style Queries (5t3)471
css, style-queries, dark-mode
Introduction to Ghost CMS470
introductions, ghost, content-management
22 Useful CSS Tips and Tricks Every Developer Should Know469
css, tips-and-tricks
Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (ami)468
tailwind, css, dev-tools, chrome, google, browsers, testing
Dithering Images With React/JavaScript467
images, dithering, react, javascript
Designers, Use Your intuition466
design, collaboration
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 Contribute to a Project You Have No Idea About462
how-tos, foss, processes, community
How to Style Your Alt Text (ede)461
how-tos, css, accessibility, alt-text, images
Is It Time to Replace Sass? (5t3)460
sass, lightning-css, preprocessors
Learn CSS Positioning (sha)459
css, positioning, layout
Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook458
guides, vuejs, vuetify, storybook
Process CSS or Sass With Lightning CSS (5t3)457
eleventy, css, sass, lightning-css, preprocessors, postprocessors
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
Prepare for Chrome’s User Agent [String] Reduction451
videos, browsers, google, chrome, feature-detection
Getting Started With Style Queries (una)450
css, style-queries, introductions
7 Essential React Libraries for Front-End Web Development449
react, libraries, link-lists
All About Promises in JavaScript448
javascript, promises
Experiments With the JavaScript Garbage Collector447
javascript, garbage-collection, experiments
Investing in RSS (tka)446
rss, syndication
Node.js Toolbox445
websites, nodejs, packages, dependencies
Privacy Principles (rob+/w3c)444
privacy, principles
Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (mni)443
accessibility
16 Best CSS Books for Beginners and Advanced Coders442
books, css, link-lists
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
Open Captions vs. Closed Captions: What’s the Difference?438
accessibility, captions, comparisons
The Great Gaslighting of the JavaScript Era (jar)437
javascript, frameworks, web-platform
The Page With No Code (chr)436
minimalism, http, css
Thoughts on Dev Rel in the Post-Twitter Era435
developer-relations, social-media, community
Understanding Easing and Cubic Bézier Curves in CSS (col)434
css, transitions, animations
Understanding the Difference Between Props and State in React433
react, props, state-management, comparisons
What Framework Should I Use? (cfe)432
frameworks
Where Does Developer Relations Belong in an Organization?431
developer-relations, processes
The State of Node.js Core (cji/thi)430
videos, nodejs
When JavaScript Fails (jas)429
javascript
Learn Privacy (sil)428
courses, privacy
Fingerprinting427
fingerprinting, privacy, browsers
The Importance of Adding Accessibility Design Reviews to the Design Process (dav)426
accessibility, design, processes
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
Learn All About Node.js Worker Threads With Examples422
nodejs, worker-threads, examples
Not Everyone Uses a Computer in the Same Way That You Do (hdv)421
videos, accessibility
React Libraries for 2023 (rwi)420
react, libraries, link-lists
Style File Selector Button Using CSS (ami)419
buttons, css
Understanding the Cost of Not Being Accessible (kar)418
accessibility, economics
Use the Child-Element Count in CSS (kev)417
css, selectors
“(255,255,255)” Is the Highest Specificity (bra)416
css, selectors, cascade
The Rise and Fall of Ext JS—a Long Overdue Reply and Apology415
extjs
Surviving Design Systems414
design-systems
The State of JS Frameworks (rya+)413
podcasts, javascript, frameworks
Quick Tip: How to Trim Whitespace With PHP412
how-tos, tips-and-tricks, whitespace, php
Ethical Alternatives to Revenue-Generating Deceptive Patterns411
ethics, dark-patterns, monetization, user-experience
“Make It Easier” Is Not a Product Strategy (pav)410
user-experience, product-management, strategies
Updating a Design System409
design-systems, maintenance
All About Iterative Design (uxm)408
design, processes
Arranging Diamond Tiles in a Grid (ran)407
css, grids, layout
Avoid Spanning Table Headers (aar)406
accessibility, assistive-tech, html, tables
Create a Rainbow-Coloured List With “:nth-of-type()” (rac)405
lists, css, selectors, colors
How to Cheat at CSS (des)404
how-tos, css, frameworks, overviews, link-lists
How to Password-Protect a Static HTML Page With No JS (ede)403
how-tos, security, css, fonts
Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (eli)402
accessibility, dei, processes
Keys to an Accessibility Mindset (sma)401
accessibility, design
SSL Certificates Explained400
videos, certificates, ssl, protocols, security
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)399
css, images, aspect-ratio
CSS Property “contain” Explained398
videos, css, containment
Component Specifications (nat)397
design-systems, components, documentation
Last Baseline Alignment (rac)396
css, layout, support, browsers
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
community, learning
CSS Through the Ages391
css, history
Top Ten Popular Static Site Generators (SSG) in 2023390
static-site-generation, site-generators, comparisons, jekyll, eleventy, hugo, gatsby, nextjs, nuxt, link-lists
To Sketch or Not to Sketch?389
design, ai
A Step-by-Step Guide to Building Accessible Carousels (swe/sma)388
guides, carousels, accessibility, html, user-experience
How to Build Offline Web Applications387
how-tos, offline, web-apps
If You’re Going to Do a Job, Do It Properly (tem)386
accessibility, css
Unlocking the Power of Design to Help Users Make Smart Decisions (web)385
design, tips-and-tricks
Using Node Watch Instead of Nodemon384
nodejs, tooling
Encapsulating CSS With Shadow DOM383
shadow-dom, dom, css, javascript
Resizing With CSS (mic)382
css, resizing