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

Frontend Dogma

“2023” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Git Uncommit (ami)1890
git, command-line
Web Apps Are Better Than No Apps (yur)1889
web-apps
Why Are Websites Embarrassing? (fon)1888
quality, craft
How to Measure Developer Productivity the Right Way1887
how-tos, productivity, processes
How to Implement SSL/TLS Pinning in Node.js1886
how-tos, security, ssl, tls, nodejs
Hover Triangles (may)1885
history, navigation, hover
Announcing Cypress 13 With Test Replay1884
cypress, release-notes
Five Optimization and Performance Tools That Enhance Website User Experience1883
user-experience, performance, optimization, tooling, link-lists
Measuring Developer Productivity? A Response to McKinsey (ger+)1882
productivity, metrics
Building Accessibility Into Your Company, Team, and Culture (swi)1881
videos, accessibility, culture
Benchmarks [for 24 CSV Parsing Approaches]1880
csv, parsing, performance, comparisons
An Overview of Feature Flags (log)1879
overviews, feature-management, releasing, testing, product-management
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)1878
colors, oklch, css
How I Write Alt Text for Code Snippets on Social Media (ben)1877
accessibility, alt-text, writing, images, social-media
Navigating Web Accessibility Litigation: Advice From a General Counsel (lev)1876
accessibility, legal
Single-Page Applications: Ember vs. Angular1875
single-page-apps, emberjs, angular, comparisons
Six Reasons Not to Use React (jhe)1874
videos, react
Realistic CSS Animations and the “linear()” Timing Function1873
css, animations, functions, time
From User Needs to User Dreams: Find the Future of Your Product1872
user-experience, design, outlooks
8 Habits That Hold Back Your Developer Potential1871
career, productivity
Code Splitting in React: Optimize Performance by Splitting Your Code1870
code-splitting, react, performance, optimization
Co-Authoring Git Commits (cas)1869
git, collaboration, documentation
Web UX: Study Guide (nng)1868
guides, user-experience, training, link-lists
State of CSS 2023 [Results] (sac+/dev)1867
surveys, metrics, css
Biases in Design: Hiding in Plain Sight in a World Full of Visuals1866
design
Dark Mode: How Users Think About It and Issues to Avoid (nng)1865
dark-mode, user-experience, accessibility, best-practices
How to Master Lodash: A Comprehensive Guide1864
guides, lodash
Package-Based Architecture—Let’s Deliver the Packages1863
architecture, modules, flutter
Accessible Navigation1862
accessibility, navigation
Browser Automation With Puppeteer1861
puppeteer, automation, testing
Visualizing Recursion With the Sierpinski Triangle1860
algorithms, visualization, javascript
Catching Errors Thrown From “connectedCallback” (nol)1859
javascript, web-components, errors
Scope vs. Shadow DOM (kei)1858
shadow-dom, dom, scope, css, javascript, comparisons
Where to Put Focus When Deleting a Thing (aar)1857
accessibility, focus
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)1856
introductions, wordpress, domains, outlooks
WTF Is a Vector Database: A Beginner’s Guide1855
guides, databases, vector-databases
A More Intelligent and Secure Web (ple/w3c)1854
videos, w3c, standards, web, web-platform, security
Announcing TypeScript 5.2 (dan/typ)1853
release-notes, typescript
European Accessibility Act: Article 32, and Why It Sucks (cra)1852
accessibility, legal, eaa
Main-ly Speaking (col)1851
accessibility, html
TypeScript 5.3 First Look (mat)1850
typescript
What Is Alt Text and How to Write It (tpg)1849
accessibility, images, alt-text, writing
The Comedy of Errors (met)1848
google, search, tooling, errors
Stakeholder Management for Design Systems (luk)1847
design-systems, engineering-management, processes
What Are Exceptions to Section 508 Accessibility Requirements?1846
accessibility, legal, section-508
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)1845
css, shadows, effects
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)1844
google, seo
Headless Architecture: What Is It, and Why Is It the Future?1843
headless, architecture
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)1842
web-components, dom, shadow-dom
The Art of UX Writing (web)1841
user-experience, writing, craft
Use Web Components for What They’re Good At (nol)1840
web-components
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)1839
how-tos, accessibility, tips-and-tricks, social-media, linkedin, best-practices
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)1838
bots, robotstxt, scraping, ai
How Organisations Respond to Accessibility Monitoring1837
accessibility, monitoring
To Test or Not to Test, a Technical Perspective (lei)1836
testing, automation, best-practices
View Transitions Break Incremental Rendering (eee)1835
view-transitions, apis, rendering
WebGlossary.info (j9t)1834
websites, learning, training, concepts, terminology
Debugging Speculation Rules (tun)1833
performance, speculation, debugging
A Quick Introduction to CSS “@scope” (bra)1832
introductions, css, scope, cascade
A Guide to Migrating From Webpack to Vite1831
guides, migrating, webpack, vite
Release Notes for Safari Technology Preview 177 (jon/web)1830
release-notes, browsers, safari
No One Actually Wants Simplicity1829
complexity, simplicity
Please Size Your Inline SVGs (aar)1828
svg, images
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)1827
forms, validation, progressive-enhancement
Two Important New Roles for UX Designers in the Era of AI (uxm)1826
user-experience, design, career, ai
Migrating From Color Styles to Local Variables in Figma1825
figma, colors, variables, migrating
Bézier Curves1824
animations
The Ideal Viewport Doesn’t Exist (bel+)1823
viewport, responsive-design, user-experience
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
Writing Component Specs1820
components, documentation, writing
Can We Truly “Create” Value? (ian)1819
user-experience, economics
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 20241818
videos, react, hooks, mistakes
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)1817
design, usability, user-experience, searching
How to Make an Impact as a Developer Advocate (bla)1816
how-tos, developer-relations, advocacy, career
“We’re All Just Temporarily Abled” (jim)1815
accessibility
10 Essential VS Code Tips and Tricks for Greater Productivity1814
vs-code, code-editors, tips-and-tricks, productivity
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know1813
guides, personalization, strategies
Combining “:placeholder-shown” and “:has” (cri)1812
css, selectors, forms
Getting Started With SCSS—the CSS Preprocessor With Superpowers1811
introductions, preprocessors, sass
Let’s Build a Website Using XML (ede)1810
xml, css
Styling Links and Buttons (aar)1809
links, buttons, css, usability
Why htmx Does Not Have a Build Step (htm)1808
htmx, building
Adding a “Share to Mastodon” Link to Any Web Site (cod)1807
social-media, links, mastodon, community, javascript
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works1806
security, cors, javascript
React Props: A Visual Guide1805
guides, react, props
Scroll Shadows With “animation-timeline” (dav)1804
scrolling, shadows, css
A Beginner’s Guide to Using Pico CSS1803
guides, pico
Being “Polite” Does Not Ensure Access1802
accessibility, legal
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)1801
how-tos, headless, serverless, functions, browsers, chrome
React JSX1800
react, jsx
Identifying, Fixing, and Preventing Cannibalization (moz)1799
seo
A Deep Dive Into CSS “color-mix()” (kev)1798
videos, css, colors, deep-dives
Tabs Are Objectively Better Than Spaces (cfe)1797
formatting, developer-experience, accessibility
The New CSS Math: “round()” (dan)1796
css, math
System Design Introduction1795
introductions, system-design, architecture
Why Do Users Prefer Certain Design? Insights From the Landscape Theory1794
design
How to Use the CSS “gap” Property (ral)1793
how-tos, css, layout
“aria-haspopup” and Screen Readers (mat)1792
aria, support, screen-readers, accessibility
XUL and HTML (moz)1791
xul, html, comparisons
A Better “setTimeout()” in JavaScript (ami)1790
javascript, time
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)1789
accessibility, dei, legal
BEM Methodology Is Not About CSS (vit)1788
css, bem, conventions
Thinking on Ways to Solve Adaptive Typography (arg)1787
videos, typography, css, fonts
Four New CSS Features for Smooth Entry and Exit Animations (una)1786
css, animations, browsers, chrome, support
Towards HTTPS by Default (jde)1785
browsers, chrome, http, tls, security
Getting Started in a New Codebase (abb)1784
onboarding, career, processes
CSS-Only Syntax Highlighting… With a Single Element and Gradients1783
css, gradients, syntax-highlighting
An Intro to the “dialog” Element (cfe)1782
introductions, modals, html, semantics
CSS Selectors: A Visual Guide1781
guides, css, selectors
How Layout Position Impacts Three Big Web Performance Levers (sia)1780
performance, web-vitals
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro)1779
videos, release-notes, browsers, chrome
A Guide to Optimizing JavaScript Files1778
guides, javascript, performance, optimization, minification, compression
A Beginner’s Guide to SvelteKit1777
guides, sveltekit
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)1776
forms, validation, progressive-enhancement, javascript
How to Test Mobile Apps on a Real Device Cloud1775
how-tos, testing, mobile
Useable1774
accessibility, community
WebAssembly: Byte-Code of the Future1773
webassembly
An “alt” Decision Tree Using Only “:has()” (aar)1772
accessibility, css, alt-text, images
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications1771
code-splitting, webpack, react, redux
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)1770
web-components, server-side-rendering, lit, webc
Testing Your Animation Refresh Rate With CSS Crimes?1769
discussions, css, animations
Why Inclusive Language Matters in Coding1768
dei, terminology, processes, documentation
Write About What You Learn—It Pushes You to Understand Topics Better (add)1767
learning, writing, processes, career
Sophisticated, Highly-Targeted Attacks Continue to Plague npm1766
npm, security
dependency-time-machine1765
packages, npm, dependencies, maintenance, automation
Debugging Rules: Understand the System1764
debugging
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)1763
videos, design, user-experience
The Spectrum of Openness1762
foss, legal, examples
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)1761
accessibility, content, images, best-practices, techniques
Nostalgia in UX Design1760
user-experience, design, history
Supercharge Your HTML With WebC1759
videos, html, webc
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)1758
browsers, http, support
Create Direction-Aware Effects Using Modern CSS (kev)1757
videos, css, internationalization
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)1756
css, oklch, color-palettes, accessibility, consistency
WCAG 3.0: Further on Up the Road (ons/tpg)1755
accessibility, wcag, standards
Google Tag Manager Performance: 9 Tips for Faster Site Speed1754
google, tag-management, performance, tips-and-tricks
Deprecating the “unload” Event (tun)1753
browsers, chrome, deprecation, events, support
Progressively Enhanced HTML Accordion (aar)1752
html, accordions, semantics, accessibility, progressive-enhancement
Simple APIs Are Elegant APIs (rya)1751
apis, simplicity
It’s Time to End Damaging Website Design Practices That May Harm Your Users1750
user-experience, usability, design, privacy, best-practices
An Introduction to the esbuild Bundler (cra)1749
introductions, bundling, esbuild
Node.js’s Config Hell Problem (den)1748
nodejs, configuration, maintainability, productivity, developer-experience
A Beginner’s Guide to CSS Grid Layout (ral)1747
guides, css, grids, layout
Defining Test Cases and Priorities (lei)1746
testing
200 Web-Based, Must-Try Web Design and Development Tools (j9t)1745
link-lists, tooling
8 Common Heading Questions (pop)1744
accessibility, html, headings
An Intro to State-Based UI With JavaScript (cfe)1743
introductions, javascript, state-management
Micro Benevolences (est/ope)1742
community, dei, communication, foss
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)1741
ai, openai, crawling, scraping, robotstxt
What Happens When You Select “count(*)” in MySQL (ami)1740
databases, mysql
User-Adaptive Interfaces With “AccentColor” (oll)1739
forms, css
An Introduction to htmx, the HTML-Focused Dynamic UI Library1738
introductions, htmx
Lean UX and Agile: Study Guide (nng)1737
guides, user-experience, agile, processes, training, link-lists
What Does It Mean for Web Browsers to Have a Baseline1736
browsers, support, web-platform
Definition of Done vs. Acceptance Criteria: What’s the Difference?1735
videos, agile, processes, comparisons
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster1734
browsers, chrome, security
My Experience Modernizing Packages to ESM (ace)1733
dependencies, modernization, esm
UX Is Not Dead, It’s Just Misunderstood1732
user-experience
Alt Text Hall of Fame (ste/alt)1731
websites, accessibility, writing, alt-text, images
Blog SEO: 8 Tips to Optimize Your Posts (wpr)1730
blogging, seo, wordpress, tips-and-tricks
JSX Without React (chr)1729
jsx, react
Migrating My Blog From Gatsby to Astro (sap)1728
migrating, gatsby, astro
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)1727
crawling, ai, openai, chatgpt, seo
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)1726
forms, validation, progressive-enhancement, html, css
Some Tactics for Writing in Public (b0r)1725
writing, communication, community
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)1724
podcasts, jamstack, htmx, ai
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)1723
career, community, learning
Top 7 Things That Kill Developer Productivity1722
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
A Guide to Single-Page Application Performance1721
guides, single-page-apps, developer-experience, performance, monitoring
The Risks of Micro-Frontends1720
podcasts, micro-frontends
How to Improve Performance of Your Database by Indexing Large Tables1719
how-tos, performance, databases, optimization
Scrolljacking 101 (nng)1718
scrolling, user-experience
Optimizing Speed on ebay.com (add)1717
performance, optimization, web-vitals, case-studies, ebay
A Compilation of Outstanding Testing Articles (With JavaScript)1716
link-lists, testing, javascript
Responsive Images: DIY Implementation in 6 Steps1715
images, html, responsive-design
Beautify Your Git Log With a Single Command1714
git, command-line
Assistive Technology Shouldn’t Be a Mystery Box (cod)1713
browsers, assistive-tech, accessibility, web-platform, foss, support
Nobody Cares About Your “Perfect” Code: Change Your Perspective1712
quality, product-management
The Easy Intro to the APCA Contrast Method (myn)1711
introductions, accessibility, colors, contrast, apca
The Next Generation of Web Layouts (zel)1710
web-platform, design, layout
Things You Forgot (or Never Knew) Because of React (col)1709
react, frameworks, learning
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)1708
how-tos, git, git-hooks
How Google Measures Developer Productivity1707
interviews, google, productivity, developer-experience, metrics
Implementing Design Tokens: Colors1706
design-tokens, colors
Finding My Blogging Path: Lessons From My Journey1705
lessons, blogging, writing, career, community
Route-Based Code Splitting With React1704
code-splitting, routing, react
Insertion Sort: A Deep Dive1703
algorithms, sorting, deep-dives
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)1702
accessibility, content, images, best-practices, techniques
A Blog Post With Every HTML Element (pat)1701
html, semantics
Contextual Form Errors and ARIA (mar)1700
accessibility, forms, html, aria
How Does Reflowing Content Affect People With Screen Magnification? (tpg)1699
accessibility, reflow, assistive-tech, screen-magnification
Prepare to Spy on a Method Added Dynamically (bah)1698
videos, javascript, cypress, testing, debugging
New DOJ Web Accessibility Regulation Is a Disaster1697
accessibility, legal
An Overview of CSS Sizing Units (web)1696
overviews, css, units
How We Optimized Performance to Serve a Global Audience (sma)1695
case-studies, performance, optimization
No Exit—Every Feed Is a Traffic Jam (mus)1694
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function (ral)1693
how-tos, css, grids, functions, layout
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)1692
accessibility, buttons, processes
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)1691
css, functions, animations
CSS and Accessibility: Inclusion Through User Choice (car/sma)1690
css, accessibility, dei, user-experience
I’m Betting on HTML1689
html, semantics
Mixing Colors to Create Variants in CSS (ami)1688
colors, css
Splitting the Web (plo)1687
web
PHP Isn’t That Bad, So Why the Hate? (pur)1686
php, frameworks, myths
Why Isn’t “z-index” Working? (una+)1685
videos, css, positioning
What’s New in Svelte: August 2023 (sve)1684
release-notes, svelte, sveltekit
Evading JavaScript Anti-Debugging Techniques (voi)1683
javascript, debugging
Understanding React Server Components1682
react, components
Midori Browser Will Change Its Engine to Gecko1681
browsers, gecko, browser-engines
Accessibility Represents Maturity (tem)1680
accessibility, culture
Contrast Checker Bookmarklet (web)1679
bookmarklets, accessibility, colors, contrast
Front End Practice: Top 25+ JavaScript Code Best Practices for Development1678
javascript, best-practices
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)1677
screen-readers, accessibility, pronunciation
The Virtual Keyboard API (sha)1676
apis
SECURITY.md: Should I Have It? (mry/ecl)1675
security, documentation
Randomness in CSS Using Trigonometry1674
css, randomness
What Happens When Developers Are Liable for Accessibility?1673
accessibility, legal
New to the Web Platform in July (rac)1672
release-notes, web-platform, browsers, chrome, firefox, safari
Tuesday, August 8, 2023 Security Releases (raf/nod)1671
release-notes, nodejs, security
Why I No Longer Believe in Content Design1670
content, design, writing
Start by Writing Messy Code1669
processes, learning
How to Earn High-Authority Links That Drive Rankings (moz)1668
how-tos, seo, links
Resume and Pause Animations in CSS (ami)1667
css, animations
A Future of Themes With CSS Container Style Queries (chr)1666
css, style-queries, theming
Should New Developers Use AI Coding Tools?1665
ai, productivity, tooling, career, learning
Do We Need WCAG 3 (Now)? (yat)1664
accessibility, wcag, standards
How “position: absolute” Works in CSS Grid (zor/css)1663
videos, css, grids, layout
How to Define an Array of Colors With CSS (css/sma)1662
how-tos, css, arrays, colors
If Web Components Are So Great, Why Am I Not Using Them? (dav)1661
web-components
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey1660
javascript, webassembly, python, spidermonkey
Toggles Suck!1659
toggles, design, usability, user-experience
An Update on Site Names1658
domains, google, search
Design Systems Management From Bottom–Up1657
design-systems, processes
Mastering Git Shortcuts: A Guide to Git Aliases1656
guides, git, aliases, productivity
The Web Development Glossary 3K (j9t/fro)1655
books, frontend-dogma, learning, training, concepts, terminology
You Probably Don’t Need “http-equiv” Meta Tags (rvi)1654
html, metadata, http, performance
Speeding Up V8 Heap Snapshots (jda)1653
javascript, javascript-engines, v8, performance, memory
Adapting Typography to User Preferences With CSS (arg)1652
typography, css, customization
How to Make Your Captions and Audio Descriptions WCAG-Compliant1651
how-tos, multimedia, captions, compliance, wcag, accessibility
Complete Guide to Human–Computer Interaction (HCI)1650
guides, hci
Release Notes for Safari Technology Preview 175 (jon/web)1649
release-notes, browsers, safari
How Languages Work: String Interpolation (jan)1648
programming, strings
What Is Platform Engineering (and What Is It Not)?1647
platform-engineering
The Future of Design Systems Is Semantic (car/fig)1646
design-systems, design-tokens, processes
Help Design the Inaugural “State of HTML” Survey (lea)1645
html, community
Is Jamstack Officially Finished? (rem)1644
tech-stacks, jamstack, community
Tailwind, and the Death of Web Craftsmanship1643
tailwind, craft, quality
The Joy of Simplicity in Web Development (cfe)1642
simplicity, processes
CrBug Release Indicator (bra)1641
browsers, chromium, tooling
Be an Active Ally for Those Living With Disabilities (wom)1640
accessibility, dei
How to Use CSS “aspect-ratio” (ral)1639
how-tos, css, aspect-ratio
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported1638
npm, provenance, security, foss
Testing a Component’s Accessibility1637
videos, accessibility, testing, components
How I Name and Arrange My Color Variables in Figma1636
colors, variables, figma, conventions
Blockquotes in Screen Readers (aar)1635
accessibility, screen-readers, support, html
Combining Data With Multiple Fetch Requests (ste)1634
javascript, arrays, data-fetching
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)1633
security, malware, npm
Vision for W3C (cdu/w3c)1632
outlooks, web, web-platform, standards, w3c
Web Accessibility in High-Risk Segments (kar)1631
accessibility, compliance, legal
Fetching Data From an HTTP API With Python (sil)1630
data-fetching, apis, python
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)1629
browsers, arc
The Rise of Minimalism in Web Design: Less Is More1628
minimalism, design
Application State Management With Angular Signals1627
state-management, angular, signals
Promises Training1626
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?1625
microservices, micro-frontends, comparisons
What to Do When Your Developers Don’t Collaborate1624
processes, collaboration
Solving the Accessibility Palette Riddle1623
accessibility, colors, color-palettes
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)1622
user-experience, strategies
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)1621
performance, web-vitals, seo
Eleventy SMACSS (jus)1620
eleventy, smacss, css
I Blame the W3C’s HTML Standard for Ordered Lists (sid)1619
html, lists, semantics
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)1618
security, web, surveys
The New “X” Button Doesn’t Close the Website1617
user-experience, community, social-media
The Problem With Auto-Generated Alternative Texts for Images (dni)1616
accessibility, ai, writing
Understanding the WCAG 3 Working Draft Update1615
accessibility, wcag
WebKit Features in Safari 16.6 (jen/web)1614
release-notes, browsers, safari, webkit
SVG Gradients: Solving Curved Challenges1613
svg, images, gradients
10 Simple CSS and JavaScript Micro-Interactions for Buttons1612
css, javascript, buttons, effects
Getting Started With Pico CSS (log)1611
introductions, pico
6 Ways ChatGPT Can Improve Your SEO (moz)1610
ai, chatgpt, seo, metadata, code-generation
Effective Code Reviews (add)1609
code-reviews, processes, learning, career
Good Code Is— (j9t)1608
quality, terminology
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons1607
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)1606
design, images, content
Accessible Animated GIF Alternatives (tyl/clo)1605
accessibility, animations, gif, multimedia, comparisons
CSP Testing Using Cypress (bah)1604
csp, testing, cypress
Enable Hover Conditionally in CSS (ami)1603
css, hover
Installing Multiple Versions of Node.js Using nvm1602
nodejs, nvm
Why Learning to Program Is Easier Now, but Also Way Harder Than Before1601
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)1600
processes, career, productivity
How SEOs and UX Designers Can Work Better Together (moz)1599
seo, user-experience, design, collaboration
Design Systems: Avoiding Common Pitfalls (vig)1598
design-systems
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)1597
programming, quality, maintainability, communication
How to Use CSS “object-fit” and “object-position” (ral)1596
how-tos, css, images
DX in the Frontend Developer Ecosystem (ste)1595
videos, developer-experience
Ember JS Essentials: A Beginner’s Guide1594
fundamentals, guides, emberjs
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec)1593
videos, dev-tools, browsers, chrome, network, webassembly, release-notes
CSS Cascade Layers (sta+/odd)1592
videos, css, cascade
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why1591
accessibility, quality, maintenance
Web Content Accessibility Guidelines (WCAG) 2.2 (ala+/w3c)1590
accessibility, guidelines, wcag, standards
A Guide to Perfecting Pull Requests1589
git, code-reviews, collaboration, foss
From Mid to Senior: Time Management and Prioritization1588
career, productivity, prioritization
11ty: Index All The Things! (lea)1587
eleventy, pagination
How Platform Teams Get Stuff Done (ph1/mfo)1586
productivity, processes, platform-engineering
What Is the Bento UI Trend, and How Can You Get Started? (web)1585
design, trends
SvelteKit in 100 Seconds (fir)1584
videos, introductions, sveltekit
Encoding: A Brief History and Its Role in Cybersecurity1583
encoding, unicode, security, history
How to Build and Deploy a Modern Day Next.js Application1582
how-tos, nextjs, building, deploying
Visually Hidden Links With 0 Dimensions (mat)1581
hiding, accessibility, links, focus, safari
User Input Sanitization and Validation: Securing Your App1580
security, sanitization, validation, conformance
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?1579
discussions, javascript, frameworks
Getting Instant Return From Your Accessibility Testing (kar)1578
accessibility, testing
Getting Started With CSS Nesting (kev)1577
videos, introductions, css, nesting
An Introduction to LangChain, Python, and OpenAI1576
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits1575
figma, css, units, support
Signals Make Angular Much Easier1574
angular, signals
5 Inconvenient Truths About TypeScript (dea)1573
typescript, javascript, complexity
Advanced Positioning in CSS Grid (zor/css)1572
videos, css, grids, positioning, layout
Fluid vs. Responsive Typography With CSS Clamp (its/log)1571
css, functions, typography, responsive-design
Node.js Security Progress Report—17 Reports Closed (ope)1570
nodejs, security
O “dialog” Focus, Where Art Thou? (mat)1569
accessibility, modals, html, focus
The Power of Git: A Guide to Collaborative Version Control (bek/ope)1568
guides, git, collaboration
The 10 Commitments of an Agile Leader1567
agile, processes, collaboration, leadership, engineering-management
Upgrading an Ancient React Application1566
react, maintenance
Stick to Boring Architecture for as Long as Possible (add)1565
architecture
It’s All About Complexity (max)1564
complexity
What Is TanStack1563
tanstack, vercel
Using Emoji on the Web (oll)1562
emoji, fonts, support, unicode
How I Structured My Design System Using Figma’s New Variables1561
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)1560
javascript, frameworks, comparisons, link-lists, django
15 Advanced TypeScript Tips for Development1559
typescript, tips-and-tricks
Down-and-Across Highlighting (mey)1558
code-pens, css, tables, effects
Figma Typography Secrets—Seven Pro Tips Revealed (pim)1557
typography, figma
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)1556
accessibility, interoperability, screen-readers, assistive-tech, jaws
Scroll Progress Animations in CSS (mic/mdn)1555
css, scrolling, animations, progress-indicators
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)1554
css
WordPress 6.3 to Introduce a Development Mode (sar)1553
wordpress
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management1552
guides, npm, dependencies
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use1551
accessibility, forms, react, testing
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide1550
guides, tables, tailwind
CSS Findings From the Threads App (sha)1549
css, case-studies, facebook+meta
Getting Started With Tailwind CSS: A Quick-Start Guide1548
introductions, guides, tailwind
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide1547
guides, tailwind, responsive-design, grids, layout
Mock JSON API Endpoints for Testing (ami)1546
json, apis, testing
[WebKit] Standards Positions (web)1545
webkit, standards, support
Useful Functions for [an] HTTP Server1544
deno, servers, http, functions
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)1543
leadership, dei, accessibility
Better Roadmaps1542
project-management, processes
Why Design Systems Fail1541
design-systems, lessons
Arrays and Tuples in TypeScript (fro)1540
typescript, arrays
Developer’s Research Process (cit)1539
research, processes
From Nunjucks to Liquid (mor)1538
template-engines, nunjucks, liquid, migrating
The alt-text.org Project Is Moving Forward (han)1537
accessibility, writing
Top 20 Must-Know Tips for Web Accessibility1536
accessibility, tips-and-tricks
A Case Study on Scroll-Driven Animations Performance1535
animations, scrolling, performance, css, javascript
Preload vs. Early Hints vs. Fetch Priority1534
videos, performance, html, http, hints, comparisons, preloading
Recent Design1533
websites, design, link-lists
3 Common Types of Test Automation (lei)1532
testing, automation
Release Notes for Safari Technology Preview 174 (mar/web)1531
release-notes, browsers, safari
How to Use Your Intuition in Your Product Design Process1530
how-tos, design, product-management, processes
JPEG XL: How It Started, How It’s Going (jon)1529
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)1528
ai, design, efficiency
The Magic of Empty Git Commit1527
git, command-line
My Journey to Learning CSS (kev)1526
videos, css, learning
Sass Features in CSS (chr)1525
css, sass
Storing Data in Control Flow (rsc)1524
programming
Organize TypeScript Types With Namespaces1523
typescript, namespaces
TypeScript and the Dawn of Gradual Types (rww)1522
typescript
Loading and Progress Indicators1521
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma (joe)1520
guides, variables, figma
Tailwind CSS Tips and Tricks Worth Knowing (bui)1519
tailwind, tips-and-tricks
Introduction to CSS Grid: A Comprehensive Guide1518
guides, css, grids, layout
Permission1517
web, seo, google
Developing Inclusivity Features (uxm)1516
design, accessibility, dei
JavaScript Debounce, Easiest Explanation (With Code)1515
debouncing, javascript
Making Numbers in Web Content Accessible (ons/tpg)1514
accessibility
Getting Started With Vector Databases in Node.js1513
introductions, nodejs, databases, vector-databases
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)1512
memory, dev-tools, browsers, chrome, edge
Getting Started—Understanding the History of Web Accessibility1511
videos, introductions, accessibility, history
Invisible Details of Interaction Design1510
interaction-design, design, user-experience
Mockups Explained (uxm)1509
design, processes
Tree Shaking in JavaScript1508
javascript, performance, tree-shaking
The Anatomy of a Perfect Landing Page That Converts (uxm)1507
landing-pages, user-conversion
Data-Driven Design: The Rise of Big Data in UX (uxm)1506
design, metrics, user-experience
How to Prevent Unnecessary React Component Re-Rendering1505
how-tos, react, client-side-rendering, performance
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)1504
css, media-queries, javascript, html, dark-mode
React Design Patterns1503
react, software-design-patterns
How to Improve the Release Frequency of Your Team?1502
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator1501
introductions, jekyll
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS1500
caching, fingerprinting, react
Deploying a Fastify and Vue 3 Static Site to Heroku1499
deploying, fastify, vuejs, heroku
New Viewport Units (sha)1498
viewport, css, units, responsive-design
Use Case-Driven Standards Development1497
standards
Awesome List of Free CSS [Generators]1496
link-lists, css, code-generation, tooling
The Decline in Design (Thinking)1495
design, user-experience
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)1494
css, effects, images
Unleashing Lightning CSS1493
css, tooling, lightning-css
htmx in 100 Seconds (fir)1492
videos, introductions, htmx
The New “@font-face” Syntax (oll)1491
css, fonts
Four Lenses of Productivity1490
research, productivity
Strategic UX Research Is the Next Big Thing (jms)1489
user-experience, research, strategies
Testing the Dark Scenarios of Your Node.js Application1488
nodejs, testing
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)1487
components, css, refactoring, maintenance
Just Normal Web Things (hbu)1486
web, user-experience
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)1485
css, positioning, layout
The Case Against Self-Closing Tags in HTML (jaf)1484
html
There’s No Such Thing as a “Normal” User (kar)1483
accessibility
URL Explained: The Fundamentals (itt)1482
terminology
An Introduction to Native CSS Nesting (cra)1481
introductions, css, nesting
Is Lighthouse a Misleading Performance Tool?1480
performance, lighthouse, web-vitals, tooling
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)1479
leadership, dei, accessibility
Can We Query the Root Container? (mia/odd)1478
css, container-queries
CSS Only Floating Labels1477
css, floats, forms, labels
How to Validate HTML On-Line at W3C (wie)1476
how-tos, html, conformance, tooling
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management1475
introductions, guides, kanban, agile, project-management
Multithreading With Worker Threads in Node.js (app)1474
nodejs, multithreading, worker-threads
Understanding JWTs: A Simple Guide for Beginners1473
guides, json-web-tokens
Redundancy Is Great (jun)1472
information-design
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)1471
youtube, twitter+x, open-graph, social-media, metadata, images
Origin Trials and Tribulations (rvi)1470
web-platform, browsers, origin-trials, metrics
When User Testing Sessions Bring Up Trauma1469
user-experience, testing
Creating SVG Animations Using Tailwind CSS1468
svg, images, animations, tailwind
Resources for Procurement of Accessible Digital Products and VPAT (den)1467
accessibility, vpat-acr, conformance, tooling, link-lists
Are We There Yet? (svg)1466
css, colors, history
The “article” Element and Screen Readers (mat)1465
html, screen-readers, accessibility, support
The Trick to Smoothly Animating Shadows in CSS (kev)1464
videos, css, animations, shadows
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)1463
performance, user-experience, user-conversion, metrics, economics
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus1462
css, preprocessors, less, sass, stylus, comparisons
Making the Switch: From Yarn/npm to pnpm1461
migrating, yarn, npm, pnpm
Build a Simple Beginner App With Node, Bootstrap, and MongoDB1460
web-apps, nodejs, bootstrap, mongodb
90s Websites—Key Characteristics and Examples1459
design, history, trends, navigation, colors, typography
See What’s New in Firefox [115.0] (moz)1458
release-notes, browsers, firefox
Introduction to MongoDB and NoSQL Databases1457
introductions, databases, mongodb, nosql
Design for the Web Without Figma1456
design, tooling
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)1455
how-tos, accessibility, aria, auditing
Differences Between vi and Vim Text Editors Explained1454
vi+vim, code-editors, comparisons
How I Am Blogging the IndieWeb Way (liz)1453
blogging, indieweb, automation
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)1452
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths1451
svg, images
HTML Form Validation Using Cypress1450
forms, validation, cypress
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)1449
design, principles, user-experience, dei
And 4 More HTML Concepts You Didn’t Know (j9t)1448
html, concepts, web-components
AI and the Automation of Work1447
ai, automation, processes
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide1446
how-tos, guides, nodejs, command-line, servers, ssh
Designers Who Code, What Is It Good For? (fra)1445
design, career
Identify Unused npm Packages in Your Project (ami)1444
npm, dependencies, maintenance
State of the Web: Deno1443
deno
How to Tackle Docker and Kubernetes for Frontend1442
how-tos, containerization, docker, kubernetes
In Defence of “DOMContentLoaded” (css)1441
javascript, dom, performance
Angular Is Getting New Template Syntax (dan)1440
angular
Setting Expectations for the Node.js Test Runner (cji)1439
nodejs, testing
How to Measure the Impact of a Design System?1438
how-tos, design-systems, metrics
Observing Node.js Processes With eBPF1437
monitoring, nodejs
The Big Problem With Variables in Figma1436
figma, variables
The “details” Element and In-Page Search (mat)1435
html, disclosure-widgets, search, browsers, user-experience
CommonJS Is Hurting JavaScript (den)1434
javascript, commonjs
New to the Web Platform in June (rac)1433
release-notes, web-platform, browsers, firefox, chrome, safari
Introduction to JSX1432
introductions, jsx, react
React Developers Love Preact, Here’s Why (hac)1431
react, preact, comparisons
Solved: Tricky Floating Image Alignment (tyl/clo)1430
css, floats, layout, alignment, responsive-design
Under-Engineered Comboboxen? (aar)1429
forms, html, css, accessibility
Understanding TypeScript Generators (log)1428
typescript
What’s the Perfect Design Process? (vit/sma)1427
design, processes
The Importance of Verifying Webhook Signatures1426
security, webhooks
An Introduction to the View Transitions API (cra)1425
introductions, css, view-transitions, apis
Accessible Overlays Aren’t Accessible1424
accessibility, overlays
Combat Accessibility Decay: How to Maintain Ongoing Accessibility1423
how-tos, accessibility, processes
Introduction to MySQL Data Types1422
databases, mysql, types
What’s Next for Redux With Mark Erikson (ace/jhe)1421
videos, interviews, react, redux, state-management
UC Browser vs. Other Browsers: Which Is the Best for Your Desktop?1420
uc-browser, browsers, chrome, firefox, comparisons
JavaScript Gom Jabbar1419
javascript
WCAG 2.2, Quick and Simplified1418
wcag, accessibility, standards
How to Build Things People Want to Use1417
how-tos, user-experience
4 Ways to Improve Mobile Accessibility (kar)1416
accessibility, mobile
Form and Search Landmarks (mat)1415
html, aria, forms, browsers, assistive-tech, support
Position-Driven Styles (kiz)1414
css, animations
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?1413
npm, yarn, pnpm, comparisons, performance, best-practices
The SOLID Principles: Writing Scalable and Maintainable Code1412
principles, solid, scalability, maintainability
Getting Started With Native Design Tokens in Figma (luk)1411
design-tokens, figma, introductions
Web and App ADA Lawsuits: 6 Trends So Far in 20231410
accessibility, ada, legal, trends
Feature Flags Configuration, Instrumentation, and Use1409
videos, feature-management, releasing, testing
Release Notes for Safari Technology Preview 173 (jen/web)1408
release-notes, browsers, safari
Why You Must Commit to Grounding Every DEI-Related Effort With Data1407
interviews, dei, processes, metrics
How to Use CSS “background-size” and “background-position”1406
how-tos, css, backgrounds
On Feedback1405
communication, collaboration, culture
JavaScript Console Methods: A Deep Dive1404
javascript, console, methods, debugging, deep-dives
Building Sliding Cards With “position: sticky;” (sar)1403
css
Popular DevTools Tips (pat/sma)1402
browsers, dev-tools, tips-and-tricks
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams1401
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?1400
javascript, operators
The Fake Aura of Care in UX1399
user-experience
Amplify Design Values Through Building Design System1398
design, design-systems
What’s Next for JavaScript: New Features to Look Forward To1397
javascript
Screen Magnification: Digital Accessibilitiy1396
videos, accessibility, assistive-tech, screen-magnification
The Massive Bug at the Heart of the npm Ecosystem (dar/vlt)1395
npm, dependencies, security, bugs
Going Beyond Constants With Custom Properties (uti/iod)1394
css, custom-properties
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)1393
how-tos, colors, css
Mapping Typography (sco/9el)1392
videos, typography, css
The Novel Engines: Servo (bka+/iga)1391
podcasts, browser-engines, servo, browsers