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

Frontend Dogma

News and Tools for Web Developers, 1990s to Now (15)

→ Stay up-to-date on all topics by various RSS feeds (main feed with exclusive news: only $1/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
How I Made My GitHub Profile README Dynamic14850
github, readme
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)14849
css, custom-properties, animations, transitions
List of Essential Soft Skills for Front-End Engineers14848
career
RSS Is Good, Isn’t It?! (mic)14847
syndication, rss, indieweb
AI Isn’t Ready for UX Design (nng)14846
videos, design, user-experience, ai
WebKit Features in Safari 17.5 (jen/web)14845
release-notes, browsers, apple, safari, webkit
Top 7 CSS Frameworks for Developers in 202414844
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)14843
css, borders, tips-and-tricks
Morphing Arbitrary Paths in SVG14842
svg, animations
JavaScript Objects—Complete Guide14841
guides, javascript, objects
Intopia’s WCAG 2.2 Maps (int)14840
accessibility, wcag, cheat-sheets
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)14839
css, layout, masonry, accessibility, keyboard-navigation
Accessible SVG Forms14838
accessibility, forms, svg, aria
Software Engineering Principles Every Frontend Developer Should Know14837
principles, craft, quality
Setting Personal OKRs (cwo)14836
career, processes, okr
Quick Incremental Accessibility Audits for Small Business Websites (cer)14835
accessibility, auditing
All I Want for GAAD14834
accessibility, awareness-days, wish-lists
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World14833
accessibility
Mesh Gradients in CSS (jos)14832
css, gradients
Best Intention Barriers (ARIA Edition) (mar)14831
accessibility, aria, auditing
Accessibility Overlays Are Not for Disabled People (tem)14830
accessibility, overlays
How to Document Your JavaScript Package (lca+/den)14829
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Make Your Figma Components Work Harder14828
figma, design-systems, components
Design Taste vs. Technical Skills in the Era of AI (nng)14827
design, programming, ai, comparisons
Typography Terms: Glossary (tbf/nng)14826
typography, terminology
Build Your Own React.js in 400 Lines of Code14825
react, jsx, principles
Introducing the CSS Anchor Positioning API (una)14824
introductions, css, apis, anchor-positioning, examples
Using the Page Visibility API (bsm/mdn)14823
javascript, apis
The Modern Guide for Making CSS Shapes (css/sma)14822
guides, css, shapes, effects, techniques
The Dilemmas You’ll Face When Creating a Component Library (and)14821
libraries, components
Manifesto for a Humane Web (mic)14820
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
17 Best Developer Productivity Tools to Try14819
productivity, tooling, link-lists
WordPress Ping List for Faster Post Indexing14818
wordpress, crawling, seo
Simple Implemention to Understand “worker_threads” in Node.js14817
nodejs, examples, worker-threads
Release Notes for Safari Technology Preview 194 (jon/web)14816
release-notes, browsers, apple, safari
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)14815
ai, slop, terminology
Upgrade Your HTML V (j9t/fro)14814
books, frontend-dogma, html, minimalism, craft, conformance
What Is UX (Not)? (nng)14813
videos, user-experience, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)14812
web-components, dom
Websites Are Not Books (ons)14811
terminology, concepts
Level-Setting Heading Levels (aar)14810
headings, semantics, conformance, accessibility, aria
Let’s Build a Web Scraper in PHP and Python14809
scraping, php, python
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)14808
javascript, events, web-components
37 Tips From a Senior Frontend Developer14807
tips-and-tricks, fundamentals, learning, processes, career
Evidence-Based Management Guide, 2024—What’s New?14806
release-notes, guides, agile, processes, metrics, engineering-management
Focus vs. Accessibility Focus14805
accessibility, focus, comparisons
Why Patching Globals Is Harmful14804
javascript, programming
How We’re Building More Inclusive and Accessible Components at GitHub (eri)14803
components, accessibility, dei, case-studies, github
Transparent Borders (bra)14802
css, borders, transparency+opacity, accessibility, contrast
Introducing the Gulp Developer Survey14801
introductions, surveys, gulp
The Carcinization of Web Frameworks14800
frameworks, history, signals, server-side-rendering, outlooks, web-components
Modern WordPress—Yikes! (dbu)14799
wordpress, themes
JavaScript “var”, “let”, and “const” Explained (cfe+)14798
javascript
The Pros and Cons of Using a Backend-for-Frontend (BFF)14797
backend-for-frontend, architecture
Mastering User-Centered Design, With 5 Advanced Tips (uxm)14796
usability, user-experience, tips-and-tricks, accessibility, testing
What’s New in Node.js v22 (mco)14795
videos, nodejs
Using the Popover API for HTML Tooltips (chr/fro)14794
pop-overs, apis, html, tooltips
Using Simple Tools as a Radical Act of Independence14793
html, css, simplicity
These CSS Pro Tips and Tricks Will Blow Your Mind14792
videos, css, tips-and-tricks
Servo Reboot: Where Are We Now? OSS-NA 202414791
browser-engines, servo, browsers
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)14790
redesigning, strategies, dei, accessibility
Get First Item in Eleventy Collection14789
how-tos, eleventy, nunjucks
Errors Aren’t All Bad (jim)14788
errors
An Introduction to the European Accessibility Act (EAA) (deq)14787
introductions, accessibility, legal, eaa
A Brief Note on Highlighted Text (aar)14786
accessibility, colors, contrast, css, selectors
Memory Management Every Developer Should Know14785
memory, garbage-collection
Native Support for CJS/ESM Interoperability Begins in Node.js 2214784
commonjs, esm, interoperability, support, nodejs
Misconceptions About CSS Specificity (bra)14783
css, selectors, cascade
The 7 Most Useful Web Design and Web Development Glossaries (apo)14782
concepts, terminology, link-lists
Securing Client-Side JavaScript (ada)14781
javascript, security, graceful-degradation
Pairing Eleventy With htmx and Deno14780
eleventy, htmx, deno
Eleventy With a Basic Deno Static Server Setup14779
eleventy, deno, hosting
5 Node Version Managers Compared—Which Is Right for You? (pav)14778
nodejs, comparisons, nvm, pnpm
At Some Point, JavaScript Got Good14777
javascript, history
Shades of Grey With “color-mix()” (mic)14776
css, functions, colors
WCAG After Quarter of a Century—We Still Need More Awareness (cer)14775
accessibility, wcag, community
The Value of Open Source in Furthering Accessibility Goals (mgi)14774
videos, foss, accessibility
A to Z of Assistive Technology for Reading Digital Text14773
accessibility, browsers, assistive-tech, readability, concepts
How Slack Automates Deploys14772
deploying, automation, case-studies, slack
Content Standards in Design Systems (nng)14771
content, design-systems, processes
So I Got Fired14770
career
Quick-and-Dirty Accessibility (tpg)14769
accessibility, techniques
Poor Express Authentication Patterns in Node.js and How to Avoid Them14768
express, nodejs, authentication, security
Web Development Trends We Will See in 202414767
trends
How to Archive Your Design System Effectively14766
how-tos, design-systems, design, processes
The War Begins: Top Best JavaScript Framework to Learn in 202414765
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)14764
angular, css, scope
Web Components From Early 2024 (chr)14763
web-components, link-lists
The Vue Ecosystem in 2024 (fro)14762
vuejs, content-delivery, building, frameworks
Introduction to htmx (jan)14761
introductions, htmx
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)14760
videos, css, view-transitions, animations
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)14759
css, selectors, html, techniques
3 Methods to Elevate Your Writing With Visual Content14758
writing, content, information-design
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry14757
interviews, nodejs, deno, jsr
When to Use Bun Instead of Node.js (app)14756
bun, nodejs, comparisons
How to Create Content in WordPress With AI14755
how-tos, content, ai, wordpress
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)14754
foss, maintenance
A React Developer’s Guide to Learning Solid.js14753
guides, react, solidjs, comparisons
Cookie Permissions: 6 Design Guidelines (nng)14752
videos, cookies, consent-management, privacy, user-experience, guidelines
Why Are My Live Regions Not Working? (pat/tet)14751
accessibility, aria, live-regions
Using AI to Predict Design Trends (web)14750
ai, design, trends
Understanding What Drupal Editors and Authors Need (ckr/lul)14749
drupal
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)14748
figma, programming, typescript, migrating, case-studies
Should We Rely on Browser Detection? (htm)14747
browsers, browser-detection
Exploring the Immersive Web With Wolvic (sea)14746
xr, wolvic, igalia, browsers
Demystifying React’s Types: Ref Types14745
react
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making (ado)14744
how-tos, design-systems, processes, collaboration, maintenance
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings14743
usability, user-experience, sorting
European Accessibility Act: Ultimate Guide to Compliance14742
guides, accessibility, compliance, legal, eaa
An Alternative Proposal for CSS Masonry (rac)14741
css, layout, masonry, google
Web Accessibility in the 2024 [US] Presidential Campaigns (web)14740
accessibility, case-studies
Web Forms: Costly Mistakes You Want to Avoid (geo)14739
books, forms, mistakes, usability, accessibility, maintainability
Pretty Much Every Website Uses the Wrong Font Size…14738
videos, css
Popover API Is Here (chr/fro)14737
apis, pop-overs, html
I Reviewed 1,000s of Opinions on htmx14736
htmx
Handling the Indentation of a Treeview Component (sha)14735
css
Composability in Design Systems (ada)14734
design-systems, design, components
How to Design Accessible Forms in 10 Steps14733
how-tos, design, accessibility, forms
CSS Inheritance (bel/pic)14732
css, cascade, inheritance
New to the Web Platform in April (rac)14731
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”14730
microsoft, edge, css, support, deprecation
What Is Vite (and Why Is It So Popular)?14729
vite
WebAssembly Performance Patterns for Web Apps (tom)14728
webassembly, performance, web-apps
Superior Range Syntax (css)14727
css, media-queries
My Approach to HTML Web Components (ada)14726
html, web-components
Introduction to NestJS14725
introductions, frameworks, nestjs
The Polish Paradox14724
design, optimization, user-experience
No, I Don’t Want to Fill Out Your Contact Form14723
forms, user-experience
Accessibility Evolution of Organizations (cer)14722
accessibility, processes, economics
Top 50 System Design Interview Questions for 202414721
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)14720
css, overflow
What Do Developers Want From AI?14719
research, ai, productivity, efficiency
Ditch Dotenv: Node.js Now Natively Supports .env File Loading14718
nodejs, environments, tooling
Optimizing INP: A Deep Dive14717
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
The Picture-Superiority Effect: Harness the Power of Visuals (nng)14716
design, images, information-design
Passkeys: A Shattered Dream (fir)14715
security, authentication, passkeys
Basic Algorithms14714
algorithms, search, sorting
Introduction to Manual Website Accessibility Testing14713
videos, introductions, accessibility, testing
Maintaining a Design System in Figma (luk)14712
design-systems, maintenance, figma
Popover API Lands in Baseline (una)14711
pop-overs, apis, browsers, support, web-platform
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)14710
accessibility, processes, prototyping, research
The Rise of Large-Language-Model Optimization (sch+)14709
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)14708
search, forms, html, css, svg
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)14707
guides, overviews, examples, radix
Design Déjà Vu (mal)14706
design, html, css, history, comparisons
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)14705
css, minification, performance
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches14704
memory, garbage-collection, programming
Write Better CSS With Modern CSS (css)14703
css, nesting, custom-properties, media-queries, tips-and-tricks
Use “:has()” to Scope CSS14702
css, selectors, scope
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)14701
javascript, urls
The Perfect Site Doesn’t Exist (mic)14700
quality, maintenance, processes
The New “!important” (geo)14699
css, cascade
Ruby Might Be Faster Than You Think (joh)14698
ruby, performance
Printing Music With CSS Grid (ste)14697
css, grids, examples
Node.js Next 10 Survey—2024 (nod)14696
surveys, nodejs
Node.js 22 Available Now (ope)14695
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)14694
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)14693
html, attributes, dom, comparisons
How to Escape JavaScript for a Script Tag14692
how-tos, javascript, escaping, html
Celebrating 20 Years of Dojo (ope)14691
anniversaries, dojo
Celebrate JavaScript Naked Day Every Year on April 24 (zac)14690
javascript, awareness-days
The First Framework That Lets You Visualize Your React/Node.js App14689
frameworks, visualization, react, nodejs, wasp
How the Meaning of Colour Varies per Culture14688
colors, culture
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome14687
cookies, privacy, browsers, google, chrome
Creating Fluid Typography With the CSS “clamp()” Function14686
css, functions, typography, liquid-design
Comparing Full Stack and Headless CMS Platforms14685
comparisons, content-management, wordpress, drupal, ghost
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)14684
html, modals, pop-overs
Notes on Quality14683
design, user-experience, quality
Latency Numbers Every Frontend Developer Should Know (ind)14682
performance, metrics, terminology
Your Page Can’t Change Media Features (kil)14681
css, media-queries, user-experience, apis
Using Vite to Rebuild Local Dependencies in an npm Workspace14680
npm, dependencies, vite
The Front End Developer/Engineer Handbook 2024 (fro)14679
overviews, career, learning, tech-stacks, concepts, terminology
Taking Regular Screenshots of My Website14678
screenshots, images, automation, playwright, github-actions
Reflecting on My Programming Career14677
career
Images as the First Thing in a Button or Link (tem)14676
accessibility, html, images, buttons, links
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render14675
bun, deploying, performance, case-studies
F-Shape Pattern and How Users Read (vit/sma)14674
usability, design
Adding ESLint and Auto-Fixing an Existing TypeScript Project14673
eslint, typescript, quality, automation
The Slow Death of CSS Vendor Prefixes (oll)14672
css, vendor-extensions, history
Node.js Test Runner: A Beginner’s Guide (bet)14671
guides, nodejs, testing
JavaScript Features That Most Developers Don’t Know14670
javascript, functions
State of Design Tokens 2024 (don+)14669
videos, design-tokens, figma, tooling
Write Alt Text Like You’re Talking to a Friend (spa/clo)14668
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)14667
sustainability, ai
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer14666
ci-cd, concepts
Using Legitimate GitHub URLs for Malware (sch)14665
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)14664
websites, css
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)14663
collaboration, processes
The Art of Design System Recipes (bra)14662
design-systems, design-tokens
How I Use Generative AI in Branding14661
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)14660
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed14659
css
3 Essential Design Trends, May 2024 (web)14658
design, trends
15 Essential UX Design Principles and Practices for Developers (uxm)14657
user-experience, principles, best-practices
Make Product Design Great Again14656
design, user-experience, product-management
3 Tips for Advanced Prototyping in Figma14655
tips-and-tricks, prototyping, figma
Optimising React Apps14654
react, optimization
Detect JavaScript Support (fon/css)14653
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)14652
ai
April 24 Is JS Naked Day (j9t)14651
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)14650
videos, interviews, css
Using “@defer” Defer Views in Angular 1714649
angular, performance, lazy-loading
Node.js Task Runner14648
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)14647
design-systems, accessibility
Long Alt (aar)14646
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)14645
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)14644
design-systems, communication, collaboration
A Short Guide to Mastering Keyboard Shortcuts on GitHub14643
guides, github, keyboard-shortcuts
Typography Variables in Figma Are Here14642
typography, variables, figma
This Web of Ours, Revisited (zel)14641
web
How to Work With GraphQL in WordPress in 2024 (sma)14640
how-tos, wordpress, graphql
How to Create CSS Utility Classes (fon/css)14639
how-tos, css, presentational-html
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)14638
css, layout, grids, masonry
Building a Culture of Accessibility (tet)14637
accessibility, culture
Accessibility Overlays—Friend or Foe? (int)14636
videos, accessibility, overlays
The “Intl.Segmenter” Object Is Now Part of Baseline (rac)14635
browsers, support, web-platform, javascript
Building an npm Package Compatible With ESM and CJS in 202414634
npm, dependencies, interoperability, esm, commonjs
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)14633
redesigning, sustainability
Git Common Developer Pitfalls and Solutions (wom)14632
git
The End of an Era: Women Who Code Closing (wom)14631
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)14630
css, functions, dark-mode
My Code Formatting Guidelines (val)14629
guidelines, formatting, conventions, javascript, html, prettier, configuration
Angular’s New Signal Inputs14628
videos, angular, signals
A Primer on the Cascade and Specificity (bel/pic)14627
introductions, css, selectors, cascade
5 Tailwind CSS Anti-Patterns to Avoid (ato)14626
tailwind, colors, theming, frameworks, anti-patterns
How to Submit a Form in React Using FormData (wom)14625
how-tos, forms, react
Who Should Block AI Bots? (moz)14624
scraping, ai, seo
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)14623
accessibility, security
Webhooks and WebSockets14622
webhooks, websockets
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)14621
jquery, maintenance, migrating
The Impact of Color Contrast on Accessibility14620
accessibility, colors, contrast
Property Hooks Are Coming in PHP 8.4 (ami)14619
php, hooks
JavaScript Code Quality Tools: See Qodana in Action14618
jetbrains, qodana, quality, javascript
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI14617
ai, quality, craft, metrics, engineering-management
How to Write World-Beating Web Content (web)14616
how-tos, writing, content
Displaying HTML Web Components (ada)14615
web-components, css
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)14614
conversion, html, javascript
Building a GitHub Activity Feed With Node.js and Socket.IO14613
nodejs, github, functionality
AI Isn’t Useless—but Is It Worth It? (mol)14612
ai, quality
12 Tips From a Mid-Level Developer14611
career, tips-and-tricks
Alternating Style Queries (kiz)14610
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)14609
css, design, centering
Why We Are Still Using 88×31 Buttons14608
images, history, design
We Need to Rewild the Internet (rob)14607
web, standards, collaboration, creativity, outlooks
Things That Can Break “aspect-ratio” in CSS (chr/fro)14606
css, aspect-ratio
The Right Code for Your Design System (fig)14605
design-systems, figma
The Making of a TypeScript Feature: Inferring Type Predicates14604
typescript
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)14603
web
The Biggest Lie in HTML14602
videos, html
[pnpm] v9.0.0 (pnp)14601
release-notes, pnpm
Making Disabled Buttons More Accessible14600
accessibility, buttons, html, aria
Electron 30.0.0 (kee/ele)14599
release-notes, electron
Ethics in Times of Growth Design14598
design, ethics
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)14597
foss, security, openjs
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)14596
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)14595
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)14594
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)14593
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)14592
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)14591
standards, accessibility, aria, html
An Intro to Flexbox (cfe)14590
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)14589
accessibility
Interview With Senior JS Developer 202414588
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)14587
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)14586
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)14585
apis, dark-mode
Things You Should Do in Your Dev Journey14584
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)14583
html, skip-links, accessibility, mobile
How to Write a Code Formatter14582
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)14581
quality, craft, accessibility, usability, user-experience, conformance, performance
How Do Open Source Licenses Work? The Ultimate Guide14580
guides, foss, licensing
Naming Colors in Design Systems (ado)14579
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning14578
research, learning
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)14577
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Sliding 3D Image Frames in CSS (css/sma)14576
css, images, techniques
Monitoring BFCache Blocking Reasons (chr/mdn)14575
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)14574
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)14573
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)14572
scraping, ai, apache, configuration
Zombie Estimation14571
agile, scrum, processes, project-management
npm Basics for New Developers (nim)14570
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)14569
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)14568
accessibility, keyboard-navigation, html
Let Me Be14567
videos, javascript
Unleashing Designers With Tailwind CSS14566
videos, tailwind, design, processes
Accessible Interactions in JavaScript Apps (san)14565
videos, accessibility, javascript, aria
Epic App Performance Starts With the Database14564
videos, performance, databases, optimization
Purging Design System “Rot” From Our Checkboxes (chu)14563
design-systems, maintenance, quality, accessibility, case-studies
Why I’m Embracing the Arc Browser14562
browsers, arc, the-browser-company
Web Accessibility Statement: How to Write One14561
how-tos, accessibility, documentation, writing
Socks, Lies, and Accessibility14560
accessibility, awareness-days, link-lists
Gap Is the New Margin (chr/fro)14559
css, margins, layout
CSS Tricks to Master the “clip-path” Property (css)14558
css, masking, clipping, tips-and-tricks
Complete a VPAT: Show How Accessible Your Product Is (deq)14557
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)14556
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)14555
accessibility, testing, tooling, automation, comparisons
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions14554
design, user-experience
Frontend Development Beyond React: Svelte14553
svelte
Wednesday, April 10, 2024 Security Releases (raf/nod)14552
release-notes, nodejs, security
The Guide to Git I Never Had14551
guides, git, command-line, cheat-sheets
The Future of Design Systems Is Marketing (fig)14550
design-systems, marketing, metrics
Release Notes for Safari Technology Preview 192 (jon/web)14549
release-notes, browsers, apple, safari
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)14548
webkit, browsers, apple, safari, performance, optimization
Notes on Git’s Error Messages (b0r)14547
git, errors
JS Naked Day (mac+)14546
websites, javascript, awareness-days
I Never Knew a Website Could Hurt Someone (kar)14545
videos, accessibility
React Server Components in a Nutshell14544
react, components
Sending Email Using Node.js (cra)14543
nodejs, email
An Introduction to the Node.js Performance API (bet)14542
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)14541
frontend-dogma, css, awareness-days
Is the Party Over for Scrum Masters and Agile Coaches?14540
agile, scrum, career
Understanding Interaction to Next Paint (INP) (wil/fro)14539
performance, web-vitals
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)14538
accessibility, ada, legal, web, mobile
Recapping ng-conf 202414537
angular
Layered Toggles: Optional CSS Mixins (kiz)14536
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)14535
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)14534
terminology, communication, dei
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution14533
react, history
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities14532
accessibility, legal, web, mobile
Creating a Navbar in React14531
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)14530
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Building a CLI From Scratch With TypeScript and oclif14529
command-line, typescript
DORA’s Software Delivery Metrics: The Four Keys14528
processes, metrics
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities14527
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)14526
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)14525
user-experience, ai, hci
Things That I Like Better in Vue Than in React14524
vuejs, react, frameworks, comparisons
The Death of Creativity14523
creativity, ai
Node.js Debugging in Chrome DevTools (chr/fro)14522
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)14521
design, communication
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)14520
redesigning, strategies, dei, accessibility
How I Write Commits Like a Pro14519
version-control, git, commit-messages, conventions
Blind Internet Users Struggle With Error-Prone AI Aids (fin)14518
accessibility, ai
10 Must Know System Design Concepts for Interviews14517
interviewing, architecture, system-design, concepts, scalability
Testing HTML With Modern CSS (hey)14516
html, css, testing, quality
Jekyll vs. Astro (koo)14515
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)14514
html, images, performance
Demystifying the Shadow DOM14513
dom, shadow-dom
Why I’m Yet Another Woman Leaving the Tech Industry14512
career, community
[zx] 8.0.014511
release-notes, zx
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)14510
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Reviewing Polypane for Responsive Website Tweaks14509
videos, polypane, browsers
How to Think About HTML Responsive Images (db)14508
how-tos, html, images, responsive-design
21 HTML Tips You Must Know About14507
html, tips-and-tricks
Creativity in Software Engineering14506
research, creativity, programming
Breakpoints in Responsive Design (nng)14505
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)14504
foss, community, security
Should Designers Code? (bra)14503
design, career
Managing User Focus With “:focus-visible” (css)14502
css, selectors, focus
How to Make Your Website Work Offline14501
how-tos, web-workers, offline, javascript
ESLint v9.0.0 Released (nza/esl)14500
release-notes, eslint
Drive-By Accessibility Tweaks (bru)14499
accessibility
DevTools Tips and Tricks (fro)14498
browsers, dev-tools, tips-and-tricks
“AI” Won’t Solve Accessibility (yat)14497
accessibility, ai
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)14496
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines14495
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox14494
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue14493
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)14492
accessibility, keyboard-navigation, focus, html
The Basics of Legibility14491
fundamentals, typography, legibility
Rounded Tabs With Inner Curves (css)14490
css, effects, tips-and-tricks
Modern CSS Patterns in Campfire14489
css, case-studies
How to Strongly Type process.env (mat)14488
how-tos, typescript, nodejs
Heat Death of the Internet14487
web
Building Components With Radix UI14486
radix, components
Introducing Jpegli: A New JPEG Coding Library14485
introductions, jpeg, images, libraries, compression
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?14484
dns, security
Using JSON Web Tokens With Node.js14483
json-web-tokens, nodejs, security, authentication
How to Build a Simple Web Server With Node.js14482
how-tos, servers, nodejs
In-Page Links: 3 Usability Tips (nng)14481
videos, links, usability, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)14480
release-notes, nodejs, security
Theming Design Systems (per)14479
design-systems, theming
The View Transitions API (cas/fro)14478
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)14477
svelte, html, parsing
Hanging Punctuation in CSS (ada)14476
css, typography
Fluid Typography With Discrete Steps (css)14475
css, typography, tips-and-tricks
Finally Understand Responsive Design14474
videos, responsive-design, css
BFCache Explained14473
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)14472
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)14471
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)14470
ai, web
Learn JavaScript (wil)14469
courses, javascript
WordPress 6.5 “Regina” (pho/wor)14468
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)14467
how-tos, html, conformance, performance
WebAssembly at Google (tom)14466
videos, webassembly, google
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)14465
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)14464
css, theming
How to Get Somebody Fired Using Git14463
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)14462
css, anchor-positioning
Authentication in Next.js (rwi)14461
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)14460
guides, css, container-queries
The Era of High-Paying Tech Jobs Is Over14459
programming, career, ai, economics
Introducing Root.js14458
introductions, tooling, content-management
What Even Is a JSON Number?14457
json, terminology
The Detail, the Quality14456
design, quality
Micro Frontends With Native Federation14455
micro-frontends, comparisons
Bun 1.1 (jar+/bun)14454
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)14453
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)14452
user-experience, tooling, link-lists
Disable AWS CloudFront Distributions if Budget Is Exceeded14451
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time14450
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)14449
accessibility, web
The DevOps Basics14448
dev-ops, fundamentals
Object Structure in JavaScript Engines14447
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)14446
accessibility
Kobold Letters (wed)14445
html, email, support
10 JavaScript Sites Every Web Developer Should Know14444
javascript, learning, link-lists
Some Samples Using UIkit14443
uikit
Design Is a Process of Getting Stuck (fon)14442
design, processes
“@scope” Is Coming to CSS and It’s Amazing (kev)14441
videos, css, scope
What Negative Effects Does a Bad Website Design Have on My Business? (web)14440
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)14439
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)14438
css, selectors
The Easy Way to Access the Last JavaScript Array Element14437
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)14436
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)14435
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)14434
career
Figma Plugins (tmc)14433
figma, plugins
What’s New in DevTools, Chrome 12414432
release-notes, dev-tools, browsers, google, chrome
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)14431
css, functions, colors, dark-mode
New to the Web Platform in March (rac)14430
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
History of JS Interop in Dart14429
javascript, dart, interoperability, history
The Complete Guide to Captioned Videos (mer)14428
guides, accessibility, captions, multimedia
Release Notes for Safari Technology Preview 191 (jon/web)14427
release-notes, browsers, apple, safari
Improving the Developer Experience of Enterprise Design Systems14426
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)14425
javascript, arrays
A Guide to Building CLI Tools in JavaScript14424
guides, tooling, command-line, javascript, nodejs
What Even Are Dragging Movements? (cat/spa)14423
accessibility, interaction-design, terminology
Iterator Helpers14422
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)14421
performance, metrics, optimization
ai.robots.txt (cor)14420
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)14419
angular, apis
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)14418
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)14417
css, effects
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)14416
tips-and-tricks, how-tos, css, grids, layout, alignment
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests14415
how-tos, jquery, ajax, functions, asynchronicity
Convention Over Creativity? The Ups and Downs of UX Design14414
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility14413
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)14412
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)14411
css, overviews
Node v20.12.0 (LTS) (nod)14410
release-notes, nodejs
How to Take Control of Flexbox (kev)14409
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)14408
html, conformance, performance
How Does npx Actually Work and When to Use It14407
npx, nodejs
History of Web Accessibility14406
videos, accessibility, history
CSS Anchor Positioning (tab+/w3c)14405
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)14404
accessibility
How to Consolidate Multiple Design Systems14403
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization14402
information-design
Error Messages 101 (nng)14401
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)14400
colors, dark-mode, css, javascript
No One Actually Wants Accessibility (dav)14399
accessibility
CORS Finally Explained—Simply14398
security, csrf, cors, concepts
JavaScript Visualized: Promise Execution14397
javascript, promises, visualization
How Does Single Sign-On (SSO) Work? (mil)14396
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)14395
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)14394
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries14393
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)14392
redesigning, case-studies
Profile Node.js Performance With the Performance Panel (jec+)14391
nodejs, performance, debugging, browsers, google, chrome, dev-tools
AI Can Make a Code Review for Free14390
ai, code-reviews, tooling
Radix Themes 3.014389
release-notes, radix
Learn OAuth 2.0 by Building Your Own OAuth Client14388
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)14387
accessibility, aria, screen-readers, mobile
Don’t Get Scammed by Fake Performance Experts and Apps14386
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)14385
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress14384
research, productivity, processes
12 Figma Tips to Work More Efficiently14383
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)14382
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)14381
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)14380
css, units
CSS Values and Units Module Level 3 (tab+/w3c)14379
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)14378
accessibility, captcha
Accessible Forms With Pseudo Classes (css)14377
accessibility, forms, css, selectors
Node.js: The Documentary (isa+)14376
videos, nodejs, history
Microservices Promised Freedom but Delivered Dependencies (pur)14375
microservices, dependencies
Avoid These Design System Traps14374
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)14373
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)14372
design-patterns, react, typescript, performance
Relicensing and Rug Pulls14371
foss, licensing, history
Optimizing JavaScript for Fun and for Profit14370
javascript, optimization
On the Gift of OKR for Company Culture (j9t)14369
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)14368
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)14367
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)14366
nodejs, esm
[Bulma] 1.0.014365
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)14364
frameworks, htmx, examples
Psychology and UX: Decoding the Science Behind User Clicks14363
user-experience, design, principles
Angular Signals: Best Practices14362
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)14361
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)14360
css, box-model, concepts
Progressive Disclosure Defaults (ada)14359
css, forms, interaction-design
How to Plan Your First Successful Website (web)14358
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)14357
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects14356
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)14355
code-pens, layout, css
Build a Full-Stack App With Node.js and htmx14354
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)14353
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)14352
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)14351
css, scrolling