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

Frontend Dogma

“2023” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Git Uncommit (ami)1882
git, command-line
Measuring Developer Productivity? A Response to McKinsey (ger)1881
productivity, metrics
Web Apps Are Better Than No Apps (yur)1880
web-apps
Why Are Websites Embarrassing? (fon)1879
quality, craft
How to Measure Developer Productivity the Right Way1878
how-tos, productivity, processes
How to Implement SSL/TLS Pinning in Node.js1877
how-tos, security, ssl, tls, nodejs
Hover Triangles (may)1876
history, navigation, hover
Announcing Cypress 13 With Test Replay1875
cypress, release-notes
Five Optimization and Performance Tools That Enhance Website User Experience1874
user-experience, performance, optimization, tooling, link-lists
8 Habits That Hold Back Your Developer Potential1873
career, productivity
An Overview of Feature Flags (log)1872
overviews, feature-management, releasing, testing, product-management
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)1871
colors, oklch, css
How I Write Alt Text for Code Snippets on Social Media (ben)1870
accessibility, alt-text, writing, images, social-media
Realistic CSS Animations and the “linear()” Timing Function1869
css, animations, functions, time
Code Splitting in React: Optimize Performance by Splitting Your Code1868
code-splitting, react, performance, optimization
Navigating Web Accessibility Litigation: Advice From a General Counsel (lev)1867
accessibility, legal
From User Needs to User Dreams: Find the Future of Your Product1866
user-experience, design, outlooks
Single-Page Applications: Ember vs. Angular1865
single-page-apps, emberjs, angular, comparisons
Six Reasons Not to Use React (jhe)1864
videos, react
Accessible Navigation1863
accessibility, navigation
Co-Authoring Git Commits (cas)1862
git, collaboration, documentation
Dark Mode: How Users Think About It and Issues to Avoid (nng)1861
dark-mode, user-experience, accessibility, best-practices
Web UX: Study Guide (nng)1860
guides, user-experience, training, link-lists
State of CSS 2023 [Results] (sac+/dev)1859
surveys, metrics, css
How to Master Lodash: A Comprehensive Guide1858
guides, lodash
Biases in Design: Hiding in Plain Sight in a World Full of Visuals1857
design
Package-Based Architecture—Let’s Deliver the Packages1856
architecture, modules, flutter
Browser Automation With Puppeteer1855
puppeteer, automation, testing
Visualizing Recursion With the Sierpinski Triangle1854
algorithms, visualization, javascript
Catching Errors Thrown From “connectedCallback” (nol)1853
javascript, web-components, errors
Scope vs. Shadow DOM (kei)1852
shadow-dom, dom, scope, css, javascript, comparisons
Where to Put Focus When Deleting a Thing (aar)1851
accessibility, focus
WTF Is a Vector Database: A Beginner’s Guide1850
guides, databases, vector-databases
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)1849
introductions, wordpress, domains, outlooks
A More Intelligent and Secure Web (ple/w3c)1848
videos, w3c, standards, web, web-platform, security
Announcing TypeScript 5.2 (dan/typ)1847
release-notes, typescript
European Accessibility Act: Article 32, and Why It Sucks (cra)1846
accessibility, legal, eaa
Main-ly Speaking (col)1845
accessibility, html
TypeScript 5.3 First Look (mat)1844
typescript
What Is Alt Text and How to Write It (tpg)1843
accessibility, images, alt-text, writing
The Comedy of Errors (met)1842
google, search, tooling, errors
Stakeholder Management for Design Systems (luk)1841
design-systems, engineering-management, processes
What Are Exceptions to Section 508 Accessibility Requirements?1840
accessibility, legal, section-508
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)1839
css, shadows, effects
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)1838
google, seo
Headless Architecture: What Is It, and Why Is It the Future?1837
headless, architecture
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)1836
web-components, dom, shadow-dom
The Art of UX Writing (web)1835
user-experience, writing, craft
Use Web Components for What They’re Good At (nol)1834
web-components
To Test or Not to Test, a Technical Perspective1833
testing, automation, best-practices
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)1832
how-tos, accessibility, tips-and-tricks, social-media, linkedin, best-practices
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)1831
bots, robotstxt, scraping, ai
How Organisations Respond to Accessibility Monitoring1830
accessibility, monitoring
No One Actually Wants Simplicity1829
complexity, simplicity
View Transitions Break Incremental Rendering (eee)1828
view-transitions, apis, rendering
WebGlossary.info (j9t)1827
websites, learning, training, concepts, terminology
Debugging Speculation Rules (tun)1826
performance, speculation, debugging
A Quick Introduction to CSS “@scope” (bra)1825
introductions, css, scope, cascade
A Guide to Migrating From Webpack to Vite1824
guides, migrating, webpack, vite
Release Notes for Safari Technology Preview 177 (jon/web)1823
release-notes, browsers, safari
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 20241822
videos, react, hooks, mistakes
Bézier Curves1821
animations
Changes Over the Last 25 Years of UX Research (uxm)1820
user-experience, research, history
Patterns for Reactivity With Modern Vanilla JavaScript (fro)1819
reactivity, javascript
Please Size Your Inline SVGs (aar)1818
svg, images
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)1817
forms, validation, progressive-enhancement
Two Important New Roles for UX Designers in the Era of AI (uxm)1816
user-experience, design, career, ai
Writing Component Specs1815
components, documentation, writing
Migrating From Color Styles to Local Variables in Figma1814
figma, colors, variables, migrating
Can We Truly “Create” Value?1813
user-experience, economics
The Ideal Viewport Doesn’t Exist (bel+)1812
viewport, responsive-design, user-experience
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)1811
design, usability, user-experience, searching
How to Make an Impact as a Developer Advocate (bla)1810
how-tos, developer-relations, advocacy, career
“We’re All Just Temporarily Abled” (jim)1809
accessibility
10 Essential VS Code Tips and Tricks for Greater Productivity1808
vs-code, code-editors, tips-and-tricks, productivity
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know1807
guides, personalization, strategies
Combining “:placeholder-shown” and “:has” (cri)1806
css, selectors, forms
Getting Started With SCSS—the CSS Preprocessor With Superpowers1805
introductions, preprocessors, sass
Let’s Build a Website Using XML (ede)1804
xml, css
Styling Links and Buttons (aar)1803
links, buttons, css, usability
Why htmx Does Not Have a Build Step (htm)1802
htmx, building
Adding a “Share to Mastodon” Link to Any Web Site (cod)1801
social-media, links, mastodon, community, javascript
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works1800
security, cors, javascript
Identifying, Fixing, and Preventing Cannibalization (moz)1799
seo
React Props: A Visual Guide1798
guides, react, props
Scroll Shadows With “animation-timeline” (dav)1797
scrolling, shadows, css
A Beginner’s Guide to Using Pico CSS1796
guides, pico
Being “Polite” Does Not Ensure Access1795
accessibility, legal
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)1794
how-tos, headless, serverless, functions, browsers, chrome
React JSX1793
react, jsx
A Deep Dive Into CSS “color-mix()” (kev)1792
videos, css, colors, deep-dives
“aria-haspopup” and Screen Readers (mat)1791
aria, support, screen-readers
Tabs Are Objectively Better Than Spaces (cfe)1790
formatting, developer-experience, accessibility
The New CSS Math: “round()” (dan)1789
css, math
XUL and HTML (moz)1788
xul, html, comparisons
System Design Introduction1787
introductions, system-design, architecture
Why Do Users Prefer Certain Design? Insights From the Landscape Theory1786
design
How to Use the CSS “gap” Property (ral)1785
how-tos, css, layout
A Better “setTimeout()” in JavaScript (ami)1784
javascript, time
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)1783
accessibility, dei, legal
BEM Methodology Is Not About CSS (vit)1782
css, bem, conventions
CSS-Only Syntax Highlighting… With a Single Element and Gradients1781
css, gradients, syntax-highlighting
Getting Started in a New Codebase1780
onboarding, career, processes
Thinking on Ways to Solve Adaptive Typography (arg)1779
videos, typography, css, fonts
Four New CSS Features for Smooth Entry and Exit Animations (una)1778
css, animations, browsers, chrome, support
Towards HTTPS by Default (jde)1777
browsers, chrome, http, tls, security
An Intro to the “dialog” Element (cfe)1776
introductions, modals, html, semantics
CSS Selectors: A Visual Guide1775
guides, css, selectors
A Beginner’s Guide to SvelteKit1774
guides, sveltekit
A Guide to Optimizing JavaScript Files1773
guides, javascript, performance, optimization, minification, compression
How Layout Position Impacts Three Big Web Performance Levers (sia)1772
performance, web-vitals
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro)1771
videos, release-notes, browsers, chrome
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)1770
forms, validation, progressive-enhancement, javascript
WebAssembly: Byte-Code of the Future1769
webassembly
How to Test Mobile Apps on a Real Device Cloud1768
how-tos, testing, mobile
Useable1767
accessibility, community
An “alt” Decision Tree Using Only “:has()” (aar)1766
accessibility, css, alt-text, images
Testing Your Animation Refresh Rate With CSS Crimes?1765
discussions, css, animations
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications1764
code-splitting, webpack, react, redux
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)1763
web-components, server-side-rendering, lit, webc
Why Inclusive Language Matters in Coding1762
dei, terminology, processes, documentation
Debugging Rules: Understand the System1761
debugging
dependency-time-machine1760
packages, npm, dependencies, maintenance, automation
Write About What You Learn—It Pushes You to Understand Topics Better (add)1759
learning, writing, processes, career
Sophisticated, Highly-Targeted Attacks Continue to Plague npm1758
npm, security
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)1757
accessibility, content, images, best-practices, techniques
Nostalgia in UX Design1756
user-experience, design, history
Supercharge Your HTML With WebC1755
videos, html, webc
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)1754
videos, design, user-experience
The Spectrum of Openness1753
foss, legal, examples
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)1752
browsers, http, support
Create Direction-Aware Effects Using Modern CSS (kev)1751
videos, css, internationalization
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)1750
css, oklch, color-palettes, accessibility, consistency
WCAG 3.0: Further on Up the Road (ons/tpg)1749
accessibility, wcag, standards
Google Tag Manager Performance: 9 Tips for Faster Site Speed1748
google, tag-management, performance, tips-and-tricks
Deprecating the “unload” Event (tun)1747
browsers, chrome, deprecation, events, support
Progressively Enhanced HTML Accordion (aar)1746
html, accordions, semantics, accessibility, progressive-enhancement
Simple APIs Are Elegant APIs (rya)1745
apis, simplicity
Defining Test Cases and Priorities1744
testing
It’s Time to End Damaging Website Design Practices That May Harm Your Users1743
user-experience, usability, design, privacy, best-practices
An Introduction to the esbuild Bundler (cra)1742
introductions, bundling, esbuild
Node.js’s Config Hell Problem (den)1741
nodejs, configuration, maintainability, productivity, developer-experience
A Beginner’s Guide to CSS Grid Layout (ral)1740
guides, css, grids, layout
200 Web-Based, Must-Try Web Design and Development Tools (j9t)1739
link-lists, tooling
8 Common Heading Questions (pop)1738
accessibility, html, headings
An Intro to State-Based UI With JavaScript (cfe)1737
introductions, javascript, state-management
Micro Benevolences (est/ope)1736
community, dei, communication, foss
My Experience Modernizing Packages to ESM1735
dependencies, modernization, esm
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)1734
ai, openai, crawling, scraping, robotstxt
What Happens When You Select “count(*)” in MySQL (ami)1733
databases, mysql
User-Adaptive Interfaces With “AccentColor” (oll)1732
forms, css
An Introduction to htmx, the HTML-Focused Dynamic UI Library1731
introductions, htmx
Lean UX and Agile: Study Guide (nng)1730
guides, user-experience, agile, processes, training, link-lists
UX Is Not Dead, It’s Just Misunderstood1729
user-experience
What Does It Mean for Web Browsers to Have a Baseline1728
browsers, support, web-platform
Definition of Done vs. Acceptance Criteria: What’s the Difference?1727
videos, agile, processes, comparisons
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster1726
browsers, chrome, security
Alt Text Hall of Fame (ste/alt)1725
websites, accessibility, writing, alt-text, images
Blog SEO: 8 Tips to Optimize Your Posts (wpr)1724
blogging, seo, wordpress, tips-and-tricks
How to Improve Performance of Your Database by Indexing Large Tables1723
how-tos, performance, databases, optimization
JSX Without React (chr)1722
jsx, react
Migrating My Blog From Gatsby to Astro (sap)1721
migrating, gatsby, astro
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)1720
crawling, ai, openai, chatgpt, seo
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)1719
forms, validation, progressive-enhancement, html, css
Some Tactics for Writing in Public (b0r)1718
writing, communication, community
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)1717
podcasts, jamstack, htmx, ai
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)1716
career, community, learning
Top 7 Things That Kill Developer Productivity1715
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
A Guide to Single-Page Application Performance1714
guides, single-page-apps, developer-experience, performance, monitoring
The Risks of Micro-Frontends1713
podcasts, micro-frontends
Beautify Your Git Log With a Single Command1712
git, command-line
Scrolljacking 101 (nng)1711
scrolling, user-experience
Responsive Images: DIY Implementation in 6 Steps1710
images, html, responsive-design
Optimizing Speed on ebay.com (add)1709
performance, optimization, web-vitals, case-studies, ebay
A Compilation of Outstanding Testing Articles (With JavaScript)1708
link-lists, testing, javascript
Assistive Technology Shouldn’t Be a Mystery Box (cod)1707
browsers, assistive-tech, accessibility, web-platform, foss, support
Nobody Cares About Your “Perfect” Code: Change Your Perspective1706
quality, product-management
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)1705
accessibility, content, images, best-practices, techniques
Finding My Blogging Path: Lessons From My Journey1704
lessons, blogging, writing, career, community
Insertion Sort: A Deep Dive1703
algorithms, sorting, deep-dives
Route-Based Code Splitting With React1702
code-splitting, routing, react
The Easy Intro to the APCA Contrast Method (myn)1701
introductions, accessibility, colors, contrast, apca
The Next Generation of Web Layouts (zel)1700
web-platform, design, layout
Things You Forgot (or Never Knew) Because of React (col)1699
react, frameworks, learning
Implementing Design Tokens: Colors1698
design-tokens, colors
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)1697
how-tos, git, git-hooks
How Google Measures Developer Productivity1696
interviews, google, productivity, developer-experience, metrics
A Blog Post With Every HTML Element (pat)1695
html, semantics
Contextual Form Errors and ARIA (mar)1694
accessibility, forms, html, aria
How Does Reflowing Content Affect People With Screen Magnification? (tpg)1693
accessibility, reflow, assistive-tech, screen-magnification
How We Optimized Performance to Serve a Global Audience (sma)1692
case-studies, performance, optimization
Prepare to Spy on a Method Added Dynamically (bah)1691
videos, javascript, cypress, testing, debugging
New DOJ Web Accessibility Regulation Is a Disaster1690
accessibility, legal
An Overview of CSS Sizing Units (web)1689
overviews, css, units
No Exit—Every Feed Is a Traffic Jam (mus)1688
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function (ral)1687
how-tos, css, grids, functions, layout
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)1686
accessibility, buttons, processes
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)1685
css, functions, animations
CSS and Accessibility: Inclusion Through User Choice (car/sma)1684
css, accessibility, dei, user-experience
I’m Betting on HTML1683
html, semantics
Mixing Colors to Create Variants in CSS (ami)1682
colors, css
Splitting the Web (plo)1681
web
Understanding React Server Components1680
react, components
PHP Isn’t That Bad, So Why the Hate? (pur)1679
php, frameworks, myths
Why Isn’t “z-index” Working? (una+)1678
videos, css, positioning
What’s New in Svelte: August 2023 (sve)1677
release-notes, svelte, sveltekit
Evading JavaScript Anti-Debugging Techniques (voi)1676
javascript, debugging
Midori Browser Will Change Its Engine to Gecko1675
browsers, gecko, browser-engines
Accessibility Represents Maturity (tem)1674
accessibility, culture
Contrast Checker Bookmarklet (web)1673
bookmarklets, accessibility, colors, contrast
Front End Practice: Top 25+ JavaScript Code Best Practices for Development1672
javascript, best-practices
How to Earn High-Authority Links That Drive Rankings (moz)1671
how-tos, seo, links
Start by Writing Messy Code1670
processes, learning
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)1669
screen-readers, accessibility, pronunciation
The Virtual Keyboard API (sha)1668
apis
Tuesday, August 8, 2023 Security Releases (raf/nod)1667
release-notes, nodejs, security
SECURITY.md: Should I Have It? (mry/ecl)1666
security, documentation
Why I No Longer Believe in Content Design1665
content, design, writing
Randomness in CSS Using Trigonometry1664
css, randomness
What Happens When Developers Are Liable for Accessibility?1663
accessibility, legal
New to the Web Platform in July (rac)1662
release-notes, web-platform, browsers, chrome, firefox, safari
Resume and Pause Animations in CSS (ami)1661
css, animations
Should New Developers Use AI Coding Tools?1660
ai, productivity, tooling, career, learning
A Future of Themes With CSS Container Style Queries (chr)1659
css, style-queries, theming
Do We Need WCAG 3 (Now)? (yat)1658
accessibility, wcag, standards
How “position: absolute” Works in CSS Grid (zor/css)1657
videos, css, grids, layout
How to Define an Array of Colors With CSS (css/sma)1656
how-tos, css, arrays, colors
If Web Components Are So Great, Why Am I Not Using Them? (dav)1655
web-components
Mastering Git Shortcuts: A Guide to Git Aliases1654
guides, git, aliases, productivity
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey1653
javascript, webassembly, python, spidermonkey
Toggles Suck!1652
toggles, design, usability, user-experience
An Update on Site Names1651
domains, google, search
Design Systems Management From Bottom–Up1650
design-systems, processes
The Future of Design Systems Is Semantic (fig)1649
design-systems, design-tokens, processes
The Web Development Glossary 3K (j9t/fro)1648
books, frontend-dogma, learning, training, concepts, terminology
What Is Platform Engineering (and What Is It Not)?1647
platform-engineering
You Probably Don’t Need “http-equiv” Meta Tags (rvi)1646
html, metadata, http, performance
Speeding Up V8 Heap Snapshots (jda)1645
javascript, javascript-engines, v8, performance, memory
Adapting Typography to User Preferences With CSS (arg)1644
typography, css, customization
How to Make Your Captions and Audio Descriptions WCAG-Compliant1643
how-tos, multimedia, captions, compliance, wcag, accessibility
Complete Guide to Human–Computer Interaction (HCI)1642
guides, hci
Release Notes for Safari Technology Preview 175 (jon/web)1641
release-notes, browsers, safari
Help Design the Inaugural “State of HTML” Survey (lea)1640
html, community
Is Jamstack Officially Finished? (rem)1639
tech-stacks, jamstack, community
Tailwind, and the Death of Web Craftsmanship1638
tailwind, craft, quality
The Joy of Simplicity in Web Development (cfe)1637
simplicity, processes
CrBug Release Indicator (bra)1636
browsers, chromium, tooling
Be an Active Ally for Those Living With Disabilities (wom)1635
accessibility, dei
How I Name and Arrange My Color Variables in Figma1634
colors, variables, figma, conventions
How to Use CSS “aspect-ratio” (ral)1633
how-tos, css, aspect-ratio
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported1632
npm, provenance, security, foss
Testing a Component’s Accessibility1631
videos, accessibility, testing, components
Blockquotes in Screen Readers (aar)1630
accessibility, screen-readers, support, html
Combining Data With Multiple Fetch Requests (ste)1629
javascript, arrays, data-fetching
Microservices vs. Micro Frontends: What’s the Difference?1628
microservices, micro-frontends, comparisons
Promises Training1627
javascript, promises, training, courses
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)1626
security, malware, npm
Vision for W3C (cdu/w3c)1625
outlooks, web, web-platform, standards, w3c
Web Accessibility in High-Risk Segments (kar)1624
accessibility, compliance, legal
Application State Management With Angular Signals1623
state-management, angular, signals
Fetching Data From an HTTP API With Python (sil)1622
data-fetching, apis, python
Solving the Accessibility Palette Riddle1621
accessibility, colors, color-palettes
What to Do When Your Developers Don’t Collaborate1620
processes, collaboration
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)1619
browsers, arc
The Rise of Minimalism in Web Design: Less Is More1618
minimalism, design
6 Ways ChatGPT Can Improve Your SEO (moz)1617
ai, chatgpt, seo, metadata, code-generation
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)1616
user-experience, strategies
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)1615
performance, web-vitals, seo
Eleventy SMACSS (jus)1614
eleventy, smacss, css
Getting Started With Pico CSS (log)1613
introductions, pico
I Blame the W3C’s HTML Standard for Ordered Lists (sid)1612
html, lists, semantics
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)1611
security, web, surveys
The New “X” Button Doesn’t Close the Website1610
user-experience, community, social-media
The Problem With Auto-Generated Alternative Texts for Images (dni)1609
accessibility, ai, writing
10 Simple CSS and JavaScript Micro-Interactions for Buttons1608
css, javascript, buttons, effects
Understanding the WCAG 3 Working Draft Update1607
accessibility, wcag
WebKit Features in Safari 16.6 (jen/web)1606
release-notes, browsers, safari, webkit
SVG Gradients: Solving Curved Challenges1605
svg, images, gradients
Effective Code Reviews (add)1604
code-reviews, processes, learning, career
Good Code Is— (j9t)1603
quality, terminology
Using Imagery in Visual Design (nng)1602
design, images, content
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons1601
comparisons, bootstrap, tailwind, unocss
Accessible Animated GIF Alternatives (tyl/clo)1600
accessibility, animations, gif, multimedia, comparisons
CSP Testing Using Cypress (bah)1599
csp, testing, cypress
How SEOs and UX Designers Can Work Better Together (moz)1598
seo, user-experience, design, collaboration
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)1597
processes, career, productivity
Why Learning to Program Is Easier Now, but Also Way Harder Than Before1596
programming, learning, productivity, developer-experience
Enable Hover Conditionally in CSS (ami)1595
css, hover
Installing Multiple Versions of Node.js Using nvm1594
nodejs, nvm
A Guide to Perfecting Pull Requests1593
git, code-reviews, collaboration, foss
CSS Cascade Layers (odd)1592
videos, css, cascade
Design Systems: Avoiding Common Pitfalls (vig)1591
design-systems
From Mid to Senior: Time Management and Prioritization1590
career, productivity, prioritization
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)1589
programming, quality, maintainability, communication
How to Use CSS “object-fit” and “object-position” (ral)1588
how-tos, css, images
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)1587
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why1586
accessibility, quality, maintenance
DX in the Frontend Developer Ecosystem (ste)1585
videos, developer-experience
Ember JS Essentials: A Beginner’s Guide1584
fundamentals, guides, emberjs
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec)1583
videos, dev-tools, browsers, chrome, network, webassembly, release-notes
11ty: Index All The Things! (lea)1582
eleventy, pagination
How Platform Teams Get Stuff Done (ph1/mfo)1581
productivity, processes, platform-engineering
User Input Sanitization and Validation: Securing Your App1580
security, sanitization, validation, conformance
What Is the Bento UI Trend, and How Can You Get Started? (web)1579
design, trends
SvelteKit in 100 Seconds (fir)1578
videos, introductions, sveltekit
Encoding: A Brief History and Its Role in Cybersecurity1577
encoding, unicode, security, history
How to Build and Deploy a Modern Day Next.js Application1576
how-tos, nextjs, building, deploying
Visually Hidden Links With 0 Dimensions (mat)1575
hiding, accessibility, links, focus, safari
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?1574
discussions, javascript, frameworks
Getting Instant Return From Your Accessibility Testing (kar)1573
accessibility, testing
Getting Started With CSS Nesting (kev)1572
videos, introductions, css, nesting
Signals Make Angular Much Easier1571
angular, signals
An Introduction to LangChain, Python, and OpenAI1570
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits1569
figma, css, units, support
5 Inconvenient Truths About TypeScript (dea)1568
typescript, javascript, complexity
Advanced Positioning in CSS Grid (zor/css)1567
videos, css, grids, positioning, layout
Fluid vs. Responsive Typography With CSS Clamp (its/log)1566
css, functions, typography, responsive-design
Node.js Security Progress Report—17 Reports Closed (ope)1565
nodejs, security
O “dialog” Focus, Where Art Thou? (mat)1564
accessibility, modals, html, focus
The Power of Git: A Guide to Collaborative Version Control (bek/ope)1563
guides, git, collaboration
The 10 Commitments of an Agile Leader1562
agile, processes, collaboration, leadership, engineering-management
Upgrading an Ancient React Application1561
react, maintenance
Stick to Boring Architecture for as Long as Possible (add)1560
architecture
It’s All About Complexity (max)1559
complexity
What Is TanStack1558
tanstack, vercel
Using Emoji on the Web (oll)1557
emoji, fonts, support, unicode
Lightweight JavaScript Framework Review (for Django Developers)1556
javascript, frameworks, comparisons, link-lists, django
How I Structured My Design System Using Figma’s New Variables1555
design-systems, design-tokens, figma, variables
15 Advanced TypeScript Tips for Development1554
typescript, tips-and-tricks
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management1553
guides, npm, dependencies
Down-and-Across Highlighting (mey)1552
code-pens, css, tables, effects
Figma Typography Secrets—Seven Pro Tips Revealed (pim)1551
typography, figma
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)1550
accessibility, interoperability, screen-readers, assistive-tech, jaws
Scroll Progress Animations in CSS (mic/mdn)1549
css, scrolling, animations, progress-indicators
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)1548
css
WordPress 6.3 to Introduce a Development Mode (sar)1547
wordpress
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use1546
accessibility, forms, react, testing
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)1545
leadership, dei, accessibility
Better Roadmaps1544
project-management, processes
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide1543
guides, tables, tailwind
CSS Findings From the Threads App (sha)1542
css, case-studies, facebook+meta
Getting Started With Tailwind CSS: A Quick-Start Guide1541
introductions, guides, tailwind
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide1540
guides, tailwind, responsive-design, grids, layout
Mock JSON API Endpoints for Testing (ami)1539
json, apis, testing
Useful Functions for [an] HTTP Server1538
deno, servers, http, functions
[WebKit] Standards Positions (web)1537
webkit, standards, support
Why Design Systems Fail1536
design-systems, lessons
Arrays and Tuples in TypeScript (fro)1535
typescript, arrays
Developer’s Research Process (cit)1534
research, processes
From Nunjucks to Liquid (mor)1533
template-engines, nunjucks, liquid, migrating
How AI Is Making Web Design More Efficient (web)1532
ai, design, efficiency
The alt-text.org Project Is Moving Forward (han)1531
accessibility, writing
The Magic of Empty Git Commit1530
git, command-line
Top 20 Must-Know Tips for Web Accessibility1529
accessibility, tips-and-tricks
3 Common Types of Test Automation1528
testing, automation
A Case Study on Scroll-Driven Animations Performance1527
animations, scrolling, performance, css, javascript
How to Use Your Intuition in Your Product Design Process1526
how-tos, design, product-management, processes
JPEG XL: How It Started, How It’s Going1525
images, compression, jpeg-xl
Release Notes for Safari Technology Preview 174 (mar/web)1524
release-notes, browsers, safari
Preload vs. Early Hints vs. Fetch Priority1523
videos, performance, html, http, hints, comparisons, preloading
Recent Design1522
websites, design, link-lists
Introduction to CSS Grid: A Comprehensive Guide1521
guides, css, grids, layout
My Journey to Learning CSS (kev)1520
videos, css, learning
Permission (ada)1519
web, seo, google
Sass Features in CSS (chr)1518
css, sass
Storing Data in Control Flow (rsc)1517
programming
Tailwind CSS Tips and Tricks Worth Knowing (bui)1516
tailwind, tips-and-tricks
A Guide to Variables in Figma1515
guides, variables, figma
Organize TypeScript Types With Namespaces1514
typescript, namespaces
TypeScript and the Dawn of Gradual Types (rww)1513
typescript
Loading and Progress Indicators1512
performance, user-experience, design-patterns, progress-indicators
Data-Driven Design: The Rise of Big Data in UX (uxm)1511
design, metrics, user-experience
Developing Inclusivity Features (uxm)1510
design, accessibility, dei
How to Prevent Unnecessary React Component Re-Rendering1509
how-tos, react, client-side-rendering, performance
Invisible Details of Interaction Design1508
interaction-design, design, user-experience
JavaScript Debounce, Easiest Explanation (With Code)1507
debouncing, javascript
Making Numbers in Web Content Accessible (ons/tpg)1506
accessibility
Mockups Explained (uxm)1505
design, processes
The Anatomy of a Perfect Landing Page That Converts (uxm)1504
landing-pages, user-conversion
Tree Shaking in JavaScript1503
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js1502
introductions, nodejs, databases, vector-databases
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)1501
memory, dev-tools, browsers, chrome, edge
Getting Started—Understanding the History of Web Accessibility1500
videos, introductions, accessibility, history
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)1499
css, media-queries, javascript, html, dark-mode
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator1498
introductions, jekyll
React Design Patterns1497
react, software-design-patterns
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS1496
caching, fingerprinting, react
How to Improve the Release Frequency of Your Team?1495
how-tos, releasing, processes, agile, scrum
Deploying a Fastify and Vue 3 Static Site to Heroku1494
deploying, fastify, vuejs, heroku
New Viewport Units (sha)1493
viewport, css, units, responsive-design
Use Case-Driven Standards Development1492
standards
Awesome List of Free CSS [Generators]1491
link-lists, css, code-generation, tooling
The Decline in Design (Thinking)1490
design, user-experience
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)1489
components, css, refactoring, maintenance
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)1488
css, effects, images
Unleashing Lightning CSS1487
css, tooling, lightning-css
htmx in 100 Seconds (fir)1486
videos, introductions, htmx
The New “@font-face” Syntax (oll)1485
css, fonts
Four Lenses of Productivity1484
research, productivity
Testing the Dark Scenarios of Your Node.js Application1483
nodejs, testing
Strategic UX Research Is the Next Big Thing (jms)1482
user-experience, research, strategies
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)1481
leadership, dei, accessibility
Just Normal Web Things (hbu)1480
web, user-experience
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)1479
css, positioning, layout
The Case Against Self-Closing Tags in HTML (jaf)1478
html
There’s No Such Thing as a “Normal” User (kar)1477
accessibility
URL Explained: The Fundamentals (itt)1476
terminology
An Introduction to Native CSS Nesting (cra)1475
introductions, css, nesting
Is Lighthouse a Misleading Performance Tool?1474
performance, lighthouse, web-vitals, tooling
Can We Query the Root Container? (mia/odd)1473
css, container-queries
CSS Only Floating Labels1472
css, floats, forms, labels
How to Validate HTML On-Line at W3C (wie)1471
how-tos, html, conformance, tooling
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management1470
introductions, guides, kanban, agile, project-management
Multithreading With Worker Threads in Node.js (app)1469
nodejs, multithreading, worker-threads
Understanding JWTs: A Simple Guide for Beginners1468
guides, json-web-tokens
Redundancy Is Great (jun)1467
information-design
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)1466
youtube, twitter+x, open-graph, social-media, metadata, images
Origin Trials and Tribulations (rvi)1465
web-platform, browsers, origin-trials, metrics
When User Testing Sessions Bring Up Trauma1464
user-experience, testing
Creating SVG Animations Using Tailwind CSS1463
svg, images, animations, tailwind
Resources for Procurement of Accessible Digital Products and VPAT (den)1462
accessibility, vpat-acr, conformance, tooling, link-lists
Are We There Yet? (svg)1461
css, colors, history
Design for the Web Without Figma1460
design, tooling
The “article” Element and Screen Readers (mat)1459
html, screen-readers, accessibility, support
The Trick to Smoothly Animating Shadows in CSS (kev)1458
videos, css, animations, shadows
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)1457
performance, user-experience, user-conversion, metrics, economics
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus1456
css, preprocessors, less, sass, stylus, comparisons
Making the Switch: From Yarn/npm to pnpm1455
migrating, yarn, npm, pnpm
Build a Simple Beginner App With Node, Bootstrap, and MongoDB1454
web-apps, nodejs, bootstrap, mongodb
90s Websites—Key Characteristics and Examples1453
design, history, trends, navigation, colors, typography
See What’s New in Firefox [115.0] (moz)1452
release-notes, browsers, firefox
Introduction to MongoDB and NoSQL Databases1451
introductions, databases, mongodb, nosql
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)1450
how-tos, accessibility, aria, auditing
Differences Between vi and Vim Text Editors Explained1449
vi+vim, code-editors, comparisons
How I Am Blogging the IndieWeb Way (liz)1448
blogging, indieweb, automation
HTML Form Validation Using Cypress1447
forms, validation, cypress
Understanding SVG Paths1446
svg, images
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)1445
accessibility, browsers, screen-readers, assistive-tech
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)1444
design, principles, user-experience, dei
AI and the Automation of Work1443
ai, automation, processes
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide1442
how-tos, guides, nodejs, command-line, servers, ssh
And 4 More HTML Concepts You Didn’t Know (j9t)1441
html, concepts, web-components
Designers Who Code, What Is It Good For? (fra)1440
design, career
Identify Unused npm Packages in Your Project (ami)1439
npm, dependencies, maintenance
Observing Node.js Processes With eBPF1438
monitoring, nodejs
State of the Web: Deno1437
deno
Setting Expectations for the Node.js Test Runner (cji)1436
nodejs, testing
How to Tackle Docker and Kubernetes for Frontend1435
how-tos, containerization, docker, kubernetes
In Defence of “DOMContentLoaded” (css)1434
javascript, dom, performance
The Big Problem With Variables in Figma1433
figma, variables
How to Measure the Impact of a Design System?1432
how-tos, design-systems, metrics
Angular Is Getting New Template Syntax (dan)1431
angular
React Developers Love Preact, Here’s Why (hac)1430
react, preact, comparisons
The “details” Element and In-Page Search (mat)1429
html, disclosure-widgets, search, browsers, user-experience
CommonJS Is Hurting JavaScript (den)1428
javascript, commonjs
New to the Web Platform in June (rac)1427
release-notes, web-platform, browsers, firefox, chrome, safari
Introduction to JSX1426
introductions, jsx, react
How to Build Things People Want to Use1425
how-tos, user-experience
JavaScript Gom Jabbar1424
javascript
Solved: Tricky Floating Image Alignment (tyl/clo)1423
css, floats, layout, alignment, responsive-design
Under-Engineered Comboboxen? (aar)1422
forms, html, css, accessibility
Understanding TypeScript Generators (log)1421
typescript
What’s the Perfect Design Process? (vit/sma)1420
design, processes
WCAG 2.2, Quick and Simplified1419
wcag, accessibility, standards
The Importance of Verifying Webhook Signatures1418
security, webhooks
An Introduction to the View Transitions API (cra)1417
introductions, css, view-transitions, apis
Accessible Overlays Aren’t Accessible1416
accessibility, overlays
Combat Accessibility Decay: How to Maintain Ongoing Accessibility1415
how-tos, accessibility, processes
Introduction to MySQL Data Types1414
databases, mysql, types
What’s Next for Redux With Mark Erikson (ace/jhe)1413
videos, interviews, react, redux, state-management
4 Ways to Improve Mobile Accessibility (kar)1412
accessibility, mobile
Form and Search Landmarks (mat)1411
html, aria, forms, browsers, assistive-tech, support
On Feedback1410
communication, collaboration, culture
Position-Driven Styles (kiz)1409
css, animations
JavaScript Console Methods: A Deep Dive1408
javascript, console, methods, debugging, deep-dives
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?1407
npm, yarn, pnpm, comparisons, performance, best-practices
The SOLID Principles: Writing Scalable and Maintainable Code1406
principles, solid, scalability, maintainability
How to Use CSS “background-size” and “background-position”1405
how-tos, css, backgrounds
Getting Started With Native Design Tokens in Figma (luk)1404
design-tokens, figma, introductions
Why You Must Commit to Grounding Every DEI-Related Effort With Data1403
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 20231402
accessibility, ada, legal, trends
Feature Flags Configuration, Instrumentation, and Use1401
videos, feature-management, releasing, testing
Release Notes for Safari Technology Preview 173 (jen/web)1400
release-notes, browsers, safari
Building Sliding Cards With “position: sticky;” (sar)1399
css
Popular DevTools Tips (pat/sma)1398
browsers, dev-tools, tips-and-tricks
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams1397
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?1396
javascript, operators
The Fake Aura of Care in UX1395
user-experience
Amplify Design Values Through Building Design System1394
design, design-systems
What’s Next for JavaScript: New Features to Look Forward To1393
javascript
Screen Magnification: Digital Accessibilitiy1392
videos, accessibility, assistive-tech, screen-magnification
The Massive Bug at the Heart of the npm Ecosystem (dar/vlt)1391
npm, dependencies, security, bugs
Going Beyond Constants With Custom Properties (uti/iod)1390
css, custom-properties
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)1389
how-tos, colors, css
Live Regions in React1388
react, aria, live-regions, accessibility
Mapping Typography (sco/9el)1387
videos, typography, css
Qwik Introduction—a Framework That Goes Fast1386
videos, introductions, qwik
The Novel Engines: Servo (bka+/iga)1385
podcasts, browser-engines, servo, browsers
Top Tips From a Web Accessibility Evaluator at WebAIM (web)1384
accessibility, webaim, auditing, tips-and-tricks
Transition Between Pages Smoothly With a Single Line of Code (cit)1383
css, transitions