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

Frontend Dogma

“2023” News Archive (5)

Entry (Sources) and Other Related TopicsDate#
Container Query Units and Fluid Typography (5t3)856
css, container-queries, typography, liquid-design
A List of Programming Playgrounds (b0r)855
programming, link-lists, testing
All About the Semantic Web854
semantic-web, concepts
Answering “What ARIA Can I Use?” (w3c)853
accessibility, aria, browsers, screen-readers, assistive-tech, support
Business Impacts of UI Design and UX Design (uxm)852
design, economics
Deno vs. Node: No One Is Ready for the Move851
deno, nodejs, dependencies, comparisons
Firefox May Soon Reject Cookie Prompts Automatically850
cookies, legal, user-experience, mozilla, firefox
It’s Very Likely That… (mat)849
html, semantics, buttons, modals
Using a Muted Color Palette in Web Design (uxm)848
design, colors, color-palettes
What Is Design Thinking? (sma)847
design
You Are What You Measure846
videos, metrics
Building a Static Site With Eleventy and Tailwind845
eleventy, tailwind
Angular 16 Is Huge844
angular
Exploring “:has()” Again (mic)843
css, selectors
My Favorite Courses to Learn Microservices in Depth842
courses, training, microservices, link-lists
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)841
css, media-queries, performance, sustainability
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)840
javascript, performance, plugins
The Acronyms of Rendering on the Web (whi)839
rendering, server-side-rendering, client-side-rendering, terminology
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)838
information-architecture, information-scent, usability, mistakes
How to Name Design Tokens in a Design System (uxd)837
how-tos, design-tokens, design-systems, naming
Dissecting npm Malware: Five Packages and Their Evil Install Scripts836
npm, security, malware
Lessons of Design (fab/uxd)835
lessons, design
4 Ways to Create an Enum in JavaScript834
javascript
Consume Web Streams From OpenAI Using Vanilla JavaScript833
videos, data-fetching, streaming, ai, openai, javascript
Ping Animation With Minimal CSS (ami)832
css, animations
The “details” Element Is Amazing (fon)831
html, disclosure-widgets
Web Accessibility: A Reference to Creating Inclusive Websites (sta)830
accessibility
What Are User Permissions? Concepts, Examples, and Maintenance829
permissions, authorization, concepts, examples
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)828
design, user-experience, research
10 Best Sorting Algorithms Explained827
sorting, algorithms
11ty and Lit, a Match Made in Heaven for Simple Sites826
eleventy, web-components, lit
A History of the World Wide Web From 1989 to the Present Day825
history, web
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers824
accessibility, assistive-tech, screen-magnification
Costly CSS Properties and How to Optimize Them823
css, performance, optimization
Memory Allocation (sam)822
memory, programming, visualization
The Pros and Cons of Different UI Automation Test Tools—Puppeteer821
automation, testing, puppeteer
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)820
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
Embracing AI as a Material for Design (uxd)819
design, ai, content
Angular Is Back With a Vengeance (fir)818
videos, angular
CSS: Tricks for Targeting Elements With CSS817
css, selectors, tips-and-tricks
How to Work With Dates and Times in Vanilla JavaScript (cfe)816
how-tos, javascript
Passkeys: What the Heck and Why? (css)815
security, passkeys
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)814
videos, slides, accessibility, processes
Solving the CSS Layout and Source Order Disconnect (rac/dev)813
css, layout, source-order
Transparent Video for the Web in 2023 (cla)812
multimedia, transparency
A Designers Guide to the Principles of Web Design811
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience810
videos, accessibility, design-systems, dei, user-experience
Don’t Override Screen Reader Pronunciation (aar)809
accessibility, screen-readers, pronunciation
Expanding Grid Cards With View Transitions (chr)808
css, grids, view-transitions
HTML Accessibility API Mappings 1.0 (ste+/w3c)807
html, accessibility, apis
HTML Dark Mode (bt)806
html, dark-mode
Shallow vs. Deep Copying in JavaScript805
javascript, comparisons
Understanding CSS Preload and Other Resource Hints (log)804
css, performance, hints, preloading
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)803
browsers, mozilla, firefox, cookies, privacy
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)802
figma, components, design, tips-and-tricks
Building Pagination in React With React Paginate801
react, navigation, pagination
Document or Die: The Importance of Writing Things Down in Tech800
documentation, maintainability, link-lists
Load Balancing (sam)799
load-balancing, performance, visualization, architecture
New HTML Element: “search” (alv)798
html, semantics
React, Visualized797
introductions, react, visualization
Temporal Intervals Are Handy in MySQL (ami)796
databases, mysql, time
The Performance Golden Rule Revisited (tka)795
performance, metrics
Trying Node.js Test Runner (bah)794
nodejs, testing
What’s a Basic Use Case for Cascade Layers in CSS? (chr)793
css, cascade, maintainability
Formulating Your Product Design North Star (aka Design Principles) (uxd)792
design, principles, processes
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide791
guides, career, learning
CSS Text Balancing With “text-wrap: balance” (sha)790
css, typography
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)789
css, dark-mode
Why Astro Is My Favorite Framework (mrt)788
astro, frameworks
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup787
bundling, tooling, webpack, parcel, rollup, comparisons
The Real Difference Between “useMemo” and “Memo” in React786
react, hooks, performance, examples
Boost Your JavaScript With JSDoc Typing785
javascript, typescript, documentation, jsdoc
Mastering Yarn’s Lifecycle With Hooks784
yarn, hooks
Understanding Apache Web Server Configuration783
servers, apache, configuration
What’s New in CSS? (bra)782
slides, css
Choosing Humanity Over Automation (uxd)781
ai, design, automation
Chasing Rainbows (ver)780
accessibility, colors, color-blindness, user-experience
DevTools: A Clever Overview of All Your CSS Code779
browsers, dev-tools, auditing, css, google, chrome
It’s Time to Learn OKLCH Color (kei)778
colors, oklch, css
Programming-Language Popularity by GitHub Pull Requests (lem)777
studies, research, programming, comparisons, github, javascript, typescript
Stream File Uploads to S3 Object Storage and Save Money (aus)776
aws, streaming, storage, economics
The Pattern to Make Your Frontend Tests 10× Better775
testing
Advancing Your Tech Skills (wom)774
career, learning
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting773
zx, shell, command-line
10 CSS Animation Tips and Tricks (kev)772
videos, css, animations, tips-and-tricks
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)771
web-components, css, scope, dom, shadow-dom, support
Establishing Metrics for Accessibility ROI (kar)770
accessibility, metrics, economics
Frontend Developer Tries Tailwind for the First Time (zor/css)769
videos, tailwind, css
Unlocking the Power of Design Tokens to Create Dark Mode UI768
design-tokens, dark-mode
7 Tips for Getting Started With Vue.js767
videos, vuejs, tips-and-tricks
Can You Create Beautiful Stroked Text in CSS? (log)766
css, effects
Choosing a Name for Your Design System (bra)765
design-systems, naming
Designing for Reduced Motion764
accessibility, animations, reduced-motion, css, media-queries, javascript
Foundations: Accessible Names and Descriptions (tet)763
accessibility, fundamentals, naming, writing, aria
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript762
guides, javascript, memory, garbage-collection
Observing CSS761
css, javascript, monitoring
Release Notes for Safari Technology Preview 167 (jon/web)760
release-notes, browsers, apple, safari
The Alt Text War—SEO vs. Accessibility759
accessibility, seo, images, writing, alt-text, comparisons
The Death of JPEG-XL758
jpeg-xl, images
What’s New in WCAG 2.2?757
accessibility, wcag, standards
4 GitHub Alternatives for Code Repositories (sta)756
git, link-lists
Code Explanation Using GitHub Copilot (ami)755
github-copilot, ai, learning
New in Chrome 112 (tro/dev)754
release-notes, browsers, google, chrome
Testing Localhost on Multiple Devices (cit)753
testing, environments
The Revenge of the Pop-Up (ver)752
user-experience, anti-patterns, pop-ups
Understanding npm Versioning751
npm, dependencies, versioning, semver
What Is Semantic HTML?750
html, semantics
What Makes a Good Screenshot? (llo/tpg)749
accessibility, images
A Color Wheel With Gradient (css)748
css, colors, gradients, effects, tips-and-tricks
A Small JavaScript Pattern I Enjoy Using (kil)747
javascript
Accessibility for Designers: Where Do I Start? (ste)746
accessibility, design, link-lists
Copy to Clipboard in JavaScript and React745
javascript, react
Exposing Field Errors (aar)744
accessibility, forms, aria, assistive-tech, support
Five Pieces of Advice for More Accessible Websites (cit)743
accessibility, html
How WebAssembly Is Accelerating New Web Functionality (dev)742
webassembly, functionality
JSON vs. XML With Douglas Crockford (dou)741
podcasts, interviews, json, xml, comparisons, history
Quick Tip: Pull Data From an API Into a Figma Layer740
tips-and-tricks, apis, figma, design
Safari Releases Are Development Hell739
browsers, apple, safari, support
Slow Start and Congestion Control (Browser Networking)738
performance, protocols, tcp
What Is a Design System and Why Should You Use One? (uxm)737
design-systems
So, How Can We Measure UX? (uxd)736
user-experience, metrics
10 Ways to Hide Elements in CSS (cra)735
hiding, css, accessibility, performance
7 Tricks to Take the Performance of Your Website to the Moon734
performance, minification, tree-shaking, tips-and-tricks
Modern HTML Email (Tables No Longer Required) (oll)733
html, email, tables
Sticky Page Header Shadow on Scroll (hex)732
css, scrolling, shadows
Syntaxonomy—a Collection of Web Languages (ale)731
websites, training, learning, career, link-lists
The Future of Senior Developers in an AI-Driven World (cod)730
career, ai, code-completion
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)729
accessibility, contrast, colors
Why Do They Ignore My Awesome Design Documentation?728
design, documentation
Convert PNG to JPG Using FFmpeg (ama)727
images, png, jpeg, conversion, tooling
Folder Structure for Modern Web Applications726
architecture, web-apps
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps725
guides, accessibility, testing, automation, ci-cd, react
We Need Accessibility Action (yat)724
accessibility, web
A CSS Selector to Highlight Clickable Elements (seb)723
css, selectors
Alternative Text in the Wild: 5 Alternative Text Examples (pop)722
accessibility, writing, examples
DevTools: Getting Data From DevTools Into Your Code Editor721
dev-tools, browsers, code-editors
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)720
videos, ai, centering
New to the Web Platform in March (rac/dev)719
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
On-Page SEO Checklist: The Complete Task List for 2023 (sem)718
seo, checklists, html, semantics
The Pros and Cons of Different UI Automation Test Tools—Playwright717
automation, testing, playwright
AWS CloudFront Tutorial: Setup and Configuration716
tutorials, aws, cloudfront, content-delivery, configuration
Checkered Background Using Two Lines of Code in CSS (ami+)715
backgrounds, css
CSS Masking (sha)714
css, masking
One in Two New npm Packages Is SEO Spam Right Now713
npm, seo
Why I Quit Being a Tech “Influencer”712
career
Why JavaScript Is a Prototype-Based OOP711
javascript, oop
XUL Layout Is Gone710
history, xul, browsers, mozilla, firefox
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd)709
career, productivity, user-experience, design
What Are Source Maps? (jec/dev)708
videos, debugging, javascript, source-maps
Clojure Transducers: Your Composable Data Pipelines (jan)707
clojure, functions
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)706
sustainability
CSS Nesting (fro)705
css, nesting, sass, comparisons
Flutter Performance Optimization Techniques and Best Practices704
flutter, performance, optimization, best-practices
Framework Popularity on Netlify (sel/net)703
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
How to Use Google Fonts and “font-display”702
how-tos, google, fonts, css
HTML: Help Users to Download Files With the HTML “download” Attribute701
html, attributes
The WebAIM Million (web)700
studies, research, accessibility, metrics
Using PHP Arrays: A Guide for Beginners699
guides, php, arrays
Usability Heuristics in Game Design (uxd)698
usability, heuristics, design
10 AI Tools for Content Writing (sta)697
tooling, link-lists, content, writing, ai
Connecting Dots of an Accessibility Audit696
accessibility, auditing
File Uploads for the Web: File Uploads in Node and Nuxt (aus)695
file-handling, nodejs, nuxt
Guardrails for Better Accessibility Support in Frontend (net)694
accessibility, quality, tooling
How to Review and Refactor Code With GPT-4 (and ChatGPT)693
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
How to Split an Angular App Into Micro-Frontend Apps692
how-tos, angular, micro-frontends, web-apps
Improving CSS Shapes With Trigonometric Functions (dan)691
css, shapes, functions
In Praise of Vite (spa/clo)690
vite
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)689
javascript, import-maps, browsers, support
Meet Arc, a New Innovative Browser That Challenges Chrome688
browsers, arc, the-browser-company, google, chrome
TypeScript Function Types: A Beginner’s Guide687
guides, typescript, functions
How to Write an Accessibility Statement (ger)686
how-tos, accessibility, documentation, writing
Accessibility vs. Emojis (uxd)685
accessibility, emoji, unicode, comparisons
A Quick Guide to Reviewing a VPAT ACR (kar)684
accessibility, vpat-acr, conformance, auditing
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)683
ai, code-completion, productivity
CSS Creator Håkon Wium Lie Interview682
interviews, css
Defaulting on Single Page Applications (SPA) (zac)681
single-page-apps, javascript, performance
Fighting Inter-Component HTML Bloat (eli)680
components, html, semantics, quality
Function Overloading in TypeScript679
typescript, functions
Getting Started With HTML Tables678
html, tables, introductions
Mastering the JavaScript “switch” Statement677
javascript
Introduction to esbuild676
introductions, esbuild, bundling
Using TypeScript Without Compilation (pas)675
typescript
UX Basics: Study Guide (nng)674
guides, fundamentals, user-experience, training, link-lists
UX Principles for AI Products (uxd)673
user-experience, principles, ai
Brief Introduction to Edge Computing672
introductions, edge-computing
CSS-Only Widgets Are Inaccessible (aar)671
accessibility, css
Harnessing GPT-4 for Writing Assistance and Content Creation670
writing, content, social-media, ai
Senior Engineering Strategies for Advanced React and TypeScript (tec)669
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
CSS “overflow” Property668
css, overflow
The Causes of Unreliable Software667
research, complexity, maintainability
The Landscape of npm Packages for CLI Apps666
nodejs, npm, dependencies, command-line
The “search” Element (sco)665
html, accessibility, semantics
The State of JS Frameworks (cfe/log)664
podcasts, javascript, frameworks, libraries
What Is Strict Mode in React?663
react
WYSIWYGPT (cod)662
ai, career
The IL1 Typography Test (nng)661
videos, typography, legibility, user-experience, testing
Usability 101 (nng)660
videos, usability
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)659
guides, nodejs, event-loop, events
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II658
accessibility, design, design-systems
Circular Text With CSS? (jhe)657
css
DevTools: Convert Network Requests to Code, or Even to a Terminal Command656
dev-tools, browsers, network, command-line
Everything You Wanted to Know About Video Storage APIs655
multimedia, storage, apis
The Machines Won’t Save Your Design System (hey)654
design-systems, ai
The Ultimate Guide to Image Optimisation (fox/cal)653
guides, images, performance, compression, optimization
What We’ve Learned About Designing for Accessibility From Our Users652
accessibility, design
Automatic npm Publishing With GitHub Actions and npm Granular Tokens651
npm, github-actions, automation
Certifications Should Be Hard (kar)650
accessibility, career, training, learning
Some Cross-Browser DevTools Features You Might Not Know (css)649
dev-tools, browsers, google, chrome, mozilla, firefox, apple, safari
5 Lesser-Known Spacing Tips for Product Designers (uxd)648
design, spacing
npx: The Easy Way to Run Node.js Packages647
nodejs, dependencies, npx
Annotating Designs for Accessibility (int)646
videos, accessibility, design
File Uploads for the Web: Upload Files With JavaScript (aus)645
file-handling, javascript
How to Start a React Project in 2023 (rwi)644
how-tos, react
State of Node.js 2023 (jas+/thi)643
videos, nodejs
That Time When SVG Almost Got Network Support for Raw Sockets642
svg, network, history
The Carbon Cost of Social Media641
sustainability, social-media
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)640
hiding, accessibility, browsers, screen-readers, assistive-tech, css
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)639
eleventy
When Is “:focus-visible” Visible? (ire)638
accessibility, css, selectors
With or Without the JS Framework (cit)637
javascript, frameworks, career
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution636
semantic-web
5 Ways to Modernize Your Web Application635
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability
7 Ways Web Developers and UX Designers Can Collaborate (uxm)634
collaboration, processes
CSS Is Dead! (alv)633
css
Preventing Too-Short Final Lines of Text Blocks (ric)632
css, typography
Regression Testing in the Agile Universe (uxm)631
agile, processes, testing, regressions
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+/the)630
interviews, svelte, sveltekit
The 5 Best Status Page Tools (sta)629
tooling, monitoring, alerting, link-lists
The Age of Average628
design
The Cost of Craft627
craft, quality, complexity, processes
The End of Front-End Development (jos)626
outlooks, career, html
The Intersection of Data Visualization and UX Design (uxm)625
information-design, user-experience, design
What Is Git Merge and How to Use It?624
git
Why We Added package.json Support to Deno (tin/den)623
deno, support, nodejs, npm
Deep Dive Into How Web Browsers Work (With Illustrations)622
browsers, rendering, deep-dives
Introduction to Flutter: Getting Started With Cross-Platform Development621
introductions, flutter
Laying Out a Print Book With CSS620
print, css
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)619
javascript, performance, bundling, npm
Using “forRoot()” and “forChild()” in Angular618
angular
Time Zone Conversion With PHP617
php, time, conversion
Design System Guide (vit)616
guides, design-systems, link-lists
How to Stop a React Component From Rendering (ami)615
how-tos, react, components, client-side-rendering
Time to Move on From Nunjucks? (bry)614
template-engines, nunjucks, webc, liquid, javascript
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language613
javascript
Cryptographically Protecting Your SPA612
single-page-apps, security, cryptography
DevTools: Tricks for Copying the Styling From Any Website611
dev-tools, css, browsers, google, chrome
Everything You Need to Know About the Updated React Docs610
react, documentation
Hijacking Screenreaders With CSS (ben/deq)609
videos, accessibility, screen-readers, css
How Screen Readers Read Special Characters: An Update608
accessibility, screen-readers, support, unicode
How to Use “v-model” With Form Inputs in Vue607
how-tos, vuejs, forms
Retro-Specifying Fetch/Performance (nom)606
standards, apis, data-fetching
The Problem With React605
react
5 Tips for New Prototypers (nng)604
videos, prototyping, tips-and-tricks
Responsive Columns Without Media Queries603
css, flexbox, layout, responsive-design
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?602
ssi
Foundations: Pointer Gestures (gra/tpg)601
accessibility, fundamentals, usability
Accessibility and Design Systems: The Deep-Dive Q&A600
interviews, accessibility, design-systems, deep-dives
Accessibility Beyond Code Compliance (aar)599
accessibility, compliance
DevTools: Faster Searching in DevTools With CSS Selectors598
dev-tools, css, selectors, browsers, google, chrome
Internationalization in Next.js 13 With React Server Components (sma)597
internationalization, nextjs, react, components
JavaScript Polyfills596
javascript, polyfills
Scraping Single-Page Applications With Playwright (api)595
scraping, single-page-apps, playwright
The Ultimate Guide to Micro-Content594
guides, content, microcontent
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)593
github, foss, community
Versioning Design Tokens592
design-tokens, versioning, maintainability
It’s About Time CAPTCHAs Become Accessible (uxd)591
accessibility, captcha
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg/dev)590
css
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)589
offline, browser-storage, web-apps
Future CSS: Anchor Positioning (kiz)588
css, anchor-positioning, experiments
Git Fundamentals, a Complete Guide587
guides, git, fundamentals
JavaScript for Beginners: Data Structures586
javascript, data-structures, arrays, objects
The H1 Conundrum: Understanding the Challenges of Heading Level One585
accessibility, semantics, headings, html
What Are Webhooks and How Do They Work584
webhooks, apis
16 Little UI Design Tips That Make a Big Impact583
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography
Accepting Design (fab)582
design
Advice From a Software Engineer With 8 Years of Experience581
career
Fix Color Contrast—Web Accessibility for Text and UI Design (pim)580
accessibility, colors, contrast
How Design Is Governance579
design
JavaScript: Automatically Remove an Event Listener After It Has Executed578
javascript, events
Modern Font Stacks577
websites, fonts, typography
Progressively Enhancing a Table With a Web Component (ray)576
html, javascript, tables, web-components, progressive-enhancement
TCP Echo Server for Node.js575
servers, nodejs, tcp
VS Code vs. WebStorm: A Comparison for Newbies574
code-editors, microsoft, vs-code, jetbrains, webstorm, comparisons
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)573
design, layout
Circling Back on Design and Everything Else (uxd)572
design
Useful Tips and Tricks for Laravel571
tips-and-tricks, laravel
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)570
design, mobile, tips-and-tricks
Best Practices for Structuring Accessibility Testing (tpg)569
accessibility, testing, best-practices
Introduction to Offline First Web Applications568
videos, offline, web-apps
Making Calendars With Accessibility and Internationalization in Mind (sto/css)567
functionality, accessibility, internationalization
The Ternary Operator in JavaScript (cfe)566
javascript, operators
What Is the Cost of Designing a Mobile App? (uxm)565
economics, mobile
Why Aren’t Logical Properties Taking Over Everything? (chr)564
css, logical-properties, internationalization
Create and Download Text Files Using JavaScript (ami)563
javascript
We Don’t Need “.visually-hidden” (den)562
accessibility, css, semantics, quality
UX Strategy: Study Guide (nng)561
guides, user-experience, strategies, training, link-lists
“content” Is Your Content?560
css, content, seo, accessibility, maintainability
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi)559
design, processes, myths
Handling CSS Color Fonts With “font-palette” (sta)558
css, colors, fonts
The Ultimate Guide to Becoming a 10× Dev557
guides, productivity, career
View Transitions API: Creating Smooth Page Transitions (sta)556
view-transitions, apis
Books You Can Read to Learn CSS555
books, learning, css
From UX to Growth Design: 5 Principles to Multiply Your Value (uxd)554
user-experience, design, principles
All JavaScript and TypeScript Features From the Last 3 Years553
javascript, typescript, history
Building Complex Forms in Vue (sma)552
forms, vuejs
Cover All the Codebases: A Guide to Code Coverage Tools551
guides, code-coverage, testing, tooling, link-lists
Craft vs. Industry: Separating Concerns (nac)550
quality, economics, maintainability, craft, comparisons
Evolving Custom Sliders (sib/tpg)549
sliders, javascript, css
Exploring Bundling in Lightning CSS (log)548
css, minification, bundling, linting, lightning-css
File Uploads for the Web: Uploading Files With HTML (aus)547
file-handling, html
One Problem That Is Now Solved by CSS Subgrid546
css, grids, layout
Selecting Previous Siblings With CSS “:has()”545
css, selectors
SPA View Transitions Land in Chrome 111 (jaf/dev)544
apis, view-transitions, release-notes, browsers, google, chrome
TypeScript’s Migration to Modules (dan/typ)543
typescript, modules, esm, commonjs, migrating
Vue vs. React: Everything You Need to Know542
vuejs, react, comparisons
Web Cookies With a Taste of Privacy (uxd)541
cookies, privacy, user-experience
ChatGPT and Me (a Recruiter) (vig)540
ai, chatgpt, career, interviewing
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)539
css, functions
CSS Nesting (arg/dev)538
css, nesting
How to Fix: Child Stylesheet Loading Twice (WordPress) (sta)537
how-tos, wordpress, php
I No Longer Understand “prefers-contrast” (kil)536
css, media-queries
My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (hdv)535
accessibility, components
Static Site Generators: What’s Trending Right Now (sta)534
static-site-generation, site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
Tackling Design Debt in Product533
podcasts, design-debt, product-management
The Broken Promise of Atomic CSS532
atomic-css, presentational-html, tailwind, html, css
2023 Web Framework Performance Report (ast)531
frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
An End to Typographic Widows on the Web (ric)530
typography, css
Change Favicon on Switching Browser Tabs in JavaScript (ami)529
images, favicons, javascript
Zebra Stripe Lines of Text Even When They Wrap (chr)528
css
Quick Tip: How to Cache Data in PHP527
how-tos, php, caching, tips-and-tricks
As a User, I Don’t Want To (pav/uxd)526
product-management, agile, user-experience
A Tab Interface Before Its Time (aar)525
html, components
ARIA Live Regions for JavaScript Frameworks (its/log)524
accessibility, aria, live-regions, javascript, frameworks
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond523
flutter, best-practices
HTML Garden522
websites, html, art
Managing Fonts in WordPress Block Themes (css)521
fonts, wordpress, theming
The AI Future of Frontend Development (hcr)520
ai, career
What Value Does Developer Relations Bring to Other Teams?519
developer-relations, processes
The Anatomy of a Good Design: An Analysis of 4 Sites (nng)518
design
10 Helpful JavaScript Utility Functions517
javascript, functions
50.1% Empty Links (mat)516
accessibility, html, links, semantics, seo
Balanced Text Wrapping Is Coming to CSS (ami)515
css, typography
AI-Generated Git Commit Messages514
ai, git, automation, commit-messages
Client-Side JavaScript and React Criticism: What Comes Next? (mol)513
javascript, react, accessibility, performance, resilience, progressive-enhancement
Continuous Growth Is Cancer (cod)512
economics, career
Making the Case for Signals in JavaScript (rya/thi)511
javascript, signals
Optimising Large Contentful Paint (css/btc)510
videos, performance, web-vitals, optimization
The Cost of Architectural Complexity509
research, architecture, complexity, economics
Are You Making These Five Mistakes When Writing Alt Text?508
accessibility, writing, alt-text, images, mistakes
Everything You Need to Know About the Gap After the List Marker (sim/css)507
lists, css
Introduction to UIkit506
introductions, uikit
Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (sma)505
case-studies, vuejs, migrating, headless, content-management
Responsive Headlines Are About to Get Awesome (tyl/clo)504
css, headings, typography, responsive-design
Signals in Angular: The Future of Change Detection503
angular, signals
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)502
videos, accessibility, captions, youtube
The Art of Unlearning (uxd)501
learning, design
A Beginner’s Guide to Manual Accessibility Testing (pop)500
guides, accessibility, testing
A Native “Visually Hidden” in CSS? Yes Please! (mic)499
hiding, accessibility, browsers, screen-readers, assistive-tech, css
Accessible but Never Boring: Rebranding the Wise Design System for Everyone498
accessibility, design, design-systems
Announcing TypeScript 5.0 RC (dan/typ)497
typescript, release-notes
Declarative Design (ada/btc)496
videos, design
How We Built Our Multi-Platform Design System at Booking.com495
case-studies, design-systems, theming, scalability
Learn How to Set Up a CI/CD Pipeline From Scratch494
how-tos, ci-cd
React vs. Signals: 10 Years Later (rya/thi)493
react, signals, javascript, comparisons, retrospectives
Relative Rounded Corners (bel)492
html, css
Tether Elements to Each Other With CSS Anchor Positioning (jhe/dev)491
css, anchor-positioning, focus, apis, examples
The Web Needs a Native “.visually-hidden” (ben)490
css, accessibility
The WebAIM Strategic Accessibility Framework (web)489
accessibility, webaim, strategies
Throttle Your CPU (pat/dev)488
browsers, dev-tools, testing, throttling
Unlocking SVG’s Superpowers (btc)487
videos, svg, images
What Is Hoisting in JavaScript? (fro)486
javascript, scope, concepts
You Don’t Need a Build Step (den)485
building, tooling, deno
Why You Need to Code Every Day When You’re Learning to Program484
programming, processes, learning
Animated Gradient Text in CSS (ami)483
css, animations, gradients
Conformance and Accessibility (j9t)482
accessibility, conformance, quality
Could We Make the Web More Immersive Using a Simple Optical Illusion?481
experiments, user-experience, spatial-web
Ten Tips for Better CSS Transitions and Animations (col)480
css, transitions, animations, tips-and-tricks
The Seven Archetypes of Organizational Topologies479
processes, agile
What Is “ref()” in Vue?478
vuejs
Without Accessibility, There Is No Privacy or Security477
accessibility, privacy, security
Quick Tip: How to Handle Exceptions in PHP476
how-tos, tips-and-tricks, php, errors
How People Read Online (uxd)475
accessibility, content, readability, user-experience
Are You Testing to Test, or Testing to Prove? (uxd)474
testing, processes
Tips for Handling Dependabot, CodeQL, and Secret Scanning Alerts473
security, alerting, dependabot, tips-and-tricks
A Guide to Accessible Form Validation (san/sma)472
guides, forms, validation, accessibility, user-experience
A Guide to CSS “object-view-box” (log)471
guides, css
Introduction to Ghost CMS470
introductions, ghost, content-management
On Container Queries, Responsive Images, and JPEG-XL (gri/clo)469
css, container-queries, images, responsive-design, jpeg-xl
The Coolest JavaScript Features From the Last 5 Years468
javascript, retrospectives
The Evolution of Signals in JavaScript (rya/thi)467
javascript, signals
The Ultimate Guide to Web Development Tools (sta)466
guides, tooling, link-lists
Simplified Dark Mode With Style Queries (5t3)465
css, style-queries, dark-mode
22 Useful CSS Tips and Tricks Every Developer Should Know464
css, tips-and-tricks
Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (ami)463
tailwind, css, dev-tools, chrome, google, browsers, testing
Dithering Images With React/JavaScript462
images, dithering, react, javascript
Designers, Use Your intuition (uxd)461
design, collaboration
Automatic Tag-Based Article Suggestions for Blogs and Astro Websites (nma)460
blogging, astro, automation, functionality
Crawl Weather Using Cypress (bah)459
testing, cypress
CSS Animation Libraries: 10 Popular Choices (sta)458
css, animations, libraries, link-lists
How to Contribute to a Project You Have No Idea About457
how-tos, foss, processes, community
How to Style Your Alt Text (ede)456
how-tos, css, accessibility, alt-text, images
Is It Time to Replace Sass? (5t3)455
sass, lightning-css, preprocessors
Learn CSS Positioning (sha)454
css, positioning, layout
Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook453
guides, vuejs, vuetify, storybook
Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs452
javascript, debugging, tooling, techniques
Process CSS or Sass With Lightning CSS (5t3)451
eleventy, css, sass, lightning-css, preprocessors, postprocessors
In-Depth Guide to CSS Logical Properties (zor/css)450
videos, guides, css, logical-properties
Prepare for Chrome’s User Agent [String] Reduction (dev)449
videos, browsers, google, chrome, feature-detection
The JavaScript Site Generator Review, 2023 (zac)448
site-generators, performance, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
You Have the Users You Have (nng)447
videos, usability, user-experience
3 Common Antipersonas in UX (nng)446
videos, user-experience, personas
Getting Started With Style Queries (una/dev)445
css, style-queries, introductions
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
All About Promises in JavaScript442
javascript, promises
Experiments With the JavaScript Garbage Collector441
javascript, garbage-collection, experiments
Investing in RSS (tka)440
rss, syndication
Node.js Toolbox439
websites, nodejs, packages, dependencies
Privacy Principles (rob+/w3c)438
privacy, principles
Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (mni)437
accessibility
Automatic Captions: Our Experiments and Best Practices (equ)436
accessibility, captions, best-practices, automation
Fingerprinting (dev)435
fingerprinting, privacy, browsers
How Shadow DOM and Accessibility Are in Conflict (sun/iga)434
accessibility, shadow-dom, aria
How to Handle Date and Time With JavaScript (sta)433
how-tos, time, javascript
Learn Privacy (sil/dev)432
courses, privacy
Open Captions vs. Closed Captions: What’s the Difference?431
accessibility, captions, comparisons
The Great Gaslighting of the JavaScript Era (jar)430
javascript, frameworks, web-platform
The Importance of Adding Accessibility Design Reviews to the Design Process429
accessibility, design, processes
The Page With No Code (chr)428
minimalism, http, css
Thoughts on Dev Rel in the Post-Twitter Era427
developer-relations, social-media, community
Understanding Easing and Cubic Bézier Curves in CSS (col)426
css, transitions, animations
Understanding the Difference Between Props and State in React425
react, props, state-management, comparisons
What Framework Should I Use? (cfe)424
frameworks
Where Does Developer Relations Belong in an Organization?423
developer-relations, processes
The State of Node.js Core (cji/thi)422
videos, nodejs
When JavaScript Fails (jas)421
javascript
5 Super Useful CSS Properties That Don’t Get Enough Attention (kev)420
videos, css
ARIA vs. HTML (aar)419
accessibility, html, aria, semantics, comparisons
Design Systems in the Time of AI (bra)418
design-systems, ai
Learn All About Node.js Worker Threads With Examples417
nodejs, worker-threads, examples
Not Everyone Uses a Computer in the Same Way That You Do (hdv)416
videos, accessibility
React Libraries for 2023 (rwi)415
react, libraries, link-lists
Style File Selector Button Using CSS (ami)414
buttons, css
The State of JS Frameworks (rya+)413
podcasts, javascript, frameworks
Understanding the Cost of Not Being Accessible (kar)412
accessibility, economics
Use the Child-Element Count in CSS (kev)411
css, selectors
Quick Tip: How to Trim Whitespace With PHP410
how-tos, tips-and-tricks, whitespace, php
“(255,255,255)” Is the Highest Specificity (bra)409
css, selectors, cascade
The Rise and Fall of Ext JS—a Long Overdue Reply and Apology408
extjs
Surviving Design Systems407
design-systems
Ethical Alternatives to Revenue-Generating Deceptive Patterns (uxd)406
ethics, dark-patterns, monetization, user-experience
Updating a Design System (uxd)405
design-systems, maintenance
“Make It Easier” Is Not a Product Strategy (pav/uxd)404
user-experience, product-management, strategies
All About Iterative Design (uxm)403
design, processes
Arranging Diamond Tiles in a Grid (ran)402
css, grids, layout
Avoid Spanning Table Headers (aar)401
accessibility, assistive-tech, html, tables
Create a Rainbow-Coloured List With “:nth-of-type()” (rac)400
lists, css, selectors, colors
How to Cheat at CSS (des)399
how-tos, css, frameworks, overviews, link-lists
How to Password-Protect a Static HTML Page With No JS (ede)398
how-tos, security, css, fonts
Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (eli)397
accessibility, dei, processes
Keys to an Accessibility Mindset (sma)396
accessibility, design
Last Baseline Alignment (rac/dev)395
css, layout, support, browsers
SSL Certificates Explained394
videos, certificates, ssl, protocols, security
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)393
css, images, aspect-ratio
Component Specifications (nat)392
design-systems, components, documentation
Do We Need CSS “flex-wrap” Detection? (sha)391
css, flexbox, layout
My CSS Wishlist 2023 (5t3)390
css, wish-lists
Representation of Style (ste)389
html, semantics
The Spirit of CSS-Tricks Is Now Gone (zel)388
community, learning
CSS Through the Ages387
css, history
To Sketch or Not to Sketch? (uxd)386
design, ai
Top Ten Popular Static Site Generators (SSG) in 2023385
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)384
guides, carousels, accessibility, html, user-experience
Declarative Shadow DOM (dev+/dev)383
shadow-dom, dom, html
How to Build Offline Web Applications382
how-tos, offline, web-apps
If You’re Going to Do a Job, Do It Properly (tem)381
accessibility, css
Resizing With CSS (mic)380
css, resizing
Unlocking the Power of Design to Help Users Make Smart Decisions (web)379
design, tips-and-tricks
Using Node Watch Instead of Nodemon378
nodejs, tooling
Software Accessibility for Users With Attention Deficit Disorder (ADHD) (uxd)377
accessibility
Encapsulating CSS With Shadow DOM376
shadow-dom, dom, css, javascript
Don’t Use 403s or 404s for Rate Limiting (met)375
http, content-delivery, google, search, seo
Building an Animated SVG Logo With animejs374
svg, images, logos, animations, vuejs
Buttons, Links, and Focus (tem)373
accessibility, semantics, buttons, links, focus
ChatGPT Can Write Good CSS? (zor/css)372
videos, ai, chatgpt, css
How to Use View Transitions in Hotwire Turbo371
how-tos, css, view-transitions, hotwire
How to Use WebSockets in a Redux Application370
how-tos, websockets, redux, react
Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (bka+/iga)369
videos, web-platform, browsers, economics
My 2023 CSS Wishlist (jim)368
css, wish-lists
PHP Wishlist: The Pipe Operator (seb)367
php, wish-lists
Scaling Accessibility Through Design Systems (ste+)366
videos, design-systems, accessibility, scalability
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)365
accessibility, screen-readers, semantics, html
The Return to the Office Could Be the Real Reason for the Slump in Productivity364
productivity
What to Expect From Vue in 2023 and How It Differs From React (ric/the)363
vuejs, react, comparisons
Writing JavaScript Without a Build System (b0r)362
javascript, building
A Practical Approach to Automated Accessibility361
accessibility, testing, automation
Angular Reactivity With Signals (ang)360
angular, reactivity, signals
How the Web Works: Understanding the Architecture of the Web359
web-platform, protocols, rendering
Is It Worth Learning JavaScript? Popularity, Salaries, and Future (sta)358
javascript, career
IT Incident Management (tec)357
incident-response