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. Hide

Frontend Dogma

“2023” News Archive (5)

Entry (Sources) and Additional TopicsDate#
5 Code Refactoring Techniques to Improve Your Code883
refactoring, maintenance, techniques
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)882
videos, introductions, performance, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 168 (jon/web)881
release-notes, browsers, safari
Introducing npm Package Provenance880
introductions, npm, provenance, security, foss
Visually Accessible Data Visualization879
accessibility, information-design
8 Best Tools for Cryptography and Encryption (sta)878
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
How to Create an SEO Strategy (moz)877
how-tos, seo, strategies
Kubernetes Quick Tutorial876
tutorials, kubernetes
Node.js 20 Is Now Available! (nod)875
nodejs, release-notes
What’s New in ECMAScript 2023 (paw)874
ecmascript, standards
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store873
liquid, shopify, customization, tips-and-tricks
Container Query Units and Fluid Typography (5t3)872
css, container-queries, typography, liquid-design
Starting a New Kirby Project (mat)871
kirby
Signals: Fine-Grained Reactivity for JavaScript Frameworks870
javascript, reactivity, signals, frameworks
The Three Browser Storage Mechanisms869
browser-storage, cookies, comparisons
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)868
accessibility, multimedia, experiments
10 Common Mistakes in Angular Development867
angular, mistakes, best-practices
DevTools: A Better Way to Visualize Your JavaScript866
dev-tools, visualization, browsers, performance, lighthouse, chrome, edge
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?865
how-tos, cloudfront, caching
A List of Programming Playgrounds (b0r)864
programming, link-lists, testing
Answering “What ARIA Can I Use?” (w3c)863
accessibility, aria, browsers, screen-readers, assistive-tech, support
Business Impacts of UI Design and UX Design (uxm)862
design, economics
It’s Very Likely That… (mat)861
html, semantics, buttons, modals
Using a Muted Color Palette in Web Design (uxm)860
design, colors, color-palettes
What Is Design Thinking? (sma)859
design
Building a Static Site With Eleventy and Tailwind858
eleventy, tailwind
You Are What You Measure857
videos, metrics
Deno vs. Node: No One Is Ready for the Move856
deno, nodejs, dependencies, comparisons
All About the Semantic Web855
semantic-web, concepts
Firefox May Soon Reject Cookie Prompts Automatically854
cookies, legal, user-experience, firefox
My Favorite Courses to Learn Microservices in Depth853
courses, training, microservices, link-lists
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)852
css, media-queries, performance, sustainability
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)851
javascript, performance, plugins
The Acronyms of Rendering on the Web (whi)850
rendering, server-side-rendering, client-side-rendering, terminology
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)849
information-architecture, information-scent, usability, mistakes
Exploring “:has()” Again (mic)848
css, selectors
Angular 16 Is Huge847
angular
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
Costly CSS Properties and How to Optimize Them835
css, performance, optimization
Memory Allocation (sam)834
memory, programming, visualization
The Pros and Cons of Different UI Automation Test Tools—Puppeteer833
automation, testing, puppeteer
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers832
accessibility, assistive-tech, screen-magnification
10 Best Sorting Algorithms Explained831
sorting, algorithms
Embracing AI as a Material for Design830
design, ai, content
A History of the World Wide Web From 1989 to the Present Day829
history, web
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec)828
videos, dev-tools, browsers, chrome, debugging, testing, css, release-notes
How to Work With Dates and Times in Vanilla JavaScript (cfe)827
how-tos, javascript
Passkeys: What the Heck and Why? (css)826
security, passkeys
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)825
videos, slides, accessibility, processes
Angular Is Back With a Vengeance (fir)824
videos, angular
Solving the CSS Layout and Source Order Disconnect (rac)823
css, layout, source-order
Transparent Video for the Web in 2023 (cla)822
multimedia, transparency+opacity
CSS: Tricks for Targeting Elements With CSS821
css, selectors, tips-and-tricks
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
Shallow vs. Deep Copying in JavaScript815
javascript, comparisons
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience814
videos, accessibility, design-systems, dei, user-experience
Advanced Figma Components Tips and Tricks: Little Gems We Love813
figma, components, design, tips-and-tricks
A Designers Guide to the Principles of Web Design812
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)811
browsers, firefox, cookies, privacy
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
Formulating Your Product Design North Star (aka Design Principles)803
design, principles, processes
React, Visualized802
introductions, react, visualization
Building Pagination in React With React Paginate801
react, navigation, pagination
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide800
guides, career, learning
CSS Text Balancing With “text-wrap: balance” (sha)799
css, typography
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)798
css, dark-mode
Why Astro Is My Favorite Framework (mrt)797
astro, frameworks
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup796
bundling, tooling, webpack, parcel, rollup, comparisons
The Real Difference Between “useMemo” and “Memo” in React795
react, hooks, performance, examples
Boost Your JavaScript With JSDoc Typing794
javascript, typescript, documentation, jsdoc
Mastering Yarn’s Lifecycle With Hooks793
yarn, hooks
Understanding Apache Web Server Configuration792
servers, apache, configuration
What’s New in CSS? (bra)791
slides, css
TIL: API for Saving Webpages in the Wayback Machine790
apis, internet-archive
Choosing Humanity Over Automation789
ai, design, automation
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
The Pattern to Make Your Frontend Tests 10× Better786
testing
Advancing Your Tech Skills (wom)785
career, learning
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting784
zx, shells, command-line
DevTools: A Clever Overview of All Your CSS Code783
browsers, dev-tools, auditing, css, chrome
Stream File Uploads to S3 Object Storage and Save Money (aus)782
s3, streaming, storage, economics
Chasing Rainbows (ver)781
accessibility, colors, color-blindness, user-experience
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
Observing CSS773
css, javascript, monitoring
Foundations: Accessible Names and Descriptions (ihe/tet)772
accessibility, fundamentals, naming, writing, aria
The Alt Text War—SEO vs. Accessibility771
accessibility, seo, images, writing, alt-text, comparisons
What’s New in WCAG 2.2?770
accessibility, wcag, standards
7 Tips for Getting Started With Vue.js769
videos, vuejs, tips-and-tricks
Designing for Reduced Motion768
accessibility, animations, reduced-motion, css, media-queries, javascript
Release Notes for Safari Technology Preview 167 (jon/web)767
release-notes, browsers, safari
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript766
guides, javascript, memory, garbage-collection
The Death of JPEG-XL765
jpeg-xl, images
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
Five Pieces of Advice for More Accessible Websites (cit)752
accessibility, html
What Is a Design System and Why Should You Use One? (uxm)751
design-systems
Copy to Clipboard in JavaScript and React750
javascript, react
Slow Start and Congestion Control (Browser Networking)749
performance, protocols, tcp
Quick Tip: Pull Data From an API Into a Figma Layer (dxn)748
tips-and-tricks, apis, figma, design
So, How Can We Measure UX?747
user-experience, metrics
JSON vs. XML With Douglas Crockford (dou)746
podcasts, interviews, json, xml, comparisons, history
Safari Releases Are Development Hell745
browsers, safari, support
How WebAssembly Is Accelerating New Web Functionality744
webassembly, functionality
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
Why Do They Ignore My Awesome Design Documentation?739
design, documentation
7 Tricks to Take the Performance of Your Website to the Moon738
performance, minification, tree-shaking, tips-and-tricks
Modern HTML Email (Tables No Longer Required) (oll)737
html, email, tables
10 Ways to Hide Elements in CSS (cra)736
hiding, css, accessibility, performance
Convert PNG to JPG Using FFmpeg (ama)735
images, png, jpeg, conversion, tooling
Folder Structure for Modern Web Applications734
architecture, web-apps
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps733
guides, accessibility, testing, automation, ci-cd, react
We Need Accessibility Action (yat)732
accessibility, web
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
On-Page SEO Checklist: The Complete Task List for 2023 (sem)728
seo, checklists, html, semantics
The Pros and Cons of Different UI Automation Test Tools—Playwright727
automation, testing, playwright
DevTools: Getting Data From DevTools Into Your Code Editor726
dev-tools, browsers, code-editors
New to the Web Platform in March (rac)725
release-notes, web-platform, browsers, chrome, firefox, safari
Checkered Background Using Two Lines of Code in CSS (ami+)724
backgrounds, css
CSS Masking (sha)723
css, masking
Why I Quit Being a Tech “Influencer”722
career
Why JavaScript Is a Prototype-Based OOP721
javascript, oop
Clojure Transducers: Your Composable Data Pipelines (jan)720
clojure, functions
What Are Source Maps? (jec)719
videos, debugging, javascript, source-maps
AWS CloudFront Tutorial: Setup and Configuration718
tutorials, aws, cloudfront, content-delivery, configuration
From Burnout to Balance: Why Are So Many UX Designers Fatigued?717
career, productivity, user-experience, design
One in Two New npm Packages Is SEO Spam Right Now716
npm, seo
XUL Layout Is Gone715
history, xul, browsers, firefox
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
How to Use Google Fonts and “font-display”711
how-tos, google, fonts, css
Using PHP Arrays: A Guide for Beginners710
guides, php, arrays
HTML: Help Users to Download Files With the HTML “download” Attribute709
html, attributes
Usability Heuristics in Game Design708
usability, heuristics, design
Framework Popularity on Netlify (sel)707
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
Flutter Performance Optimization Techniques and Best Practices706
flutter, performance, optimization, best-practices
10 AI Tools for Content Writing (sta)705
tooling, link-lists, content, writing, ai
File Uploads for the Web: File Uploads in Node and Nuxt (aus)704
file-handling, nodejs, nuxt
Guardrails for Better Accessibility Support in Frontend (net)703
accessibility, quality, tooling
How to Split an Angular App Into Micro-Frontend Apps702
how-tos, angular, micro-frontends, web-apps
Improving CSS Shapes With Trigonometric Functions (dan)701
css, shapes, functions
In Praise of Vite (spa/clo)700
vite
Connecting Dots of an Accessibility Audit699
accessibility, auditing
How to Write an Accessibility Statement (ger)698
how-tos, accessibility, documentation, writing
JavaScript Import Maps Are Now Supported Cross-Browser (tom)697
javascript, import-maps, browsers, support
How to Review and Refactor Code With GPT-4 (and ChatGPT)696
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
Accessibility vs. Emojis695
accessibility, emoji, unicode, comparisons
TypeScript Function Types: A Beginner’s Guide694
guides, typescript, functions
Meet Arc, a New Innovative Browser That Challenges Chrome693
browsers, arc, chrome
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
Getting Started With HTML Tables686
html, tables, introductions
Mastering the JavaScript “switch” Statement685
javascript
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
The State of JS Frameworks (cfe/log)674
podcasts, javascript, frameworks, libraries
What Is Strict Mode in React?673
react
WYSIWYGPT (cod)672
ai, career
The IL1 Typography Test (nng)671
videos, typography, legibility, user-experience, testing
Usability 101 (nng)670
videos, usability
CSS “overflow” Property669
css, overflow
The Causes of Unreliable Software668
research, complexity, maintainability, reliability
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)667
guides, nodejs, event-loop, events
Circular Text With CSS? (jhe)666
css
The Machines Won’t Save Your Design System (hey)665
design-systems, ai
The Ultimate Guide to Image Optimisation (fox/cal)664
guides, images, performance, compression, optimization
DevTools: Convert Network Requests to Code, or Even to a Terminal Command663
dev-tools, browsers, network, command-line
What We’ve Learned About Designing for Accessibility From Our Users (sla)662
accessibility, design
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II661
accessibility, design, design-systems
Everything You Wanted to Know About Video Storage APIs660
multimedia, storage, apis
Certifications Should Be Hard (kar)659
accessibility, career, training, learning
npx: The Easy Way to Run Node.js Packages658
nodejs, dependencies, npx
5 Lesser-Known Spacing Tips for Product Designers657
design, spacing
Automatic npm Publishing With GitHub Actions and npm Granular Tokens (pim)656
npm, github-actions, automation
Some Cross-Browser DevTools Features You Might Not Know (css)655
dev-tools, browsers, chrome, firefox, safari
Annotating Designs for Accessibility (int)654
videos, accessibility, design
File Uploads for the Web: Upload Files With JavaScript (aus)653
file-handling, javascript
How to Start a React Project in 2023 (rwi)652
how-tos, react
State of Node.js 2023 (jas+/thi)651
videos, nodejs
That Time When SVG Almost Got Network Support for Raw Sockets650
svg, network, history
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)649
hiding, accessibility, browsers, screen-readers, assistive-tech, css
When Is “:focus-visible” Visible? (ire)648
accessibility, css, selectors
With or Without the JS Framework (cit)647
javascript, frameworks, career
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution646
semantic-web
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)645
eleventy
The Carbon Cost of Social Media644
sustainability, social-media
7 Ways Web Developers and UX Designers Can Collaborate (uxm)643
collaboration, processes
CSS Is Dead! (alv)642
css
Preventing Too-Short Final Lines of Text Blocks (ric)641
css, typography
Regression Testing in the Agile Universe (uxm)640
agile, processes, testing, regressions
The 5 Best Status Page Tools (sta)639
tooling, monitoring, alerting, link-lists
The Age of Average638
design
The Cost of Craft637
craft, quality, complexity, processes
The End of Front-End Development (jos)636
outlooks, career, html
The Intersection of Data Visualization and UX Design (uxm)635
information-design, user-experience, design
Why We Added package.json Support to Deno (tin/den)634
deno, support, nodejs, npm
What Is Git Merge and How to Use It?633
git
Rich Harris Talks SvelteKit and What’s Next for Svelte632
interviews, svelte, sveltekit
5 Ways to Modernize Your Web Application631
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability
Introduction to Flutter: Getting Started With Cross-Platform Development630
introductions, flutter
Laying Out a Print Book With CSS629
print, css
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)628
javascript, performance, bundling, npm
Using “forRoot()” and “forChild()” in Angular627
angular
Time Zone Conversion With PHP626
php, time, conversion
Deep Dive Into How Web Browsers Work (With Illustrations)625
browsers, rendering, deep-dives
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
Time to Move on From Nunjucks? (bry)622
template-engines, nunjucks, webc, liquid, javascript
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language621
javascript
The Next Wave of Design Systems Will Be AI-Driven620
design-systems, ai, outlooks
Cryptographically Protecting Your SPA619
single-page-apps, security, cryptography
Everything You Need to Know About the Updated React Docs618
react, documentation
Hijacking Screenreaders With CSS (ben/deq)617
videos, accessibility, screen-readers, css
The Problem With React616
react
5 Tips for New Prototypers (nng)615
videos, prototyping, tips-and-tricks
Responsive Columns Without Media Queries614
css, flexbox, layout, responsive-design
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?613
ssi
Foundations: Pointer Gestures (gra/tpg)612
accessibility, fundamentals, usability
How Screen Readers Read Special Characters: An Update (ele)611
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
DevTools: Tricks for Copying the Styling From Any Website608
dev-tools, css, browsers, chrome
Accessibility Beyond Code Compliance (aar)607
accessibility, compliance
Internationalization in Next.js 13 With React Server Components (sma)606
internationalization, nextjs, react, components
JavaScript Polyfills605
javascript, polyfills
Scraping Single-Page Applications With Playwright (api)604
scraping, single-page-apps, playwright
Versioning Design Tokens603
design-tokens, versioning, maintainability
Accessibility and Design Systems: The Deep-Dive Q&A (ger+)602
interviews, accessibility, design-systems, deep-dives
It’s About Time CAPTCHAs Become Accessible601
accessibility, captcha
DevTools: Faster Searching in DevTools With CSS Selectors600
dev-tools, css, selectors, browsers, chrome
The Ultimate Guide to Micro-Content599
guides, content, microcontent
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)598
github, foss, community
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)597
offline, browser-storage, web-apps
Future CSS: Anchor Positioning (kiz)596
css, anchor-positioning, experiments
Git Fundamentals, a Complete Guide595
guides, git, fundamentals
JavaScript for Beginners: Data Structures594
javascript, data-structures, arrays, objects
The H1 Conundrum: Understanding the Challenges of Heading Level One593
accessibility, semantics, headings, html
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg)592
css
Notes on Podman591
podman
What Are Webhooks and How Do They Work590
webhooks, apis
Advice From a Software Engineer With 8 Years of Experience589
career
Fix Color Contrast—Web Accessibility for Text and UI Design (pim)588
accessibility, colors, contrast
Modern Font Stacks587
websites, fonts, typography
Progressively Enhancing a Table With a Web Component (ray)586
html, javascript, tables, web-components, progressive-enhancement
TCP Echo Server for Node.js585
servers, nodejs, tcp
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)584
design, layout
How Design Is Governance583
design
Accepting Design (fab)582
design
JavaScript: Automatically Remove an Event Listener After It Has Executed581
javascript, events
Circling Back on Design and Everything Else580
design
16 Little UI Design Tips That Make a Big Impact579
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography
VS Code vs. WebStorm: A Comparison for Newbies578
code-editors, vs-code, webstorm, comparisons
Useful Tips and Tricks for Laravel577
tips-and-tricks, laravel
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
Making Calendars With Accessibility and Internationalization in Mind (sto/css)574
functionality, accessibility, internationalization
The Ternary Operator in JavaScript (cfe)573
javascript, operators
What Is the Cost of Designing a Mobile App? (uxm)572
economics, mobile
Why Aren’t Logical Properties Taking Over Everything? (chr)571
css, logical-properties, internationalization
Introduction to Offline First Web Applications570
videos, offline, web-apps
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
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
Building Complex Forms in Vue (sma)558
forms, vuejs
Craft vs. Industry: Separating Concerns (nac)557
quality, economics, maintainability, craft, comparisons
Evolving Custom Sliders (sib/tpg)556
sliders, javascript, css
Exploring Bundling in Lightning CSS (log)555
css, minification, bundling, linting, lightning-css
File Uploads for the Web: Uploading Files With HTML (aus)554
file-handling, html
One Problem That Is Now Solved by CSS Subgrid553
css, grids, layout
Selecting Previous Siblings With CSS “:has()”552
css, selectors
TypeScript’s Migration to Modules (dan/typ)551
typescript, modules, esm, commonjs, migrating
Vue vs. React: Everything You Need to Know550
vuejs, react, comparisons
Web Cookies With a Taste of Privacy549
cookies, privacy, user-experience
All JavaScript and TypeScript Features From the Last 3 Years548
javascript, typescript, history
Cover All the Codebases: A Guide to Code Coverage Tools547
guides, code-coverage, testing, tooling, link-lists
SPA View Transitions Land in Chrome 111 (jaf)546
apis, view-transitions, release-notes, browsers, chrome
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
HTML Garden528
websites, html, art
Managing Fonts in WordPress Block Themes (css)527
fonts, wordpress, theming
The AI Future of Frontend Development (hcr)526
ai, career
What Value Does Developer Relations Bring to Other Teams?525
developer-relations, processes
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond524
flutter, best-practices
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
Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (sma)512
case-studies, vuejs, migrating, headless, content-management
Responsive Headlines Are About to Get Awesome (tyl/clo)511
css, headings, typography, responsive-design
Signals in Angular: The Future of Change Detection510
angular, signals
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)509
videos, accessibility, captions, youtube
Are You Making These Five Mistakes When Writing Alt Text?508
accessibility, writing, alt-text, images, mistakes
The Art of Unlearning507
learning, design
Introduction to UIkit506
introductions, uikit
A Beginner’s Guide to Manual Accessibility Testing (pop)505
guides, accessibility, testing
Announcing TypeScript 5.0 RC (dan/typ)504
typescript, release-notes
Declarative Design (ada/btc)503
videos, design
Learn How to Set Up a CI/CD Pipeline From Scratch502
how-tos, ci-cd
React vs. Signals: 10 Years Later (rya/thi)501
react, signals, javascript, comparisons, retrospectives
The Web Needs a Native “.visually-hidden” (ben)500
css, accessibility
The WebAIM Strategic Accessibility Framework (web)499
accessibility, webaim, strategies
Throttle Your CPU (pat/dev)498
browsers, dev-tools, testing, throttling
Unlocking SVG’s Superpowers (btc)497
videos, svg, images
What Is Hoisting in JavaScript? (fro)496
javascript, scope, concepts
A Native “Visually Hidden” in CSS? Yes Please! (mic)495
hiding, accessibility, browsers, screen-readers, assistive-tech, css
Tether Elements to Each Other With CSS Anchor Positioning (jhe)494
css, anchor-positioning, focus, apis, examples
You Don’t Need a Build Step (den)493
building, tooling, deno
Why You Need to Code Every Day When You’re Learning to Program492
programming, processes, learning
Accessible but Never Boring: Rebranding the Wise Design System for Everyone491
accessibility, design, design-systems
How We Built Our Multi-Platform Design System at Booking.com490
case-studies, design-systems, theming, scalability
Relative Rounded Corners (bel)489
html, css
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
How People Read Online482
accessibility, content, readability, user-experience
Are You Testing to Test, or Testing to Prove?481
testing, processes
What Is “ref()” in Vue?480
vuejs
Could We Make the Web More Immersive Using a Simple Optical Illusion?479
experiments, user-experience, spatial-web
The Seven Archetypes of Organizational Topologies478
processes, agile
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
Dithering Images With React/JavaScript468
images, dithering, react, javascript
Designers, Use Your intuition467
design, collaboration
Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (ami)466
tailwind, css, dev-tools, chrome, browsers, testing
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
Getting Started With Style Queries (una)451
css, style-queries, introductions
Prepare for Chrome’s User Agent [String] Reduction450
videos, browsers, chrome, feature-detection
All About Promises in JavaScript449
javascript, promises
Investing in RSS (tka)448
rss, syndication
Node.js Toolbox447
websites, nodejs, packages, dependencies
Privacy Principles (rob+/w3c)446
privacy, principles
Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (mni)445
accessibility
16 Best CSS Books for Beginners and Advanced Coders444
books, css, link-lists
7 Essential React Libraries for Front-End Web Development443
react, libraries, link-lists
Experiments With the JavaScript Garbage Collector442
javascript, garbage-collection, experiments
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
Thoughts on Dev Rel in the Post-Twitter Era436
developer-relations, social-media, community
Understanding Easing and Cubic Bézier Curves in CSS (col)435
css, transitions, animations
Understanding the Difference Between Props and State in React434
react, props, state-management, comparisons
What Framework Should I Use? (cfe)433
frameworks
Where Does Developer Relations Belong in an Organization?432
developer-relations, processes
The State of Node.js Core (cji/thi)431
videos, nodejs
When JavaScript Fails (jas)430
javascript
Learn Privacy (sil)429
courses, privacy
Fingerprinting428
fingerprinting, privacy, browsers
The Importance of Adding Accessibility Design Reviews to the Design Process (dav)427
accessibility, design, processes
Open Captions vs. Closed Captions: What’s the Difference?426
accessibility, captions, comparisons
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
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
Last Baseline Alignment (rac)397
css, layout, support, browsers
Component Specifications (nat)396
design-systems, components, documentation
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
Resizing With CSS (mic)384
css, resizing