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

Frontend Dogma

“2023” News Archive (5)

Entry (Sources) and Additional TopicsDate#
8 Best Tools for Cryptography and Encryption (sta)876
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
DevTools: A Better Way to Visualize Your JavaScript875
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
How to Create an SEO Strategy (moz)874
how-tos, seo, strategies
Kubernetes Quick Tutorial873
tutorials, kubernetes
Node.js 20 Is Now Available! (nod)872
nodejs, release-notes
Signals: Fine-Grained Reactivity for JavaScript Frameworks871
javascript, reactivity, signals, frameworks
The Three Browser Storage Mechanisms870
browser-storage, cookies, comparisons
What’s New in ECMAScript 2023 (paw)869
ecmascript, standards
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store868
liquid, shopify, customization, tips-and-tricks
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?867
how-tos, aws, cloudfront, caching
10 Common Mistakes in Angular Development866
angular, mistakes, best-practices
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)865
accessibility, multimedia, experiments
Container Query Units and Fluid Typography (5t3)864
css, container-queries, typography, liquid-design
Starting a New Kirby Project (mat)863
kirby
A List of Programming Playgrounds (b0r)862
programming, link-lists, testing
All About the Semantic Web861
semantic-web, concepts
Answering “What ARIA Can I Use?” (w3c)860
accessibility, aria, browsers, screen-readers, assistive-tech, support
Business Impacts of UI Design and UX Design (uxm)859
design, economics
Firefox May Soon Reject Cookie Prompts Automatically858
cookies, legal, user-experience, mozilla, firefox
It’s Very Likely That… (mat)857
html, semantics, buttons, modals
Using a Muted Color Palette in Web Design (uxm)856
design, colors, color-palettes
What Is Design Thinking? (sma)855
design
Building a Static Site With Eleventy and Tailwind854
eleventy, tailwind
You Are What You Measure853
videos, metrics
Deno vs. Node: No One Is Ready for the Move852
deno, nodejs, dependencies, comparisons
My Favorite Courses to Learn Microservices in Depth851
courses, training, microservices, link-lists
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)850
css, media-queries, performance, sustainability
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)849
javascript, performance, plugins
The Acronyms of Rendering on the Web (whi)848
rendering, server-side-rendering, client-side-rendering, terminology
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)847
information-architecture, information-scent, usability, mistakes
How to Name Design Tokens in a Design System (uxd)846
how-tos, design-tokens, design-systems, naming
Exploring “:has()” Again (mic)845
css, selectors
Angular 16 Is Huge844
angular
Dissecting npm Malware: Five Packages and Their Evil Install Scripts843
npm, security, malware
Lessons of Design (fab/uxd)842
lessons, design
4 Ways to Create an Enum in JavaScript841
javascript
Consume Web Streams From OpenAI Using Vanilla JavaScript840
videos, data-fetching, streaming, ai, openai, javascript
Ping Animation With Minimal CSS (ami)839
css, animations
The “details” Element Is Amazing (fon)838
html, disclosure-widgets
Web Accessibility: A Reference to Creating Inclusive Websites (sta)837
accessibility
What Are User Permissions? Concepts, Examples, and Maintenance836
permissions, authorization, concepts, examples
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)835
design, user-experience, research
10 Best Sorting Algorithms Explained834
sorting, algorithms
11ty and Lit, a Match Made in Heaven for Simple Sites833
eleventy, web-components, lit
A History of the World Wide Web From 1989 to the Present Day832
history, web
Costly CSS Properties and How to Optimize Them831
css, performance, optimization
Memory Allocation (sam)830
memory, programming, visualization
The Pros and Cons of Different UI Automation Test Tools—Puppeteer829
automation, testing, puppeteer
Embracing AI as a Material for Design (uxd)828
design, ai, content
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers827
accessibility, assistive-tech, screen-magnification
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec)826
videos, dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
CSS: Tricks for Targeting Elements With CSS825
css, selectors, tips-and-tricks
How to Work With Dates and Times in Vanilla JavaScript (cfe)824
how-tos, javascript
Passkeys: What the Heck and Why? (css)823
security, passkeys
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)822
videos, slides, accessibility, processes
Angular Is Back With a Vengeance (fir)821
videos, angular
Solving the CSS Layout and Source Order Disconnect (rac)820
css, layout, source-order
Transparent Video for the Web in 2023 (cla)819
multimedia, transparency+opacity
A Designers Guide to the Principles of Web Design818
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience817
videos, accessibility, design-systems, dei, user-experience
Don’t Override Screen Reader Pronunciation (aar)816
accessibility, screen-readers, pronunciation
Expanding Grid Cards With View Transitions (chr)815
css, grids, view-transitions
HTML Accessibility API Mappings 1.0 (ste+/w3c)814
html, accessibility, apis
HTML Dark Mode (bt)813
html, dark-mode
Shallow vs. Deep Copying in JavaScript812
javascript, comparisons
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)811
browsers, mozilla, firefox, cookies, privacy
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)810
figma, components, design, tips-and-tricks
Understanding CSS Preload and Other Resource Hints (log)809
css, performance, hints, preloading
Building Pagination in React With React Paginate808
react, navigation, pagination
Document or Die: The Importance of Writing Things Down in Tech807
documentation, maintainability, link-lists
Load Balancing (sam)806
load-balancing, performance, visualization, architecture
New HTML Element: “search” (alv)805
html, semantics
React, Visualized804
introductions, react, visualization
Temporal Intervals Are Handy in MySQL (ami)803
databases, mysql, time
The Performance Golden Rule Revisited (tka)802
performance, metrics
Trying Node.js Test Runner (bah)801
nodejs, testing
What’s a Basic Use Case for Cascade Layers in CSS? (chr)800
css, cascade, maintainability
Formulating Your Product Design North Star (aka Design Principles) (uxd)799
design, principles, processes
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide798
guides, career, learning
CSS Text Balancing With “text-wrap: balance” (sha)797
css, typography
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)796
css, dark-mode
Why Astro Is My Favorite Framework (mrt)795
astro, frameworks
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup794
bundling, tooling, webpack, parcel, rollup, comparisons
The Real Difference Between “useMemo” and “Memo” in React793
react, hooks, performance, examples
Boost Your JavaScript With JSDoc Typing792
javascript, typescript, documentation, jsdoc
Mastering Yarn’s Lifecycle With Hooks791
yarn, hooks
Understanding Apache Web Server Configuration790
servers, apache, configuration
What’s New in CSS? (bra)789
slides, css
Choosing Humanity Over Automation (uxd)788
ai, design, automation
TIL: API for Saving Webpages in the Wayback Machine787
apis, internet-archive
Chasing Rainbows (ver)786
accessibility, colors, color-blindness, user-experience
DevTools: A Clever Overview of All Your CSS Code785
browsers, dev-tools, auditing, css, google, chrome
It’s Time to Learn OKLCH Color (kei)784
colors, oklch, css
Programming-Language Popularity by GitHub Pull Requests (lem)783
studies, research, programming, comparisons, github, javascript, typescript
The Pattern to Make Your Frontend Tests 10× Better782
testing
Advancing Your Tech Skills (wom)781
career, learning
Stream File Uploads to S3 Object Storage and Save Money (aus)780
aws, s3, streaming, storage, economics
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting779
zx, shells, command-line
10 CSS Animation Tips and Tricks (kev)778
videos, css, animations, tips-and-tricks
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)777
web-components, css, scope, dom, shadow-dom, support
Establishing Metrics for Accessibility ROI (kar)776
accessibility, metrics, economics
Frontend Developer Tries Tailwind for the First Time (zor/css)775
videos, tailwind, css
Unlocking the Power of Design Tokens to Create Dark Mode UI774
design-tokens, dark-mode
7 Tips for Getting Started With Vue.js773
videos, vuejs, tips-and-tricks
Can You Create Beautiful Stroked Text in CSS? (log)772
css, effects
Choosing a Name for Your Design System (bra)771
design-systems, naming
Designing for Reduced Motion770
accessibility, animations, reduced-motion, css, media-queries, javascript
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript769
guides, javascript, memory, garbage-collection
Observing CSS768
css, javascript, monitoring
Release Notes for Safari Technology Preview 167 (jon/web)767
release-notes, browsers, apple, safari
The Death of JPEG-XL766
jpeg-xl, images
What’s New in WCAG 2.2?765
accessibility, wcag, standards
Foundations: Accessible Names and Descriptions (ihe/tet)764
accessibility, fundamentals, naming, writing, aria
The Alt Text War—SEO vs. Accessibility763
accessibility, seo, images, writing, alt-text, comparisons
4 GitHub Alternatives for Code Repositories (sta)762
git, link-lists
Code Explanation Using GitHub Copilot (ami)761
github-copilot, ai, learning
Testing Localhost on Multiple Devices (cit)760
testing, environments
The Revenge of the Pop-Up (ver)759
user-experience, anti-patterns, pop-ups
Understanding npm Versioning758
npm, dependencies, versioning, semver
What Makes a Good Screenshot? (llo/tpg)757
accessibility, images
What Is Semantic HTML? (dav)756
html, semantics
New in Chrome 112 (tro)755
release-notes, browsers, google, chrome
A Color Wheel With Gradient (css)754
css, colors, gradients, effects, tips-and-tricks
A Small JavaScript Pattern I Enjoy Using (kil)753
javascript
Accessibility for Designers: Where Do I Start? (ste)752
accessibility, design, link-lists
Exposing Field Errors (aar)751
accessibility, forms, aria, assistive-tech, support
Five Pieces of Advice for More Accessible Websites (cit)750
accessibility, html
JSON vs. XML With Douglas Crockford (dou)749
podcasts, interviews, json, xml, comparisons, history
Safari Releases Are Development Hell748
browsers, apple, safari, support
What Is a Design System and Why Should You Use One? (uxm)747
design-systems
So, How Can We Measure UX? (uxd)746
user-experience, metrics
Quick Tip: Pull Data From an API Into a Figma Layer (dxn)745
tips-and-tricks, apis, figma, design
Copy to Clipboard in JavaScript and React744
javascript, react
How WebAssembly Is Accelerating New Web Functionality743
webassembly, functionality
Slow Start and Congestion Control (Browser Networking)742
performance, protocols, tcp
10 Ways to Hide Elements in CSS (cra)741
hiding, css, accessibility, performance
Sticky Page Header Shadow on Scroll (hex)740
css, scrolling, shadows
Syntaxonomy—a Collection of Web Languages (ale)739
websites, training, learning, career, link-lists
The Future of Senior Developers in an AI-Driven World (cod)738
career, ai, code-completion
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)737
accessibility, contrast, colors
Why Do They Ignore My Awesome Design Documentation?736
design, documentation
7 Tricks to Take the Performance of Your Website to the Moon735
performance, minification, tree-shaking, tips-and-tricks
Modern HTML Email (Tables No Longer Required) (oll)734
html, email, tables
Convert PNG to JPG Using FFmpeg (ama)733
images, png, jpeg, conversion, tooling
Folder Structure for Modern Web Applications732
architecture, web-apps
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps731
guides, accessibility, testing, automation, ci-cd, react
We Need Accessibility Action (yat)730
accessibility, web
A CSS Selector to Highlight Clickable Elements (seb)729
css, selectors
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
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)726
videos, ai, centering
On-Page SEO Checklist: The Complete Task List for 2023 (sem)725
seo, checklists, html, semantics
The Pros and Cons of Different UI Automation Test Tools—Playwright724
automation, testing, playwright
New to the Web Platform in March (rac)723
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Checkered Background Using Two Lines of Code in CSS (ami+)722
backgrounds, css
CSS Masking (sha)721
css, masking
One in Two New npm Packages Is SEO Spam Right Now720
npm, seo
Why I Quit Being a Tech “Influencer”719
career
Why JavaScript Is a Prototype-Based OOP718
javascript, oop
XUL Layout Is Gone717
history, xul, browsers, mozilla, firefox
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd)716
career, productivity, user-experience, design
Clojure Transducers: Your Composable Data Pipelines (jan)715
clojure, functions
AWS CloudFront Tutorial: Setup and Configuration714
tutorials, aws, cloudfront, content-delivery, configuration
What Are Source Maps? (jec)713
videos, debugging, javascript, source-maps
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)712
sustainability
CSS Nesting (fro)711
css, nesting, sass, comparisons
Flutter Performance Optimization Techniques and Best Practices710
flutter, performance, optimization, best-practices
Framework Popularity on Netlify (sel/net)709
frameworks, react, nextjs, gatsby, hugo, zola, comparisons
How to Use Google Fonts and “font-display”708
how-tos, google, fonts, css
HTML: Help Users to Download Files With the HTML “download” Attribute707
html, attributes
The WebAIM Million (web)706
studies, research, accessibility, metrics
Usability Heuristics in Game Design (uxd)705
usability, heuristics, design
Using PHP Arrays: A Guide for Beginners704
guides, php, arrays
10 AI Tools for Content Writing (sta)703
tooling, link-lists, content, writing, ai
File Uploads for the Web: File Uploads in Node and Nuxt (aus)702
file-handling, nodejs, nuxt
Guardrails for Better Accessibility Support in Frontend (net)701
accessibility, quality, tooling
How to Review and Refactor Code With GPT-4 (and ChatGPT)700
how-tos, code-reviews, refactoring, ai, chatgpt, optimization
How to Split an Angular App Into Micro-Frontend Apps699
how-tos, angular, micro-frontends, web-apps
Improving CSS Shapes With Trigonometric Functions (dan)698
css, shapes, functions
In Praise of Vite (spa/clo)697
vite
Meet Arc, a New Innovative Browser That Challenges Chrome696
browsers, arc, the-browser-company, google, chrome
TypeScript Function Types: A Beginner’s Guide695
guides, typescript, functions
Accessibility vs. Emojis (uxd)694
accessibility, emoji, unicode, comparisons
Connecting Dots of an Accessibility Audit693
accessibility, auditing
How to Write an Accessibility Statement (ger)692
how-tos, accessibility, documentation, writing
JavaScript Import Maps Are Now Supported Cross-Browser (tom)691
javascript, import-maps, browsers, support
A Quick Guide to Reviewing a VPAT ACR (kar)690
accessibility, vpat-acr, conformance, auditing
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)689
ai, code-completion, productivity
Defaulting on Single Page Applications (SPA) (zac)688
single-page-apps, javascript, performance
Fighting Inter-Component HTML Bloat (eli)687
components, html, semantics, quality
Function Overloading in TypeScript686
typescript, functions
Getting Started With HTML Tables685
html, tables, introductions
Mastering the JavaScript “switch” Statement684
javascript
Introduction to esbuild683
introductions, esbuild, bundling
CSS Creator Håkon Wium Lie Interview682
interviews, css
Using TypeScript Without Compilation (pas)681
typescript
UX Principles for AI Products (uxd)680
user-experience, principles, ai
UX Basics: Study Guide (nng)679
guides, fundamentals, user-experience, training, link-lists
Brief Introduction to Edge Computing678
introductions, edge-computing
CSS-Only Widgets Are Inaccessible (aar)677
accessibility, css
Harnessing GPT-4 for Writing Assistance and Content Creation676
writing, content, social-media, ai
Senior Engineering Strategies for Advanced React and TypeScript (tec)675
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance
CSS “overflow” Property674
css, overflow
The Landscape of npm Packages for CLI Apps673
nodejs, npm, dependencies, command-line
The “search” Element (sco)672
html, accessibility, semantics
The State of JS Frameworks (cfe/log)671
podcasts, javascript, frameworks, libraries
What Is Strict Mode in React?670
react
WYSIWYGPT (cod)669
ai, career
The IL1 Typography Test (nng)668
videos, typography, legibility, user-experience, testing
Usability 101 (nng)667
videos, usability
The Causes of Unreliable Software666
research, complexity, maintainability, reliability
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)665
guides, nodejs, event-loop, events
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II664
accessibility, design, design-systems
Circular Text With CSS? (jhe)663
css
DevTools: Convert Network Requests to Code, or Even to a Terminal Command662
dev-tools, browsers, network, command-line
Everything You Wanted to Know About Video Storage APIs661
multimedia, storage, apis
The Machines Won’t Save Your Design System (hey)660
design-systems, ai
The Ultimate Guide to Image Optimisation (fox/cal)659
guides, images, performance, compression, optimization
What We’ve Learned About Designing for Accessibility From Our Users658
accessibility, design
Automatic npm Publishing With GitHub Actions and npm Granular Tokens657
npm, github-actions, automation
Certifications Should Be Hard (kar)656
accessibility, career, training, learning
Some Cross-Browser DevTools Features You Might Not Know (css)655
dev-tools, browsers, google, chrome, mozilla, firefox, apple, safari
5 Lesser-Known Spacing Tips for Product Designers (uxd)654
design, spacing
npx: The Easy Way to Run Node.js Packages653
nodejs, dependencies, npx
Annotating Designs for Accessibility (int)652
videos, accessibility, design
File Uploads for the Web: Upload Files With JavaScript (aus)651
file-handling, javascript
How to Start a React Project in 2023 (rwi)650
how-tos, react
State of Node.js 2023 (jas+/thi)649
videos, nodejs
That Time When SVG Almost Got Network Support for Raw Sockets648
svg, network, history
The Carbon Cost of Social Media647
sustainability, social-media
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)646
hiding, accessibility, browsers, screen-readers, assistive-tech, css
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)645
eleventy
When Is “:focus-visible” Visible? (ire)644
accessibility, css, selectors
With or Without the JS Framework (cit)643
javascript, frameworks, career
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution642
semantic-web
5 Ways to Modernize Your Web Application641
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability
7 Ways Web Developers and UX Designers Can Collaborate (uxm)640
collaboration, processes
CSS Is Dead! (alv)639
css
Preventing Too-Short Final Lines of Text Blocks (ric)638
css, typography
Regression Testing in the Agile Universe (uxm)637
agile, processes, testing, regressions
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+/the)636
interviews, svelte, sveltekit
The 5 Best Status Page Tools (sta)635
tooling, monitoring, alerting, link-lists
The Age of Average634
design
The Cost of Craft633
craft, quality, complexity, processes
The End of Front-End Development (jos)632
outlooks, career, html
The Intersection of Data Visualization and UX Design (uxm)631
information-design, user-experience, design
What Is Git Merge and How to Use It?630
git
Why We Added package.json Support to Deno (tin/den)629
deno, support, nodejs, npm
Introduction to Flutter: Getting Started With Cross-Platform Development628
introductions, flutter
Laying Out a Print Book With CSS627
print, css
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)626
javascript, performance, bundling, npm
Using “forRoot()” and “forChild()” in Angular625
angular
Time Zone Conversion With PHP624
php, time, conversion
Deep Dive Into How Web Browsers Work (With Illustrations)623
browsers, rendering, deep-dives
Design System Guide (vit)622
guides, design-systems, link-lists
How to Stop a React Component From Rendering (ami)621
how-tos, react, components, client-side-rendering
Time to Move on From Nunjucks? (bry)620
template-engines, nunjucks, webc, liquid, javascript
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language619
javascript
The Next Wave of Design Systems Will Be AI-Driven618
design-systems, ai, outlooks
Cryptographically Protecting Your SPA617
single-page-apps, security, cryptography
DevTools: Tricks for Copying the Styling From Any Website616
dev-tools, css, browsers, google, chrome
Everything You Need to Know About the Updated React Docs615
react, documentation
Hijacking Screenreaders With CSS (ben/deq)614
videos, accessibility, screen-readers, css
How Screen Readers Read Special Characters: An Update613
accessibility, screen-readers, support, unicode
How to Use “v-model” With Form Inputs in Vue612
how-tos, vuejs, forms
Retro-Specifying Fetch/Performance (nom)611
standards, apis, data-fetching
The Problem With React610
react
5 Tips for New Prototypers (nng)609
videos, prototyping, tips-and-tricks
Responsive Columns Without Media Queries608
css, flexbox, layout, responsive-design
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?607
ssi
Foundations: Pointer Gestures (gra/tpg)606
accessibility, fundamentals, usability
Accessibility Beyond Code Compliance (aar)605
accessibility, compliance
DevTools: Faster Searching in DevTools With CSS Selectors604
dev-tools, css, selectors, browsers, google, chrome
Internationalization in Next.js 13 With React Server Components (sma)603
internationalization, nextjs, react, components
JavaScript Polyfills602
javascript, polyfills
Scraping Single-Page Applications With Playwright (api)601
scraping, single-page-apps, playwright
The Ultimate Guide to Micro-Content600
guides, content, microcontent
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)599
github, foss, community
Versioning Design Tokens598
design-tokens, versioning, maintainability
It’s About Time CAPTCHAs Become Accessible (uxd)597
accessibility, captcha
Accessibility and Design Systems: The Deep-Dive Q&A (ger+)596
interviews, accessibility, design-systems, deep-dives
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)595
offline, browser-storage, web-apps
Future CSS: Anchor Positioning (kiz)594
css, anchor-positioning, experiments
Git Fundamentals, a Complete Guide593
guides, git, fundamentals
JavaScript for Beginners: Data Structures592
javascript, data-structures, arrays, objects
What Are Webhooks and How Do They Work591
webhooks, apis
The H1 Conundrum: Understanding the Challenges of Heading Level One590
accessibility, semantics, headings, html
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg)589
css
16 Little UI Design Tips That Make a Big Impact588
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography
Advice From a Software Engineer With 8 Years of Experience587
career
Fix Color Contrast—Web Accessibility for Text and UI Design (pim)586
accessibility, colors, contrast
JavaScript: Automatically Remove an Event Listener After It Has Executed585
javascript, events
Modern Font Stacks584
websites, fonts, typography
Progressively Enhancing a Table With a Web Component (ray)583
html, javascript, tables, web-components, progressive-enhancement
TCP Echo Server for Node.js582
servers, nodejs, tcp
VS Code vs. WebStorm: A Comparison for Newbies581
code-editors, microsoft, vs-code, jetbrains, webstorm, comparisons
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)580
design, layout
Circling Back on Design and Everything Else (uxd)579
design
Useful Tips and Tricks for Laravel578
tips-and-tricks, laravel
How Design Is Governance577
design
Accepting Design (fab)576
design
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)575
design, mobile, tips-and-tricks
Best Practices for Structuring Accessibility Testing (tpg)574
accessibility, testing, best-practices
Introduction to Offline First Web Applications573
videos, offline, web-apps
Making Calendars With Accessibility and Internationalization in Mind (sto/css)572
functionality, accessibility, internationalization
The Ternary Operator in JavaScript (cfe)571
javascript, operators
What Is the Cost of Designing a Mobile App? (uxm)570
economics, mobile
Why Aren’t Logical Properties Taking Over Everything? (chr)569
css, logical-properties, internationalization
Create and Download Text Files Using JavaScript (ami)568
javascript
We Don’t Need “.visually-hidden” (den)567
accessibility, css, semantics, quality
UX Strategy: Study Guide (nng)566
guides, user-experience, strategies, training, link-lists
Choose Boring Tools565
tooling
“content” Is Your Content?564
css, content, seo, accessibility, maintainability
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi)563
design, processes, myths
Handling CSS Color Fonts With “font-palette” (sta)562
css, colors, fonts
The Ultimate Guide to Becoming a 10× Dev561
guides, productivity, career
View Transitions API: Creating Smooth Page Transitions (sta)560
view-transitions, apis
Books You Can Read to Learn CSS559
books, learning, css
From UX to Growth Design: 5 Principles to Multiply Your Value (uxd)558
user-experience, design, principles
All JavaScript and TypeScript Features From the Last 3 Years557
javascript, typescript, history
Building Complex Forms in Vue (sma)556
forms, vuejs
Cover All the Codebases: A Guide to Code Coverage Tools555
guides, code-coverage, testing, tooling, link-lists
Craft vs. Industry: Separating Concerns (nac)554
quality, economics, maintainability, craft, comparisons
Evolving Custom Sliders (sib/tpg)553
sliders, javascript, css
Exploring Bundling in Lightning CSS (log)552
css, minification, bundling, linting, lightning-css
File Uploads for the Web: Uploading Files With HTML (aus)551
file-handling, html
One Problem That Is Now Solved by CSS Subgrid550
css, grids, layout
Selecting Previous Siblings With CSS “:has()”549
css, selectors
TypeScript’s Migration to Modules (dan/typ)548
typescript, modules, esm, commonjs, migrating
Vue vs. React: Everything You Need to Know547
vuejs, react, comparisons
Web Cookies With a Taste of Privacy (uxd)546
cookies, privacy, user-experience
SPA View Transitions Land in Chrome 111 (jaf)545
apis, view-transitions, release-notes, browsers, google, chrome
ChatGPT and Me (a Recruiter) (vig)544
ai, chatgpt, career, interviewing
Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (sto/css)543
css, functions
How to Fix: Child Stylesheet Loading Twice (WordPress) (sta)542
how-tos, wordpress, php
I No Longer Understand “prefers-contrast” (kil)541
css, media-queries
My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (hdv)540
accessibility, components
Static Site Generators: What’s Trending Right Now (sta)539
static-site-generation, site-generators, trends, react, gatsby, nuxt, astro, eleventy, comparisons
Tackling Design Debt in Product538
podcasts, design-debt, product-management
The Broken Promise of Atomic CSS537
atomic-css, presentational-html, tailwind, html, css
CSS Nesting (arg)536
css, nesting
2023 Web Framework Performance Report (ast)535
frameworks, performance, astro, sveltekit, gatsby, remix, wordpress, nextjs, nuxt, comparisons
An End to Typographic Widows on the Web (ric)534
typography, css
Change Favicon on Switching Browser Tabs in JavaScript (ami)533
images, favicons, javascript
Zebra Stripe Lines of Text Even When They Wrap (chr)532
css
Quick Tip: How to Cache Data in PHP531
how-tos, php, caching, tips-and-tricks
As a User, I Don’t Want To (pav/uxd)530
product-management, agile, user-experience
A Tab Interface Before Its Time (aar)529
html, components
ARIA Live Regions for JavaScript Frameworks (its/log)528
accessibility, aria, live-regions, javascript, frameworks
Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond527
flutter, best-practices
HTML Garden526
websites, html, art
Managing Fonts in WordPress Block Themes (css)525
fonts, wordpress, theming
The AI Future of Frontend Development (hcr)524
ai, career
What Value Does Developer Relations Bring to Other Teams?523
developer-relations, processes
The Anatomy of a Good Design: An Analysis of 4 Sites (nng)522
design
10 Helpful JavaScript Utility Functions521
javascript, functions
50.1% Empty Links (mat)520
accessibility, html, links, semantics, seo
Balanced Text Wrapping Is Coming to CSS (ami)519
css, typography
AI-Generated Git Commit Messages518
ai, git, automation, commit-messages
Client-Side JavaScript and React Criticism: What Comes Next? (mol)517
javascript, react, accessibility, performance, resilience, progressive-enhancement
Continuous Growth Is Cancer (cod)516
economics, career
Making the Case for Signals in JavaScript (rya/thi)515
javascript, signals
Optimising Large Contentful Paint (css/btc)514
videos, performance, web-vitals, optimization
The Cost of Architectural Complexity513
research, architecture, complexity, economics
Everything You Need to Know About the Gap After the List Marker (sim/css)512
lists, css
Introduction to UIkit511
introductions, uikit
Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (sma)510
case-studies, vuejs, migrating, headless, content-management
Responsive Headlines Are About to Get Awesome (tyl/clo)509
css, headings, typography, responsive-design
Signals in Angular: The Future of Change Detection508
angular, signals
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)507
videos, accessibility, captions, youtube
The Art of Unlearning (uxd)506
learning, design
Are You Making These Five Mistakes When Writing Alt Text?505
accessibility, writing, alt-text, images, mistakes
A Beginner’s Guide to Manual Accessibility Testing (pop)504
guides, accessibility, testing
Accessible but Never Boring: Rebranding the Wise Design System for Everyone503
accessibility, design, design-systems
Announcing TypeScript 5.0 RC (dan/typ)502
typescript, release-notes
Declarative Design (ada/btc)501
videos, design
How We Built Our Multi-Platform Design System at Booking.com500
case-studies, design-systems, theming, scalability
Learn How to Set Up a CI/CD Pipeline From Scratch499
how-tos, ci-cd
React vs. Signals: 10 Years Later (rya/thi)498
react, signals, javascript, comparisons, retrospectives
Relative Rounded Corners (bel)497
html, css
The Web Needs a Native “.visually-hidden” (ben)496
css, accessibility
The WebAIM Strategic Accessibility Framework (web)495
accessibility, webaim, strategies
Throttle Your CPU (pat/dev)494
browsers, dev-tools, testing, throttling
Unlocking SVG’s Superpowers (btc)493
videos, svg, images
What Is Hoisting in JavaScript? (fro)492
javascript, scope, concepts
You Don’t Need a Build Step (den)491
building, tooling, deno
Why You Need to Code Every Day When You’re Learning to Program490
programming, processes, learning
A Native “Visually Hidden” in CSS? Yes Please! (mic)489
hiding, accessibility, browsers, screen-readers, assistive-tech, css
Tether Elements to Each Other With CSS Anchor Positioning (jhe)488
css, anchor-positioning, focus, apis, examples
Animated Gradient Text in CSS (ami)487
css, animations, gradients
Conformance and Accessibility (j9t)486
accessibility, conformance, quality
Could We Make the Web More Immersive Using a Simple Optical Illusion?485
experiments, user-experience, spatial-web
Ten Tips for Better CSS Transitions and Animations (col)484
css, transitions, animations, tips-and-tricks
The Seven Archetypes of Organizational Topologies483
processes, agile
What Is “ref()” in Vue?482
vuejs
Quick Tip: How to Handle Exceptions in PHP481
how-tos, tips-and-tricks, php, errors
How People Read Online (uxd)480
accessibility, content, readability, user-experience
Are You Testing to Test, or Testing to Prove? (uxd)479
testing, processes
Tips for Handling Dependabot, CodeQL, and Secret Scanning Alerts478
security, alerting, dependabot, tips-and-tricks
Without Accessibility, There Is No Privacy or Security (lev)477
accessibility, privacy, security
A Guide to Accessible Form Validation (san/sma)476
guides, forms, validation, accessibility, user-experience
A Guide to CSS “object-view-box” (log)475
guides, css
On Container Queries, Responsive Images, and JPEG-XL (gri/clo)474
css, container-queries, images, responsive-design, jpeg-xl
The Coolest JavaScript Features From the Last 5 Years473
javascript, retrospectives
The Evolution of Signals in JavaScript (rya/thi)472
javascript, signals
The Ultimate Guide to Web Development Tools (sta)471
guides, tooling, link-lists
Simplified Dark Mode With Style Queries (5t3)470
css, style-queries, dark-mode
Introduction to Ghost CMS469
introductions, ghost, content-management
22 Useful CSS Tips and Tricks Every Developer Should Know468
css, tips-and-tricks
Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (ami)467
tailwind, css, dev-tools, chrome, google, browsers, testing
Dithering Images With React/JavaScript466
images, dithering, react, javascript
Designers, Use Your intuition (uxd)465
design, collaboration
Automatic Tag-Based Article Suggestions for Blogs and Astro Websites (nma)464
blogging, astro, automation, functionality
Crawl Weather Using Cypress (bah)463
testing, cypress
CSS Animation Libraries: 10 Popular Choices (sta)462
css, animations, libraries, link-lists
How to Contribute to a Project You Have No Idea About461
how-tos, foss, processes, community
How to Style Your Alt Text (ede)460
how-tos, css, accessibility, alt-text, images
Is It Time to Replace Sass? (5t3)459
sass, lightning-css, preprocessors
Learn CSS Positioning (sha)458
css, positioning, layout
Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook457
guides, vuejs, vuetify, storybook
Process CSS or Sass With Lightning CSS (5t3)456
eleventy, css, sass, lightning-css, preprocessors, postprocessors
Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs455
javascript, debugging, tooling, techniques, bugs
In-Depth Guide to CSS Logical Properties (zor/css)454
videos, guides, css, logical-properties
The JavaScript Site Generator Review, 2023 (zac)453
site-generators, performance, comparisons, astro, eleventy, gatsby, nextjs, nuxt, remix, sveltekit
You Have the Users You Have (nng)452
videos, usability, user-experience
3 Common Antipersonas in UX (nng)451
videos, user-experience, personas
Prepare for Chrome’s User Agent [String] Reduction450
videos, browsers, google, chrome, feature-detection
Getting Started With Style Queries (una)449
css, style-queries, introductions
16 Best CSS Books for Beginners and Advanced Coders448
books, css, link-lists
7 Essential React Libraries for Front-End Web Development447
react, libraries, link-lists
All About Promises in JavaScript446
javascript, promises
Experiments With the JavaScript Garbage Collector445
javascript, garbage-collection, experiments
Investing in RSS (tka)444
rss, syndication
Node.js Toolbox443
websites, nodejs, packages, dependencies
Privacy Principles (rob+/w3c)442
privacy, principles
Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (mni)441
accessibility
Automatic Captions: Our Experiments and Best Practices (equ)440
accessibility, captions, best-practices, automation
How Shadow DOM and Accessibility Are in Conflict (sun/iga)439
accessibility, shadow-dom, aria
How to Handle Date and Time With JavaScript (sta)438
how-tos, time, javascript
Open Captions vs. Closed Captions: What’s the Difference?437
accessibility, captions, comparisons
The Great Gaslighting of the JavaScript Era (jar)436
javascript, frameworks, web-platform
The Page With No Code (chr)435
minimalism, http, css
Thoughts on Dev Rel in the Post-Twitter Era434
developer-relations, social-media, community
Understanding Easing and Cubic Bézier Curves in CSS (col)433
css, transitions, animations
Understanding the Difference Between Props and State in React432
react, props, state-management, comparisons
What Framework Should I Use? (cfe)431
frameworks
Where Does Developer Relations Belong in an Organization?430
developer-relations, processes
The State of Node.js Core (cji/thi)429
videos, nodejs
When JavaScript Fails (jas)428
javascript
Learn Privacy (sil)427
courses, privacy
Fingerprinting426
fingerprinting, privacy, browsers
The Importance of Adding Accessibility Design Reviews to the Design Process (dav)425
accessibility, design, processes
5 Super Useful CSS Properties That Don’t Get Enough Attention (kev)424
videos, css
ARIA vs. HTML (aar)423
accessibility, html, aria, semantics, comparisons
Design Systems in the Time of AI (bra)422
design-systems, ai
Learn All About Node.js Worker Threads With Examples421
nodejs, worker-threads, examples
Not Everyone Uses a Computer in the Same Way That You Do (hdv)420
videos, accessibility
React Libraries for 2023 (rwi)419
react, libraries, link-lists
Style File Selector Button Using CSS (ami)418
buttons, css
Understanding the Cost of Not Being Accessible (kar)417
accessibility, economics
Use the Child-Element Count in CSS (kev)416
css, selectors
Quick Tip: How to Trim Whitespace With PHP415
how-tos, tips-and-tricks, whitespace, php
“(255,255,255)” Is the Highest Specificity (bra)414
css, selectors, cascade
The Rise and Fall of Ext JS—a Long Overdue Reply and Apology413
extjs
Surviving Design Systems412
design-systems
Ethical Alternatives to Revenue-Generating Deceptive Patterns (uxd)411
ethics, dark-patterns, monetization, user-experience
Updating a Design System (uxd)410
design-systems, maintenance
“Make It Easier” Is Not a Product Strategy (pav/uxd)409
user-experience, product-management, strategies
The State of JS Frameworks (rya+)408
podcasts, javascript, frameworks
All About Iterative Design (uxm)407
design, processes
Arranging Diamond Tiles in a Grid (ran)406
css, grids, layout
Avoid Spanning Table Headers (aar)405
accessibility, assistive-tech, html, tables
Create a Rainbow-Coloured List With “:nth-of-type()” (rac)404
lists, css, selectors, colors
How to Cheat at CSS (des)403
how-tos, css, frameworks, overviews, link-lists
How to Password-Protect a Static HTML Page With No JS (ede)402
how-tos, security, css, fonts
Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (eli)401
accessibility, dei, processes
Keys to an Accessibility Mindset (sma)400
accessibility, design
SSL Certificates Explained399
videos, certificates, ssl, protocols, security
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)398
css, images, aspect-ratio
CSS Property “contain” Explained397
videos, css, containment
Component Specifications (nat)396
design-systems, components, documentation
Last Baseline Alignment (rac)395
css, layout, support, browsers
Do We Need CSS “flex-wrap” Detection? (sha)394
css, flexbox, layout
My CSS Wishlist 2023 (5t3)393
css, wish-lists
Representation of Style (ste)392
html, semantics
The Spirit of CSS-Tricks Is Now Gone (zel)391
community, learning
CSS Through the Ages390
css, history
To Sketch or Not to Sketch? (uxd)389
design, ai
Top Ten Popular Static Site Generators (SSG) in 2023388
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)387
guides, carousels, accessibility, html, user-experience
How to Build Offline Web Applications386
how-tos, offline, web-apps
If You’re Going to Do a Job, Do It Properly (tem)385
accessibility, css
Unlocking the Power of Design to Help Users Make Smart Decisions (web)384
design, tips-and-tricks
Using Node Watch Instead of Nodemon383
nodejs, tooling
Software Accessibility for Users With Attention Deficit Disorder (ADHD) (uxd)382
accessibility
Encapsulating CSS With Shadow DOM381
shadow-dom, dom, css, javascript
Resizing With CSS (mic)380
css, resizing
Declarative Shadow DOM (dev+)379
shadow-dom, dom, html
Don’t Use 403s or 404s for Rate Limiting (met)378
http, content-delivery, rate-limiting, google, search, seo
Building an Animated SVG Logo With animejs377
svg, images, logos, animations, vuejs