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

dxsrc

“2023” News Archive (5)

Entry (Sources) and Additional TopicsDate#
Generating Provenance Statements890
npm, provenance, security
Using HTML Elements as CSS Masks889
css
Introducing npm Package Provenance888
introductions, npm, provenance, security, foss
Visually Accessible Data Visualization887
accessibility, information-design
Introduction to Web Animations With GSAP886
introductions, animations, javascript, gsap
Why Is Scrum the Most Popular Agile Framework?885
scrum, agile, processes
Release Notes for Safari Technology Preview 168 (jon/web)884
release-notes, browsers, safari
Browser Rendering: What Happens Behind the Scenes (fro)883
browsers, rendering, browser-engines, parsing, painting, dom, cssom
5 Code Refactoring Techniques to Improve Your Code882
refactoring, maintenance, techniques
Productivity and Well-Being: A Summary of What Works881
productivity, career
It’s Time for the Tech Industry to Live Up to Its Ideals880
career, outlooks
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)879
videos, introductions, performance, dev-tools, browsers, chrome
Kubernetes Quick Tutorial878
tutorials, kubernetes
Node.js 20 Is Now Available! (nod)877
nodejs, release-notes
Starting a New Kirby Project (mat)876
kirby
What’s New in ECMAScript 2023 (paw)875
ecmascript, standards
How to Create an SEO Strategy (moz)874
how-tos, seo, strategies
The Three Browser Storage Mechanisms873
browser-storage, cookies, comparisons
10 Common Mistakes in Angular Development872
angular, mistakes, best-practices
Container Query Units and Fluid Typography (5t3)871
css, container-queries, typography, liquid-design
8 Best Tools for Cryptography and Encryption (sta)870
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
DevTools: A Better Way to Visualize Your JavaScript869
dev-tools, visualization, browsers, performance, lighthouse, chrome, edge
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)868
accessibility, multimedia, experiments
Signals: Fine-Grained Reactivity for JavaScript Frameworks867
javascript, reactivity, signals, frameworks
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store866
liquid, shopify, customization, tips-and-tricks
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?865
how-tos, cloudfront, caching
It’s Very Likely That… (mat)864
html, semantics, buttons, modals
What Is Design Thinking? (sma)863
design
You Are What You Measure862
videos, metrics
All About the Semantic Web861
semantic-web, concepts
Answering “What ARIA Can I Use?” (w3c)860
accessibility, aria, browsers, screen-readers, assistive-tech, support
A List of Programming Playgrounds (b0r)859
programming, link-lists, testing
Deno vs. Node: No One Is Ready for the Move858
deno, nodejs, dependencies, comparisons
Using a Muted Color Palette in Web Design (uxm)857
design, colors, color-palettes
Business Impacts of UI Design and UX Design (uxm)856
design, economics
Building a Static Site With Eleventy and Tailwind855
eleventy, tailwind
Firefox May Soon Reject Cookie Prompts Automatically854
cookies, legal, user-experience, firefox
Angular 16 Is Huge853
angular
Exploring “:has()” Again (mic)852
css, selectors
The Acronyms of Rendering on the Web (whi)851
rendering, server-side-rendering, client-side-rendering, terminology
How to Name Design Tokens in a Design System850
how-tos, design-tokens, design-systems, naming
My Favorite Courses to Learn Microservices in Depth849
courses, training, microservices, link-lists
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)848
javascript, performance, plugins
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)847
information-architecture, information-scent, usability, mistakes
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)846
css, media-queries, performance, sustainability
Lessons of Design845
lessons, design
Dissecting npm Malware: Five Packages and Their Evil Install Scripts844
npm, security, malware
The “details” Element Is Amazing (fon)843
html, disclosure-widgets
Ping Animation With Minimal CSS (ami)842
css, animations
4 Ways to Create an Enum in JavaScript841
javascript
Consume Web Streams From OpenAI Using Vanilla JavaScript840
videos, data-fetching, streaming, ai, openai, javascript
What Are User Permissions? Concepts, Examples, and Maintenance839
permissions, authorization, concepts, examples
Web Accessibility: A Reference to Creating Inclusive Websites (sta)838
accessibility
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste837
design, user-experience, research
Memory Allocation (sam)836
memory, programming, visualization
10 Best Sorting Algorithms Explained835
sorting, algorithms
Embracing AI as a Material for Design834
design, ai, content
Costly CSS Properties and How to Optimize Them833
css, performance, optimization
11ty and Lit, a Match Made in Heaven for Simple Sites832
eleventy, web-components, lit
A History of the World Wide Web From 1989 to the Present Day831
history, web
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec)830
videos, dev-tools, browsers, chrome, debugging, testing, css, release-notes
The Pros and Cons of Different UI Automation Test Tools—Puppeteer829
automation, testing, puppeteer
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers828
accessibility, assistive-tech, screen-magnification
Passkeys: What the Heck and Why? (css)827
security, passkeys
Angular Is Back With a Vengeance (fir)826
videos, angular
Transparent Video for the Web in 2023 (cla)825
multimedia, transparency+opacity
CSS: Tricks for Targeting Elements With CSS824
css, selectors, tips-and-tricks
Solving the CSS Layout and Source Order Disconnect823
css, layout, source-order
How to Work With Dates and Times in Vanilla JavaScript (cfe)822
how-tos, javascript
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)821
videos, slides, accessibility, processes
HTML Dark Mode (bt)820
html, dark-mode
HTML Accessibility API Mappings 1.0 (ste+/w3c)819
html, accessibility, apis
Shallow vs. Deep Copying in JavaScript818
javascript, comparisons
Don’t Override Screen Reader Pronunciation (aar)817
accessibility, screen-readers, pronunciation
Expanding Grid Cards With View Transitions (chr)816
css, grids, view-transitions
A Designers Guide to the Principles of Web Design815
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Understanding CSS Preload and Other Resource Hints (log)814
css, performance, hints, preloading
Advanced Figma Components Tips and Tricks: Little Gems We Love813
figma, components, design, tips-and-tricks
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)812
browsers, firefox, cookies, privacy
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience811
videos, accessibility, design-systems, dei, user-experience
Load Balancing (sam)810
load-balancing, performance, visualization, architecture
React, Visualized809
introductions, react, visualization
New HTML Element: “search” (alv)808
html, semantics
Trying Node.js Test Runner (bah)807
nodejs, testing
Temporal Intervals Are Handy in MySQL (ami)806
databases, mysql, time
The Performance Golden Rule Revisited (tka)805
performance, metrics
Building Pagination in React With React Paginate804
react, navigation, pagination
What’s a Basic Use Case for Cascade Layers in CSS? (chr)803
css, cascade, maintainability
Document or Die: The Importance of Writing Things Down in Tech802
documentation, maintainability, link-lists
Formulating Your Product Design North Star (aka Design Principles)801
design, principles, processes
Why Astro Is My Favorite Framework (mrt)800
astro, frameworks
CSS Text Balancing With “text-wrap: balance” (sha)799
css, typography
The Real Difference Between “useMemo” and “Memo” in React798
react, hooks, performance, examples
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)797
css, dark-mode
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide796
guides, career, learning
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup795
bundling, tooling, webpack, parcel, rollup, comparisons
What’s New in CSS? (bra)794
slides, css
Choosing Humanity Over Automation793
ai, design, automation
Mastering Yarn’s Lifecycle With Hooks792
yarn, hooks
Boost Your JavaScript With JSDoc Typing791
javascript, typescript, documentation, jsdoc
Understanding Apache Web Server Configuration790
servers, apache, configuration
TIL: API for Saving Webpages in the Wayback Machine789
apis, internet-archive
Chasing Rainbows (ver)788
accessibility, colors, color-blindness, user-experience
Advancing Your Tech Skills (wom)787
career, learning
It’s Time to Learn OKLCH Color (kei)786
colors, oklch, css
DevTools: A Clever Overview of All Your CSS Code785
browsers, dev-tools, auditing, css, chrome
The Pattern to Make Your Frontend Tests 10× Better784
testing
Programming-Language Popularity by GitHub Pull Requests (lem)783
studies, research, programming, comparisons, github, javascript, typescript
Stream File Uploads to S3 Object Storage and Save Money (aus)782
s3, streaming, storage, economics
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting781
zx, shells, command-line
10 CSS Animation Tips and Tricks (kev)780
videos, css, animations, tips-and-tricks
Establishing Metrics for Accessibility ROI (kar)779
accessibility, metrics, economics
Frontend Developer Tries Tailwind for the First Time (zor/css)778
videos, tailwind, css
Unlocking the Power of Design Tokens to Create Dark Mode UI777
design-tokens, dark-mode
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)776
web-components, css, scope, dom, shadow-dom, support
Observing CSS775
css, javascript, monitoring
The Death of JPEG-XL774
jpeg-xl, images
What’s New in WCAG 2.2?773
accessibility, wcag, standards
Designing for Reduced Motion772
accessibility, animations, reduced-motion, css, media-queries, javascript
7 Tips for Getting Started With Vue.js771
videos, vuejs, tips-and-tricks
The Alt Text War—SEO vs. Accessibility770
accessibility, seo, images, writing, alt-text, comparisons
Choosing a Name for Your Design System (bra)769
design-systems, naming
Can You Create Beautiful Stroked Text in CSS? (log)768
css, effects
Foundations: Accessible Names and Descriptions (ihe/tet)767
accessibility, fundamentals, naming, writing, aria
Release Notes for Safari Technology Preview 167 (jon/web)766
release-notes, browsers, safari
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript765
guides, javascript, memory, garbage-collection
New in Chrome 112 (tro)764
release-notes, browsers, chrome
What Is Semantic HTML? (dav)763
html, semantics
The Revenge of the Pop-Up (ver)762
user-experience, anti-patterns, pop-ups
Understanding npm Versioning761
npm, dependencies, versioning, semver
What Makes a Good Screenshot? (llo/tpg)760
accessibility, images
Code Explanation Using GitHub Copilot (ami)759
github-copilot, ai, learning
Testing Localhost on Multiple Devices (cit)758
testing, environments
4 GitHub Alternatives for Code Repositories (sta)757
git, link-lists
Exposing Field Errors (aar)756
accessibility, forms, aria, assistive-tech, support
So, How Can We Measure UX?755
user-experience, metrics
A Color Wheel With Gradient (css)754
css, colors, gradients, effects, tips-and-tricks
JSON vs. XML With Douglas Crockford (dou)753
podcasts, interviews, json, xml, comparisons, history
Safari Releases Are Development Hell752
browsers, safari, support
A Small JavaScript Pattern I Enjoy Using (kil)751
javascript
Copy to Clipboard in JavaScript and React750
javascript, react
Accessibility for Designers: Where Do I Start? (ste)749
accessibility, design, link-lists
Five Pieces of Advice for More Accessible Websites (cit)748
accessibility, html, tips-and-tricks
Quick Tip: Pull Data From an API Into a Figma Layer (dxn)747
tips-and-tricks, apis, figma, design
What Is a Design System and Why Should You Use One? (uxm)746
design-systems
Slow Start and Congestion Control (Browser Networking)745
performance, protocols, tcp
How WebAssembly Is Accelerating New Web Functionality744
webassembly, functionality
10 Ways to Hide Elements in CSS (cra)743
hiding, css, accessibility, performance
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
Modern HTML Email (Tables No Longer Required) (oll)740
html, email, tables
Why Do They Ignore My Awesome Design Documentation?739
design, documentation
The Future of Senior Developers in an AI-Driven World (cod)738
career, ai, code-completion
7 Tricks to Take the Performance of Your Website to the Moon737
performance, minification, tree-shaking, tips-and-tricks
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)736
accessibility, contrast, colors
We Need Accessibility Action (yat)735
accessibility, web
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
New to the Web Platform in March731
release-notes, web-platform, browsers, chrome, firefox, safari
A CSS Selector to Highlight Clickable Elements (seb)730
css, selectors
On-Page SEO Checklist: The Complete Task List for 2023 (sem)729
seo, checklists, html, semantics
Alternative Text in the Wild: 5 Alternative Text Examples (pop)728
accessibility, writing, examples
DevTools: Getting Data From DevTools Into Your Code Editor727
dev-tools, browsers, code-editors
The Pros and Cons of Different UI Automation Test Tools—Playwright726
automation, testing, playwright
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)725
videos, ai, centering
CSS Masking (sha)724
css, masking
XUL Layout Is Gone723
history, xul, browsers, firefox
What Are Source Maps? (jec)722
videos, debugging, javascript, source-maps
Why I Quit Being a Tech “Influencer”721
career
Why JavaScript Is a Prototype-Based OOP720
javascript, oop
AWS CloudFront Tutorial: Setup and Configuration719
tutorials, aws, cloudfront, content-delivery, configuration
One in Two New npm Packages Is SEO Spam Right Now718
npm, seo
Clojure Transducers: Your Composable Data Pipelines (jan)717
clojure, functions
Checkered Background Using Two Lines of Code in CSS (ami+)716
backgrounds, css
From Burnout to Balance: Why Are So Many UX Designers Fatigued?715
career, productivity, user-experience, design
CSS Nesting (fro)714
css, nesting, sass, comparisons
The WebAIM Million (web)713
studies, research, accessibility, metrics
Framework Popularity on Netlify (sel)712
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
Usability Heuristics in Game Design711
usability, heuristics, design
Using PHP Arrays: A Guide for Beginners710
guides, php, arrays
How to Use Google Fonts and “font-display”709
how-tos, google, fonts, css
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)708
sustainability
Flutter Performance Optimization Techniques and Best Practices707
flutter, performance, optimization, best-practices
HTML: Help Users to Download Files With the HTML “download” Attribute706
html, attributes
In Praise of Vite (spa/clo)705
vite
Accessibility vs. Emojis704
accessibility, emoji, unicode, comparisons
10 AI Tools for Content Writing (sta)703
tooling, link-lists, content, writing, ai
How to Write an Accessibility Statement (ger)702
how-tos, accessibility, documentation, writing
Connecting Dots of an Accessibility Audit701
accessibility, auditing
TypeScript Function Types: A Beginner’s Guide700
guides, typescript, functions
Improving CSS Shapes With Trigonometric Functions (dan)699
css, shapes, functions
How to Split an Angular App Into Micro-Frontend Apps698
how-tos, angular, micro-frontends, web-apps
File Uploads for the Web: File Uploads in Node and Nuxt (aus)697
file-handling, nodejs, nuxt
How to Review and Refactor Code With GPT-4 (and ChatGPT)696
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
JavaScript Import Maps Are Now Supported Cross-Browser (tom)695
javascript, import-maps, browsers, support
Guardrails for Better Accessibility Support in Frontend (net)694
accessibility, quality, tooling
Meet Arc, a New Innovative Browser That Challenges Chrome693
browsers, arc, chrome
Introduction to esbuild692
introductions, esbuild, bundling
Getting Started With HTML Tables691
html, tables, introductions
Function Overloading in TypeScript690
typescript, functions
Fighting Inter-Component HTML Bloat (eli)689
components, html, semantics, quality
CSS Creator Håkon Wium Lie Interview688
interviews, css
A Quick Guide to Reviewing a VPAT ACR (kar)687
accessibility, vpat-acr, conformance, auditing
Mastering the JavaScript “switch” Statement686
javascript
Defaulting on Single Page Applications (SPA) (zac)685
single-page-apps, javascript, performance
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)684
ai, code-completion, productivity
UX Basics: Study Guide (nng)683
guides, fundamentals, user-experience, training, link-lists
UX Principles for AI Products682
user-experience, principles, ai
Using TypeScript Without Compilation (pas)681
typescript
CSS-Only Widgets Are Inaccessible (aar)680
accessibility, css
Brief Introduction to Edge Computing679
introductions, edge-computing
Harnessing GPT-4 for Writing Assistance and Content Creation678
writing, content, social-media, ai
Senior Engineering Strategies for Advanced React and TypeScript (tec)677
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
WYSIWYGPT (cod)676
ai, career
Usability 101 (nng)675
videos, introductions, usability
The “search” Element (sco)674
html, accessibility, semantics
CSS “overflow” Property673
css, overflow
The IL1 Typography Test (nng)672
videos, typography, legibility, user-experience, testing
The State of JS Frameworks (cfe/log)671
podcasts, javascript, frameworks, libraries
What Is Strict Mode in React?670
react
The Causes of Unreliable Software669
research, complexity, maintainability, reliability
The Landscape of npm Packages for CLI Apps668
nodejs, npm, dependencies, command-line
Circular Text With CSS? (jhe)667
css
The Ultimate Guide to Image Optimisation (fox/cal)666
guides, images, performance, compression, optimization
The Machines Won’t Save Your Design System (hey)665
design-systems, ai
Everything You Wanted to Know About Video Storage APIs664
multimedia, storage, apis
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)663
guides, nodejs, event-loop, events
What We’ve Learned About Designing for Accessibility From Our Users (sla)662
accessibility, design
DevTools: Convert Network Requests to Code, or Even to a Terminal Command661
dev-tools, browsers, network, command-line
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II660
accessibility, design, design-systems
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
Some Cross-Browser DevTools Features You Might Not Know (pan/css)656
dev-tools, browsers, chrome, firefox, safari
Automatic npm Publishing With GitHub Actions and npm Granular Tokens (pim)655
npm, github-actions, automation
State of Node.js 2023 (jas+/thi)654
videos, nodejs
When Is “:focus-visible” Visible? (ire)653
accessibility, css, selectors
The Carbon Cost of Social Media652
sustainability, social-media
With or Without the JS Framework (cit)651
javascript, frameworks, career
Annotating Designs for Accessibility (int)650
videos, accessibility, design
How to Start a React Project in 2023 (rwi)649
how-tos, react
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)648
eleventy
File Uploads for the Web: Upload Files With JavaScript (aus)647
file-handling, javascript
That Time When SVG Almost Got Network Support for Raw Sockets646
svg, network, history
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution645
semantic-web
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)644
hiding, accessibility, browsers, screen-readers, assistive-tech, css
CSS Is Dead! (alv)643
css
The Cost of Craft642
craft, quality, complexity, processes
The Age of Average641
design
The 5 Best Status Page Tools (sta)640
tooling, monitoring, alerting, link-lists
The End of Front-End Development (jos)639
outlooks, career, html
What Is Git Merge and How to Use It?638
git
5 Ways to Modernize Your Web Application637
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability
Regression Testing in the Agile Universe (uxm)636
agile, processes, testing, regressions
Why We Added package.json Support to Deno (tin/den)635
deno, support, nodejs, npm
Preventing Too-Short Final Lines of Text Blocks (ric)634
css, typography
The Intersection of Data Visualization and UX Design (uxm)633
information-design, user-experience, design
Rich Harris Talks SvelteKit and What’s Next for Svelte632
interviews, svelte, sveltekit
7 Ways Web Developers and UX Designers Can Collaborate (uxm)631
collaboration, processes
Time Zone Conversion With PHP630
php, time, conversion
Laying Out a Print Book With CSS629
print, css
Using “forRoot()” and “forChild()” in Angular628
angular
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)627
javascript, performance, bundling, npm
Deep Dive Into How Web Browsers Work (With Illustrations)626
browsers, rendering, deep-dives
Introduction to Flutter: Getting Started With Cross-Platform Development625
introductions, flutter
Design System Guide (vit)624
guides, design-systems, link-lists
Time to Move on From Nunjucks? (bry)623
template-engines, nunjucks, webc, liquid, javascript
How to Stop a React Component From Rendering (ami)622
how-tos, react, components, client-side-rendering
The Next Wave of Design Systems Will Be AI-Driven621
design-systems, ai, outlooks
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language620
javascript
The Problem With React619
react
5 Tips for New Prototypers (nng)618
videos, prototyping, tips-and-tricks
Foundations: Pointer Gestures (gra/tpg)617
accessibility, fundamentals, usability
Hijacking Screenreaders With CSS (ben/deq)616
videos, accessibility, screen-readers, css
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?615
ssi
Retro-Specifying Fetch/Performance (nom)614
standards, apis, data-fetching
Cryptographically Protecting Your SPA613
single-page-apps, security, cryptography
Responsive Columns Without Media Queries612
css, flexbox, layout, responsive-design
How to Use “v-model” With Form Inputs in Vue611
how-tos, vuejs, forms
How Screen Readers Read Special Characters: An Update (ele)610
accessibility, screen-readers, support, unicode
DevTools: Tricks for Copying the Styling From Any Website609
dev-tools, css, browsers, chrome
Everything You Need to Know About the Updated React Docs (kat)608
react, documentation
JavaScript Polyfills607
javascript, polyfills
Versioning Design Tokens606
design-tokens, versioning, maintainability
The Ultimate Guide to Micro-Content605
guides, content, microcontent
Accessibility Beyond Code Compliance (aar)604
accessibility, compliance
It’s About Time CAPTCHAs Become Accessible603
accessibility, captcha
Scraping Single-Page Applications With Playwright (api)602
scraping, single-page-apps, playwright
Accessibility and Design Systems: The Deep-Dive Q&A (ger+)601
interviews, accessibility, design-systems, deep-dives
DevTools: Faster Searching in DevTools With CSS Selectors600
dev-tools, css, selectors, browsers, chrome
Internationalization in Next.js 13 With React Server Components (sma)599
internationalization, nextjs, react, components
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)598
github, foss, community
Notes on Podman597
podman
Future CSS: Anchor Positioning (kiz)596
css, anchor-positioning, experiments
Git Fundamentals, a Complete Guide595
guides, git, fundamentals
What Are Webhooks and How Do They Work594
webhooks, apis
JavaScript for Beginners: Data Structures593
javascript, data-structures, arrays, objects
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)592
offline, browser-storage, web-apps
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg)591
css
The H1 Conundrum: Understanding the Challenges of Heading Level One590
accessibility, semantics, headings, html
Accepting Design589
design
Modern Font Stacks588
websites, fonts, typography
How Design Is Governance587
design
TCP Echo Server for Node.js586
servers, nodejs, tcp
Useful Tips and Tricks for Laravel585
tips-and-tricks, laravel
Circling Back on Design and Everything Else584
design
VS Code vs. WebStorm: A Comparison for Newbies583
code-editors, vs-code, webstorm, comparisons
16 Little UI Design Tips That Make a Big Impact582
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography
Progressively Enhancing a Table With a Web Component (ray)581
html, javascript, tables, web-components, progressive-enhancement
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)580
design, layout
Advice From a Software Engineer With 8 Years of Experience579
career, tips-and-tricks
Fix Color Contrast—Web Accessibility for Text and UI Design (pim)578
accessibility, colors, contrast
JavaScript: Automatically Remove an Event Listener After It Has Executed577
javascript, events
The Ternary Operator in JavaScript (cfe)576
javascript, operators
What Is the Cost of Designing a Mobile App? (uxm)575
economics, mobile
Introduction to Offline First Web Applications574
videos, offline, web-apps
Why Aren’t Logical Properties Taking Over Everything? (chr)573
css, logical-properties, internationalization
Best Practices for Structuring Accessibility Testing (tpg)572
accessibility, testing, best-practices
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)571
design, mobile, tips-and-tricks
Making Calendars With Accessibility and Internationalization in Mind (sto/css)570
functionality, accessibility, internationalization
Choose Boring Tools569
tooling
UX Strategy: Study Guide (nng)568
guides, user-experience, strategies, training, link-lists
We Don’t Need “.visually-hidden” (den)567
accessibility, css, semantics, quality
Create and Download Text Files Using JavaScript (ami)566
javascript
“content” Is Your Content?565
css, content, seo, accessibility, maintainability
Books You Can Read to Learn CSS564
books, learning, css
The Ultimate Guide to Becoming a 10× Dev563
guides, productivity, career
Handling CSS Color Fonts With “font-palette” (sta)562
css, colors, fonts
View Transitions API: Creating Smooth Page Transitions (sta)561
view-transitions, apis
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi)560
design, processes, myths
From UX to Growth Design: 5 Principles to Multiply Your Value559
user-experience, design, principles
Evolving Custom Sliders (sib/tpg)558
sliders, javascript, css
Building Complex Forms in Vue (sma)557
forms, vuejs
TypeScript’s Migration to Modules (dan/typ)556
typescript, modules, esm, commonjs, migrating
Exploring Bundling in Lightning CSS (log)555
css, minification, bundling, linting, lightning-css
Web Cookies With a Taste of Privacy554
cookies, privacy, user-experience
Craft vs. Industry: Separating Concerns (nac)553
quality, economics, maintainability, craft, comparisons
SPA View Transitions Land in Chrome 111 (jaf)552
apis, view-transitions, release-notes, browsers, chrome
Selecting Previous Siblings With CSS “:has()”551
css, selectors
Vue vs. React: Everything You Need to Know550
vuejs, react, comparisons
One Problem That Is Now Solved by CSS Subgrid549
css, grids, layout
File Uploads for the Web: Uploading Files With HTML (aus)548
file-handling, html
Cover All the Codebases: A Guide to Code Coverage Tools547
guides, code-coverage, testing, tooling, link-lists
All JavaScript and TypeScript Features From the Last 3 Years546
javascript, typescript, history
CSS Nesting (arg)545
css, nesting
ChatGPT and Me (a Recruiter) (vig)544
ai, chatgpt, career, interviewing
Tackling Design Debt in Product543
podcasts, design-debt, product-management
The Broken Promise of Atomic CSS542
atomic-css, presentational-html, tailwind, html, css
I No Longer Understand “prefers-contrast” (kil)541
css, media-queries
Static Site Generators: What’s Trending Right Now (sta)540
static-site-generation, site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
How to Fix: Child Stylesheet Loading Twice (WordPress) (sta)539
how-tos, wordpress, php
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)538
css, functions
My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (hdv)537
accessibility, components
As a User, I Don’t Want To (pav)536
product-management, agile, user-experience
Quick Tip: How to Cache Data in PHP535
how-tos, php, caching, tips-and-tricks
2023 Web Framework Performance Report534
frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
An End to Typographic Widows on the Web (ric)533
typography, css
Zebra Stripe Lines of Text Even When They Wrap (chr)532
css
Change Favicon on Switching Browser Tabs in JavaScript (ami)531
images, favicons, javascript
HTML Garden530
websites, html, art
A Tab Interface Before Its Time (aar)529
html, components
The AI Future of Frontend Development (hcr)528
ai, career
Managing Fonts in WordPress Block Themes (css)527
fonts, wordpress, theming
ARIA Live Regions for JavaScript Frameworks (its/log)526
accessibility, aria, live-regions, javascript, frameworks
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
50.1% Empty Links (mat)522
accessibility, html, links, semantics, seo
10 Helpful JavaScript Utility Functions521
javascript, functions
Balanced Text Wrapping Is Coming to CSS (ami)520
css, typography
Continuous Growth Is Cancer (cod)519
economics, career
AI-Generated Git Commit Messages518
ai, git, automation, commit-messages
Optimising Large Contentful Paint (css/btc)517
videos, performance, web-vitals, optimization
The Cost of Architectural Complexity516
research, architecture, complexity, economics
Making the Case for Signals in JavaScript (rya/thi)515
javascript, signals
Client-Side JavaScript and React Criticism: What Comes Next?514
javascript, react, accessibility, performance, resilience, progressive-enhancement
Introduction to UIkit513
introductions, uikit
The Art of Unlearning512
learning, design
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 Detection (man)509
angular, signals
Are You Making These Five Mistakes When Writing Alt Text?508
accessibility, writing, alt-text, images, mistakes
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)507
videos, accessibility, captions, youtube
Everything You Need to Know About the Gap After the List Marker (sim/css)506
lists, css
Throttle Your CPU (pat/dev)505
browsers, dev-tools, testing, throttling
Declarative Design (btc)504
videos, design
Relative Rounded Corners (bel)503
html, css
Unlocking SVG’s Superpowers (cas/btc)502
videos, svg, images
You Don’t Need a Build Step (den)501
building, tooling, deno
Announcing TypeScript 5.0 RC (dan/typ)500
typescript, release-notes
What Is Hoisting in JavaScript? (fro)499
javascript, scope, concepts
React vs. Signals: 10 Years Later (rya/thi)498
react, signals, javascript, comparisons, retrospectives
The Web Needs a Native “.visually-hidden” (ben)497
css, accessibility
A Native “Visually Hidden” in CSS? Yes Please! (mic)496
hiding, accessibility, browsers, screen-readers, assistive-tech, css
The WebAIM Strategic Accessibility Framework (web)495
accessibility, webaim, strategies
A Beginner’s Guide to Manual Accessibility Testing (pop)494
guides, accessibility, testing
Learn How to Set Up a CI/CD Pipeline From Scratch493
how-tos, ci-cd
Tether Elements to Each Other With CSS Anchor Positioning (jhe)492
css, anchor-positioning, focus, apis, examples
How We Built Our Multi-Platform Design System at Booking.com491
case-studies, design-systems, theming, scalability
Why You Need to Code Every Day When You’re Learning to Program490
programming, processes, learning
Accessible but Never Boring: Rebranding the Wise Design System for Everyone489
accessibility, design, design-systems
What Is “ref()” in Vue?488
vuejs
How People Read Online487
accessibility, content, readability, user-experience
Animated Gradient Text in CSS (ami)486
css, animations, gradients
Conformance and Accessibility (j9t)485
accessibility, conformance, quality
Quick Tip: How to Handle Exceptions in PHP484
how-tos, tips-and-tricks, php, errors
Are You Testing to Test, or Testing to Prove?483
testing, processes
The Seven Archetypes of Organizational Topologies482
processes, agile
Ten Tips for Better CSS Transitions and Animations (col)481
css, transitions, animations, tips-and-tricks
Without Accessibility, There Is No Privacy or Security (lev)480
accessibility, privacy, security
Tips for Handling Dependabot, CodeQL, and Secret Scanning Alerts479
security, alerting, dependabot, tips-and-tricks
Could We Make the Web More Immersive Using a Simple Optical Illusion?478
experiments, user-experience, spatial-web
Introduction to Ghost CMS477
introductions, ghost, content-management
A Guide to CSS “object-view-box” (log)476
guides, css
A Guide to Accessible Form Validation (san/sma)475
guides, forms, validation, accessibility, user-experience
The Evolution of Signals in JavaScript (rya/thi)474
javascript, signals
Simplified Dark Mode With Style Queries (5t3)473
css, style-queries, dark-mode
The Ultimate Guide to Web Development Tools (sta)472
guides, tooling, link-lists
On Container Queries, Responsive Images, and JPEG-XL (gri/clo)471
css, container-queries, images, responsive-design, jpeg-xl
The Coolest JavaScript Features From the Last 5 Years470
javascript, retrospectives
Designers, Use Your intuition469
design, collaboration
Dithering Images With React/JavaScript468
images, dithering, react, javascript
22 Useful CSS Tips and Tricks Every Developer Should Know467
css, tips-and-tricks
Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (ami)466
tailwind, css, dev-tools, chrome, browsers, testing
Learn CSS Positioning (sha)465
css, positioning, layout
How to Style Your Alt Text (ede)464
how-tos, css, accessibility, alt-text, images
Is It Time to Replace Sass? (5t3)463
sass, lightning-css, preprocessors
Crawl Weather Using Cypress (bah)462
testing, cypress
Process CSS or Sass With Lightning CSS (5t3)461
eleventy, css, sass, lightning-css, preprocessors, postprocessors
CSS Animation Libraries: 10 Popular Choices (sta)460
css, animations, libraries, link-lists
How to Contribute to a Project You Have No Idea About459
how-tos, foss, processes, community
Automatic Tag-Based Article Suggestions for Blogs and Astro Websites (nma)458
blogging, astro, automation, functionality
Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook457
guides, vuejs, vuetify, storybook
Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs456
javascript, debugging, tooling, techniques, bugs
3 Common Antipersonas in UX (nng)455
videos, user-experience, personas
You Have the Users You Have (nng)454
videos, usability, user-experience
Getting Started With Style Queries (una)453
css, style-queries, introductions
In-Depth Guide to CSS Logical Properties (zor/css)452
videos, guides, css, logical-properties
The JavaScript Site Generator Review, 2023 (zac)451
site-generators, performance, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
Prepare for Chrome’s User Agent [String] Reduction450
videos, browsers, chrome, feature-detection
Node.js Toolbox449
websites, nodejs, packages, dependencies
Investing in RSS (tka)448
rss, syndication
Privacy Principles (rob+/w3c)447
privacy, principles
All About Promises in JavaScript446
javascript, promises
Experiments With the JavaScript Garbage Collector445
javascript, garbage-collection, experiments
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
Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (mni)442
accessibility
Learn Privacy (sil)441
courses, privacy
Fingerprinting440
fingerprinting, privacy, browsers
The Page With No Code (chr)439
minimalism, http, css
When JavaScript Fails (jas)438
javascript
The State of Node.js Core (cji/thi)437
videos, nodejs
What Framework Should I Use? (cfe)436
frameworks
How to Handle Date and Time With JavaScript (sta)435
how-tos, time, javascript
The Great Gaslighting of the JavaScript Era (jar)434
javascript, frameworks, web-platform
Thoughts on Dev Rel in the Post-Twitter Era (and)433
developer-relations, social-media, community
How Shadow DOM and Accessibility Are in Conflict (sun/iga)432
accessibility, shadow-dom, aria
Understanding Easing and Cubic Bézier Curves in CSS (col)431
css, transitions, animations
Automatic Captions: Our Experiments and Best Practices (equ)430
accessibility, captions, best-practices, automation
Open Captions vs. Closed Captions: What’s the Difference?429
accessibility, captions, comparisons
Where Does Developer Relations Belong in an Organization?428
developer-relations, processes
Understanding the Difference Between Props and State in React427
react, props, state-management, comparisons
The Importance of Adding Accessibility Design Reviews to the Design Process (dav)426
accessibility, design, processes
ARIA vs. HTML (aar)425
accessibility, html, aria, semantics, comparisons
React Libraries for 2023 (rwi)424
react, libraries, link-lists
Surviving Design Systems423
design-systems
Updating a Design System422
design-systems, maintenance
The State of JS Frameworks (rya+)421
podcasts, javascript, frameworks
Design Systems in the Time of AI (bra)420
design-systems, ai
Use the Child-Element Count in CSS (kev)419
css, selectors
Style File Selector Button Using CSS (ami)418
buttons, css
“(255,255,255)” Is the Highest Specificity (bra)417
css, selectors, cascade
“Make It Easier” Is Not a Product Strategy (pav)416
user-experience, product-management, strategies
Quick Tip: How to Trim Whitespace With PHP415
how-tos, tips-and-tricks, whitespace, php
Understanding the Cost of Not Being Accessible (kar)414
accessibility, economics
Learn All About Node.js Worker Threads With Examples413
nodejs, worker-threads, examples
Not Everyone Uses a Computer in the Same Way That You Do (hdv)412
videos, accessibility
5 Super Useful CSS Properties That Don’t Get Enough Attention (kev)411
videos, css
The Rise and Fall of Ext JS—a Long Overdue Reply and Apology410
extjs
Ethical Alternatives to Revenue-Generating Deceptive Patterns409
ethics, dark-patterns, monetization, user-experience
How to Cheat at CSS (des)408
how-tos, css, frameworks, overviews, link-lists
Last Baseline Alignment407
css, layout, support, browsers
Component Specifications (nat)406
design-systems, components, documentation
All About Iterative Design (uxm)405
design, processes
SSL Certificates Explained404
videos, certificates, ssl, protocols, security
Avoid Spanning Table Headers (aar)403
accessibility, assistive-tech, html, tables
CSS Property “contain” Explained402
videos, css, containment
Keys to an Accessibility Mindset (sma)401
accessibility, design
Arranging Diamond Tiles in a Grid (ran)400
css, grids, layout
Create a Rainbow-Coloured List With “:nth-of-type()” (rac)399
lists, css, selectors, colors
How to Password-Protect a Static HTML Page With No JS (ede)398
how-tos, security, css, fonts
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)397
css, images, aspect-ratio
Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (eli)396
accessibility, dei, processes
My CSS Wishlist 2023 (5t3)395
css, wish-lists
Representation of Style (ste)394
html, semantics
Do We Need CSS “flex-wrap” Detection? (sha)393
css, flexbox, layout
The Spirit of CSS-Tricks Is Now Gone (zel)392
css-tricks, community, learning
CSS Through the Ages391
css, history