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)1883
git, command-line
Web Apps Are Better Than No Apps (yur)1882
web-apps
Why Are Websites Embarrassing? (fon)1881
quality, craft
How to Measure Developer Productivity the Right Way1880
how-tos, productivity, processes
How to Implement SSL/TLS Pinning in Node.js1879
how-tos, security, ssl, tls, nodejs
Hover Triangles (may)1878
history, navigation, hover
Announcing Cypress 13 With Test Replay1877
cypress, release-notes
Five Optimization and Performance Tools That Enhance Website User Experience1876
user-experience, performance, optimization, tooling, link-lists
Measuring Developer Productivity? A Response to McKinsey (ger+)1875
productivity, metrics
8 Habits That Hold Back Your Developer Potential1874
career, productivity
An Overview of Feature Flags (log)1873
overviews, feature-management, releasing, testing, product-management
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)1872
colors, oklch, css
How I Write Alt Text for Code Snippets on Social Media (ben)1871
accessibility, alt-text, writing, images, social-media
Realistic CSS Animations and the “linear()” Timing Function1870
css, animations, functions, time
Code Splitting in React: Optimize Performance by Splitting Your Code1869
code-splitting, react, performance, optimization
Navigating Web Accessibility Litigation: Advice From a General Counsel (lev)1868
accessibility, legal
From User Needs to User Dreams: Find the Future of Your Product1867
user-experience, design, outlooks
Single-Page Applications: Ember vs. Angular1866
single-page-apps, emberjs, angular, comparisons
Six Reasons Not to Use React (jhe)1865
videos, react
Accessible Navigation1864
accessibility, navigation
Co-Authoring Git Commits (cas)1863
git, collaboration, documentation
Dark Mode: How Users Think About It and Issues to Avoid (nng)1862
dark-mode, user-experience, accessibility, best-practices
Web UX: Study Guide (nng)1861
guides, user-experience, training, link-lists
State of CSS 2023 [Results] (sac+/dev)1860
surveys, metrics, css
How to Master Lodash: A Comprehensive Guide1859
guides, lodash
Biases in Design: Hiding in Plain Sight in a World Full of Visuals1858
design
Package-Based Architecture—Let’s Deliver the Packages1857
architecture, modules, flutter
Browser Automation With Puppeteer1856
puppeteer, automation, testing
Visualizing Recursion With the Sierpinski Triangle1855
algorithms, visualization, javascript
Catching Errors Thrown From “connectedCallback” (nol)1854
javascript, web-components, errors
Scope vs. Shadow DOM (kei)1853
shadow-dom, dom, scope, css, javascript, comparisons
Where to Put Focus When Deleting a Thing (aar)1852
accessibility, focus
WTF Is a Vector Database: A Beginner’s Guide1851
guides, databases, vector-databases
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)1850
introductions, wordpress, domains, outlooks
A More Intelligent and Secure Web (ple/w3c)1849
videos, w3c, standards, web, web-platform, security
Announcing TypeScript 5.2 (dan/typ)1848
release-notes, typescript
European Accessibility Act: Article 32, and Why It Sucks (cra)1847
accessibility, legal, eaa
Main-ly Speaking (col)1846
accessibility, html
TypeScript 5.3 First Look (mat)1845
typescript
What Is Alt Text and How to Write It (tpg)1844
accessibility, images, alt-text, writing
The Comedy of Errors (met)1843
google, search, tooling, errors
Stakeholder Management for Design Systems (luk)1842
design-systems, engineering-management, processes
What Are Exceptions to Section 508 Accessibility Requirements?1841
accessibility, legal, section-508
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)1840
css, shadows, effects
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)1839
google, seo
Headless Architecture: What Is It, and Why Is It the Future?1838
headless, architecture
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)1837
web-components, dom, shadow-dom
The Art of UX Writing (web)1836
user-experience, writing, craft
Use Web Components for What They’re Good At (nol)1835
web-components
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)1834
how-tos, accessibility, tips-and-tricks, social-media, linkedin, best-practices
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)1833
bots, robotstxt, scraping, ai
How Organisations Respond to Accessibility Monitoring1832
accessibility, monitoring
To Test or Not to Test, a Technical Perspective (lei)1831
testing, automation, best-practices
No One Actually Wants Simplicity1830
complexity, simplicity
View Transitions Break Incremental Rendering (eee)1829
view-transitions, apis, rendering
WebGlossary.info (j9t)1828
websites, learning, training, concepts, terminology
Debugging Speculation Rules (tun)1827
performance, speculation, debugging
A Quick Introduction to CSS “@scope” (bra)1826
introductions, css, scope, cascade
A Guide to Migrating From Webpack to Vite1825
guides, migrating, webpack, vite
Release Notes for Safari Technology Preview 177 (jon/web)1824
release-notes, browsers, safari
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 20241823
videos, react, hooks, mistakes
Changes Over the Last 25 Years of UX Research (uxm)1822
user-experience, research, history
Patterns for Reactivity With Modern Vanilla JavaScript (fro)1821
reactivity, javascript
Please Size Your Inline SVGs (aar)1820
svg, images
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)1819
forms, validation, progressive-enhancement
Two Important New Roles for UX Designers in the Era of AI (uxm)1818
user-experience, design, career, ai
Writing Component Specs1817
components, documentation, writing
Migrating From Color Styles to Local Variables in Figma1816
figma, colors, variables, migrating
Can We Truly “Create” Value?1815
user-experience, economics
Bézier Curves1814
animations
The Ideal Viewport Doesn’t Exist (bel+)1813
viewport, responsive-design, user-experience
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)1812
design, usability, user-experience, searching
How to Make an Impact as a Developer Advocate (bla)1811
how-tos, developer-relations, advocacy, career
“We’re All Just Temporarily Abled” (jim)1810
accessibility
10 Essential VS Code Tips and Tricks for Greater Productivity1809
vs-code, code-editors, tips-and-tricks, productivity
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know1808
guides, personalization, strategies
Combining “:placeholder-shown” and “:has” (cri)1807
css, selectors, forms
Getting Started With SCSS—the CSS Preprocessor With Superpowers1806
introductions, preprocessors, sass
Let’s Build a Website Using XML (ede)1805
xml, css
Styling Links and Buttons (aar)1804
links, buttons, css, usability
Why htmx Does Not Have a Build Step (htm)1803
htmx, building
Adding a “Share to Mastodon” Link to Any Web Site (cod)1802
social-media, links, mastodon, community, javascript
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works1801
security, cors, javascript
Identifying, Fixing, and Preventing Cannibalization (moz)1800
seo
React Props: A Visual Guide1799
guides, react, props
Scroll Shadows With “animation-timeline” (dav)1798
scrolling, shadows, css
A Beginner’s Guide to Using Pico CSS1797
guides, pico
Being “Polite” Does Not Ensure Access1796
accessibility, legal
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)1795
how-tos, headless, serverless, functions, browsers, chrome
React JSX1794
react, jsx
A Deep Dive Into CSS “color-mix()” (kev)1793
videos, css, colors, deep-dives
Tabs Are Objectively Better Than Spaces (cfe)1792
formatting, developer-experience, accessibility
The New CSS Math: “round()” (dan)1791
css, math
XUL and HTML (moz)1790
xul, html, comparisons
System Design Introduction1789
introductions, system-design, architecture
Why Do Users Prefer Certain Design? Insights From the Landscape Theory1788
design
How to Use the CSS “gap” Property (ral)1787
how-tos, css, layout
“aria-haspopup” and Screen Readers (mat)1786
aria, support, screen-readers, accessibility
A Better “setTimeout()” in JavaScript (ami)1785
javascript, time
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)1784
accessibility, dei, legal
BEM Methodology Is Not About CSS (vit)1783
css, bem, conventions
CSS-Only Syntax Highlighting… With a Single Element and Gradients1782
css, gradients, syntax-highlighting
Getting Started in a New Codebase1781
onboarding, career, processes
Thinking on Ways to Solve Adaptive Typography (arg)1780
videos, typography, css, fonts
Four New CSS Features for Smooth Entry and Exit Animations (una)1779
css, animations, browsers, chrome, support
Towards HTTPS by Default (jde)1778
browsers, chrome, http, tls, security
An Intro to the “dialog” Element (cfe)1777
introductions, modals, html, semantics
CSS Selectors: A Visual Guide1776
guides, css, selectors
A Beginner’s Guide to SvelteKit1775
guides, sveltekit
A Guide to Optimizing JavaScript Files1774
guides, javascript, performance, optimization, minification, compression
How Layout Position Impacts Three Big Web Performance Levers (sia)1773
performance, web-vitals
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro)1772
videos, release-notes, browsers, chrome
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)1771
forms, validation, progressive-enhancement, javascript
WebAssembly: Byte-Code of the Future1770
webassembly
How to Test Mobile Apps on a Real Device Cloud1769
how-tos, testing, mobile
Useable1768
accessibility, community
An “alt” Decision Tree Using Only “:has()” (aar)1767
accessibility, css, alt-text, images
Testing Your Animation Refresh Rate With CSS Crimes?1766
discussions, css, animations
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications1765
code-splitting, webpack, react, redux
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)1764
web-components, server-side-rendering, lit, webc
Why Inclusive Language Matters in Coding1763
dei, terminology, processes, documentation
Debugging Rules: Understand the System1762
debugging
dependency-time-machine1761
packages, npm, dependencies, maintenance, automation
Write About What You Learn—It Pushes You to Understand Topics Better (add)1760
learning, writing, processes, career
Sophisticated, Highly-Targeted Attacks Continue to Plague npm1759
npm, security
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)1758
accessibility, content, images, best-practices, techniques
Nostalgia in UX Design1757
user-experience, design, history
Supercharge Your HTML With WebC1756
videos, html, webc
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)1755
videos, design, user-experience
The Spectrum of Openness1754
foss, legal, examples
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)1753
browsers, http, support
Create Direction-Aware Effects Using Modern CSS (kev)1752
videos, css, internationalization
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)1751
css, oklch, color-palettes, accessibility, consistency
WCAG 3.0: Further on Up the Road (ons/tpg)1750
accessibility, wcag, standards
Google Tag Manager Performance: 9 Tips for Faster Site Speed1749
google, tag-management, performance, tips-and-tricks
Deprecating the “unload” Event (tun)1748
browsers, chrome, deprecation, events, support
Progressively Enhanced HTML Accordion (aar)1747
html, accordions, semantics, accessibility, progressive-enhancement
Simple APIs Are Elegant APIs (rya)1746
apis, simplicity
It’s Time to End Damaging Website Design Practices That May Harm Your Users1745
user-experience, usability, design, privacy, best-practices
An Introduction to the esbuild Bundler (cra)1744
introductions, bundling, esbuild
Node.js’s Config Hell Problem (den)1743
nodejs, configuration, maintainability, productivity, developer-experience
A Beginner’s Guide to CSS Grid Layout (ral)1742
guides, css, grids, layout
Defining Test Cases and Priorities (lei)1741
testing
200 Web-Based, Must-Try Web Design and Development Tools (j9t)1740
link-lists, tooling
8 Common Heading Questions (pop)1739
accessibility, html, headings
An Intro to State-Based UI With JavaScript (cfe)1738
introductions, javascript, state-management
Micro Benevolences (est/ope)1737
community, dei, communication, foss
My Experience Modernizing Packages to ESM1736
dependencies, modernization, esm
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)1735
ai, openai, crawling, scraping, robotstxt
What Happens When You Select “count(*)” in MySQL (ami)1734
databases, mysql
User-Adaptive Interfaces With “AccentColor” (oll)1733
forms, css
An Introduction to htmx, the HTML-Focused Dynamic UI Library1732
introductions, htmx
Lean UX and Agile: Study Guide (nng)1731
guides, user-experience, agile, processes, training, link-lists
UX Is Not Dead, It’s Just Misunderstood1730
user-experience
What Does It Mean for Web Browsers to Have a Baseline1729
browsers, support, web-platform
Definition of Done vs. Acceptance Criteria: What’s the Difference?1728
videos, agile, processes, comparisons
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster1727
browsers, chrome, security
Alt Text Hall of Fame (ste/alt)1726
websites, accessibility, writing, alt-text, images
Blog SEO: 8 Tips to Optimize Your Posts (wpr)1725
blogging, seo, wordpress, tips-and-tricks
How to Improve Performance of Your Database by Indexing Large Tables1724
how-tos, performance, databases, optimization
JSX Without React (chr)1723
jsx, react
Migrating My Blog From Gatsby to Astro (sap)1722
migrating, gatsby, astro
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)1721
crawling, ai, openai, chatgpt, seo
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)1720
forms, validation, progressive-enhancement, html, css
Some Tactics for Writing in Public (b0r)1719
writing, communication, community
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)1718
podcasts, jamstack, htmx, ai
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)1717
career, community, learning
Top 7 Things That Kill Developer Productivity1716
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
A Guide to Single-Page Application Performance1715
guides, single-page-apps, developer-experience, performance, monitoring
The Risks of Micro-Frontends1714
podcasts, micro-frontends
Beautify Your Git Log With a Single Command1713
git, command-line
Scrolljacking 101 (nng)1712
scrolling, user-experience
Responsive Images: DIY Implementation in 6 Steps1711
images, html, responsive-design
Optimizing Speed on ebay.com (add)1710
performance, optimization, web-vitals, case-studies, ebay
A Compilation of Outstanding Testing Articles (With JavaScript)1709
link-lists, testing, javascript
Assistive Technology Shouldn’t Be a Mystery Box (cod)1708
browsers, assistive-tech, accessibility, web-platform, foss, support
Nobody Cares About Your “Perfect” Code: Change Your Perspective1707
quality, product-management
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)1706
accessibility, content, images, best-practices, techniques
Finding My Blogging Path: Lessons From My Journey1705
lessons, blogging, writing, career, community
Insertion Sort: A Deep Dive1704
algorithms, sorting, deep-dives
Route-Based Code Splitting With React1703
code-splitting, routing, react
The Easy Intro to the APCA Contrast Method (myn)1702
introductions, accessibility, colors, contrast, apca
The Next Generation of Web Layouts (zel)1701
web-platform, design, layout
Things You Forgot (or Never Knew) Because of React (col)1700
react, frameworks, learning
Implementing Design Tokens: Colors1699
design-tokens, colors
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)1698
how-tos, git, git-hooks
How Google Measures Developer Productivity1697
interviews, google, productivity, developer-experience, metrics
A Blog Post With Every HTML Element (pat)1696
html, semantics
Contextual Form Errors and ARIA (mar)1695
accessibility, forms, html, aria
How Does Reflowing Content Affect People With Screen Magnification? (tpg)1694
accessibility, reflow, assistive-tech, screen-magnification
How We Optimized Performance to Serve a Global Audience (sma)1693
case-studies, performance, optimization
Prepare to Spy on a Method Added Dynamically (bah)1692
videos, javascript, cypress, testing, debugging
New DOJ Web Accessibility Regulation Is a Disaster1691
accessibility, legal
An Overview of CSS Sizing Units (web)1690
overviews, css, units
No Exit—Every Feed Is a Traffic Jam (mus)1689
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function (ral)1688
how-tos, css, grids, functions, layout
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)1687
accessibility, buttons, processes
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)1686
css, functions, animations
CSS and Accessibility: Inclusion Through User Choice (car/sma)1685
css, accessibility, dei, user-experience
I’m Betting on HTML1684
html, semantics
Mixing Colors to Create Variants in CSS (ami)1683
colors, css
Splitting the Web (plo)1682
web
PHP Isn’t That Bad, So Why the Hate? (pur)1681
php, frameworks, myths
Why Isn’t “z-index” Working? (una+)1680
videos, css, positioning
What’s New in Svelte: August 2023 (sve)1679
release-notes, svelte, sveltekit
Evading JavaScript Anti-Debugging Techniques (voi)1678
javascript, debugging
Midori Browser Will Change Its Engine to Gecko1677
browsers, gecko, browser-engines
Understanding React Server Components1676
react, components
Accessibility Represents Maturity (tem)1675
accessibility, culture
Contrast Checker Bookmarklet (web)1674
bookmarklets, accessibility, colors, contrast
Front End Practice: Top 25+ JavaScript Code Best Practices for Development1673
javascript, best-practices
How to Earn High-Authority Links That Drive Rankings (moz)1672
how-tos, seo, links
Start by Writing Messy Code1671
processes, learning
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)1670
screen-readers, accessibility, pronunciation
The Virtual Keyboard API (sha)1669
apis
Tuesday, August 8, 2023 Security Releases (raf/nod)1668
release-notes, nodejs, security
SECURITY.md: Should I Have It? (mry/ecl)1667
security, documentation
Why I No Longer Believe in Content Design1666
content, design, writing
Randomness in CSS Using Trigonometry1665
css, randomness
What Happens When Developers Are Liable for Accessibility?1664
accessibility, legal
New to the Web Platform in July (rac)1663
release-notes, web-platform, browsers, chrome, firefox, safari
Resume and Pause Animations in CSS (ami)1662
css, animations
Should New Developers Use AI Coding Tools?1661
ai, productivity, tooling, career, learning
A Future of Themes With CSS Container Style Queries (chr)1660
css, style-queries, theming
Do We Need WCAG 3 (Now)? (yat)1659
accessibility, wcag, standards
How “position: absolute” Works in CSS Grid (zor/css)1658
videos, css, grids, layout
How to Define an Array of Colors With CSS (css/sma)1657
how-tos, css, arrays, colors
If Web Components Are So Great, Why Am I Not Using Them? (dav)1656
web-components
Mastering Git Shortcuts: A Guide to Git Aliases1655
guides, git, aliases, productivity
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey1654
javascript, webassembly, python, spidermonkey
Toggles Suck!1653
toggles, design, usability, user-experience
An Update on Site Names1652
domains, google, search
Design Systems Management From Bottom–Up1651
design-systems, processes
The Future of Design Systems Is Semantic (fig)1650
design-systems, design-tokens, processes
The Web Development Glossary 3K (j9t/fro)1649
books, frontend-dogma, learning, training, concepts, terminology
What Is Platform Engineering (and What Is It Not)?1648
platform-engineering
You Probably Don’t Need “http-equiv” Meta Tags (rvi)1647
html, metadata, http, performance
Speeding Up V8 Heap Snapshots (jda)1646
javascript, javascript-engines, v8, performance, memory
Adapting Typography to User Preferences With CSS (arg)1645
typography, css, customization
How to Make Your Captions and Audio Descriptions WCAG-Compliant1644
how-tos, multimedia, captions, compliance, wcag, accessibility
Complete Guide to Human–Computer Interaction (HCI)1643
guides, hci
Release Notes for Safari Technology Preview 175 (jon/web)1642
release-notes, browsers, safari
How Languages Work: String Interpolation (jan)1641
programming, strings
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
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons1602
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)1601
design, images, content
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
Design Systems: Avoiding Common Pitfalls (vig)1592
design-systems
From Mid to Senior: Time Management and Prioritization1591
career, productivity, prioritization
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)1590
programming, quality, maintainability, communication
How to Use CSS “object-fit” and “object-position” (ral)1589
how-tos, css, images
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)1588
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why1587
accessibility, quality, maintenance
DX in the Frontend Developer Ecosystem (ste)1586
videos, developer-experience
Ember JS Essentials: A Beginner’s Guide1585
fundamentals, guides, emberjs
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec)1584
videos, dev-tools, browsers, chrome, network, webassembly, release-notes
CSS Cascade Layers (sta+/odd)1583
videos, css, cascade
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
A Case Study on Scroll-Driven Animations Performance1528
animations, scrolling, performance, css, javascript
How to Use Your Intuition in Your Product Design Process1527
how-tos, design, product-management, processes
JPEG XL: How It Started, How It’s Going1526
images, compression, jpeg-xl
Preload vs. Early Hints vs. Fetch Priority1525
videos, performance, html, http, hints, comparisons, preloading
Recent Design1524
websites, design, link-lists
3 Common Types of Test Automation (lei)1523
testing, automation
Release Notes for Safari Technology Preview 174 (mar/web)1522
release-notes, browsers, safari
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
JavaScript Debounce, Easiest Explanation (With Code)1508
debouncing, javascript
Making Numbers in Web Content Accessible (ons/tpg)1507
accessibility
Mockups Explained (uxm)1506
design, processes
The Anatomy of a Perfect Landing Page That Converts (uxm)1505
landing-pages, user-conversion
Tree Shaking in JavaScript1504
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js1503
introductions, nodejs, databases, vector-databases
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)1502
memory, dev-tools, browsers, chrome, edge
Getting Started—Understanding the History of Web Accessibility1501
videos, introductions, accessibility, history
Invisible Details of Interaction Design1500
interaction-design, design, user-experience
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