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

“2022” News Archive

Definition, related topics, and tag feed

“2022” × ? · “2022” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Culture Is Stuck2148
culture, design
Overlapping Interactive Areas (tem)2147
accessibility, design
Why Do We Need Authorization and Authentication?2146
authorization, authentication, security
Junior Designers, Please Don’t Give In2145
design, career
ICANN and the 7 Keys to the Internet2144
videos, podcasts, web, domains, history
Fluid Typography: Predicting a Problem With Your User’s Zoom-In (sma)2143
typography, css, accessibility, zooming
React JS Best Practices From the New Docs2142
react, best-practices, javascript, jsx, aria
JavaScript Frameworks—Heading Into 2023 (rya/thi)2141
javascript, frameworks
Stashing Individual Files in Git (ami)2140
git
Styling a “pre” That Contains a “code” (mey)2139
css, selectors
Understanding Design Tokens, From UX Tool to Production2138
videos, design-tokens
Git in 10 Mins2137
git
An Ultimate Guide on Sizing, Spacing, Grids, and Layout in Web and UI/UX Design (sma)2136
guides, spacing, grids, layout, typography, design
7 Tips for Improving Your Productivity With Git (dan)2135
productivity, git, tips-and-tricks
Why Web Design Still Matters in 2023 (web)2134
design, web
How to Write an Awesome README2133
how-tos, documentation, readme
A Guide to Command-Line Data Manipulation (alv/sma)2132
guides, command-line
Theme Toggles2131
websites, theming, toggles, html, react
Website Accessibility (15 Best Practices) (bru)2130
accessibility, best-practices, content, readability, captcha, images, alt-text, forms, focus, html, tooling
Shape Up2129
processes, agile
How to [Set Up] Prettier2128
videos, how-tos, prettier
Performance Culture Through the Looking-Glass (per)2127
videos, performance, culture
A CSS Challenge: Skewed Highlight (pep)2126
css, effects
Building Inclusive Products for Trans People2125
dei
CSS Subgrid (rac/5t3)2124
css, grids, layout
Invisible Ink Effect With SVG Filters and CSS (che)2123
code-pens, css, svg, filters, effects
What’s Wrong With Code in 2022?2122
complexity, quality, processes
The RUM Archive and Benford’s Law (per)2121
performance
A Problem With Link Relationships (j9t)2120
html, links, metadata, semantics, maintainability
HTTP/3 Prioritization Demystified (pro/per)2119
performance, http, protocols
User Stylesheets Are Still Pretty Great and Should Be More Widely Supported (nic/pxl)2118
css, accessibility, user-styles
Deploying CSS Logical Properties on Web Apps (sma)2117
css, logical-properties, web-apps
Enforcing Better HTML Markup With Eleventy (mat)2116
html, semantics, conformance, eleventy
11 Tips That Make You a Better TypeScript Programmer2115
tips-and-tricks, typescript
2022 CSS Updates (5t3)2114
css
Obscure CSS: Restoring Visibility (kiz)2113
css, hiding, accessibility
The 10 Cheapest Web Hosting Solutions in 2022 (sta)2112
hosting, economics
Top 10 Accessibility News of 2022 (equ)2111
accessibility, retrospectives
What Is the Difference Between Alternative Text, Long Description, and Caption? (red/mat)2110
accessibility
Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 (hom)2109
accessibility, wcag, usability, heuristics
Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability (jcs)2108
firefox, browsers, accessibility, caching
An Inclusive and Planet-Friendly Digital Style Guide2107
design, style-guides, accessibility, dei, sustainability, ethics
Design System Fresh Bundling2106
design-systems, bundling
2022 Roundup of Web Research (geo/css)2105
research, web
A Complete Guide to Timeouts in Node.js (bet)2104
guides, nodejs, time
A Theory of Web Relativity (alv/mat)2103
html, metadata, structured-data
Accessibility Convincing (lfl/web)2102
videos, accessibility, ethics, legal
Building an Accessible Theme Picker With HTML, CSS, and JavaScript (fos)2101
accessibility, html, css, javascript, theming, functionality
CSS Color Spaces and Relative Color Syntax (dar/5t3)2100
css, colors
Things CSS Could Still Use Heading Into 2023 (chr)2099
css, outlooks
Signals: The Nitty-Gritty (web/per)2098
performance, javascript, signals
Quick Start for Evaluating and Testing Web Accessibility (jar/web)2097
videos, accessibility, testing
The Intended Consequence of Inaccessible Digital Ads (joe+/web)2096
videos, accessibility, monetization
Billions of Unnecessary Files in GitHub2095
github, git
React’s New Killer Documentation Focused Only on Functional Components2094
react, documentation
Bad Performance Is Bad Accessibility (bru)2093
performance, accessibility
Common Nesting Issues in HTML (cit/mat)2092
html, nesting
Pointer Events (5t3)2091
css, javascript, pointer-events, apis
Useful Accessibility and Usability Examples to Help Improve Your Designs (sma)2090
accessibility, usability, examples
Dockerize PHP App With Apache on HTTPS2089
docker, php, apache, servers
Why We Hang Onto WordPress Nostalgia (kar)2088
wordpress
The Top 10 Security Vulnerabilities for Web Applications2087
security, vulnerabilities, web-apps
An Important Message to All Developers2086
career
Foundations: Target Sizes (tet)2085
accessibility, fundamentals, usability
Do You Know “color-scheme”? (sar/mat)2084
css, dark-mode
Prevent Focused Elements From Being Obscured by Sticky Headers (sib/tpg)2083
accessibility, usability, css, focus
Step Into the Light (DOM) (aaa)2082
dom, web-components, progressive-enhancement
Taking the Stress Out of Design System Management (sma)2081
design-systems, maintenance
CSS Style Queries (sha)2080
css, style-queries, container-queries
The Performance Inequality Gap, 2023 (sli)2079
performance, javascript, metrics
Beating Latency on Scalemates.com (tim/per)2078
performance, optimization
Interop 2022: End of Year Update (rac)2077
interoperability, web-platform, browsers, html, css
If You Are Afraid of AI, You May Not Be the Best UX Designer Out There2076
user-experience, design, ai, career
Frontend Dogma + UITest.com = ❤️ (fro)2075
frontend-dogma
The Science of User Experience (uxm)2074
user-experience, processes
Concepts Behind Modern Frameworks2073
frameworks, concepts
How to Learn in Public (bla)2072
how-tos, career, learning
HTML Dialog (5t3)2071
html, modals
Mini-Guide to Add an Image (its/mat)2070
html, images
Lockfile Trick: Package an npm Project With Nix in 20 Lines2069
npm, tips-and-tricks
Cascade Layers (mia/5t3)2068
css, cascade
Modern HTML as a Foundation for Progressive Enhancement (ffo/mat)2067
html, progressive-enhancement
Using Inline JavaScript Modules to Prevent CSS Blockage (sto/per)2066
performance, javascript, css
5 HTML Elements, and a Partridge in a Despair Tree (mat)2065
html, semantics, accessibility
Apple, Google, and Mozilla Are Teaming Up to Make a Next-Gen Browser Benchmark (ver)2064
browsers, apple, google, mozilla
How to Find and Fix the Top 3 Accessibility Issues (deq)2063
videos, how-tos, accessibility, auditing
Code Ownership and Software Quality2062
research, processes, quality
CSS Infinite 3D Sliders (css/css)2061
css, sliders, effects, animations, 3d
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (aus)2060
css, selectors, html, forms
A Guide for Making Apps Accessible2059
guides, accessibility
CSS “image()” (kev/5t3)2058
css
Help Choose the Syntax for CSS Nesting (jen/web)2057
css, nesting
Select the Right Tool for the Job (jim)2056
principles
Getting Started With the CSS Custom Highlight API (its/log)2055
introductions, css, apis
Get That Marquee AeStHeTiC (dni/mat)2054
html, css, effects
An HTML-First Mental Model (noa/per)2053
html, dom, performance
Logical Border Radius (mic)2052
css, logical-properties, borders
Leaked a Secret? Check Your GitHub Alerts… for Free2051
github, security
Accessibility Starts With an Organisation’s Culture (cra)2050
accessibility, culture
So, You’d Like to Animate the “display” Property (geo/css)2049
css, animations
ECMAScript Proposal: Iterator Helpers (rau)2048
ecmascript, javascript, standards
CI/CD Tutorial for Developers2047
tutorials, ci-cd, docker
Table Like It’s 2023 (cli/mat)2046
tables, html
The Most Popular CSS-in-JS Libraries in 2022 (sta)2045
libraries, css, javascript, css-in-js
A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” (bra)2044
css, selectors, polyfills
The Web Platform Is Back (bde/ado)2043
web-platform
Sophisticated Web Scraping With Bright Data (cra)2042
scraping, structured-data, apis
Release Notes for Safari Technology Preview 160 (jon/web)2041
release-notes, safari, browsers
Get Off the Main Thread With an Inline Web Worker: An Example (sto/per)2040
performance, javascript, web-workers, examples
View Transitions API (5t3)2039
css, apis, view-transitions
Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit2038
apple, browsers, browser-engines, webkit
Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) (cod)2037
react, concurrency
IDN Is Crazy (bag)2036
internationalization, domains
A Few Times Container Size Queries Would Have Helped Me Out (css)2035
css, container-queries
Accessible Front-End Patterns for Responsive Tables II (cod/sma)2034
accessibility, tables, responsive-design
New Viewport Units (mey/5t3)2033
viewport, css, units, responsive-design
One Day We’ll Have a Fully Customisable Select (hdv/mat)2032
html, css
State of A11Y (thi)2031
videos, accessibility
Top 5 Accessibility Issues in 2022 (lar/int)2030
accessibility, retrospectives
Federal Web Accessibility Focus Has Private Sector on Notice2029
accessibility, legal
Design Deserves More Respect2028
design
DOM Clobbering (fre/mat)2027
dom, security
WCAG 3.0: Are We There Yet? (ons/tpg)2026
accessibility, wcag, standards
The Future of Design Tokens (jin+)2025
videos, design-tokens, outlooks
Five Myths About Digital Accessibility2024
videos, accessibility, myths
Top 30 Linux Commands for Everyday Use (sta)2023
unix-like, command-line, productivity
There Can Be Only One: Options for Building “Choose One” Fields (aar/mat)2022
html, forms
LCP(FE) (tim/per)2021
performance, web-vitals
Implement Scroll-Snapping Using Only CSS2020
css, scrolling
Conditional Wrapping in React2019
react
An Interactive Guide to JavaScript Events (ale)2018
guides, javascript, events, examples
Integrate Svelte Into PHP CMS: TYPO3 and WordPress (man)2017
typo3, wordpress, svelte, php, content-management
Dear Developer, Your Assumptions Are Wrong (mat)2016
html
Web Performance and Compression (per)2015
performance, compression
CSS Infinite Slider Flipping Through Polaroid Images (css/css)2014
sliders, css, images, effects
Inside the Mind of a Frontend Developer: Article Layout (sha)2013
html, css, layout
WCAG—Priority of Constituencies (ala)2012
accessibility, wcag, prioritization
Remove the Generator Tag From a WordPress Website2011
wordpress, themes, plugins, metadata
A Complete Guide to CSS Container Queries2010
guides, css, container-queries
Why Have Both RSS and JSON Feeds? (bry)2009
rss, json-feed, syndication
How to Merge Objects in JavaScript (sta)2008
how-tos, javascript, objects
Enough With the Pointless Images (boa)2007
design, decoration, images
Improving SEO Without Knowing Where to Start (two/mat)2006
seo
Optimize Interaction to Next Paint (mal+)2005
performance, optimization, web-vitals
Best PHP Books for Beginners2004
books, php, link-lists
PHP 8.2.0 Release Announcement2003
php
A Modern HTML Template (2022)2002
html, templates
Testing for the Support of a Selector (mat)2001
css, support, selectors
W3C Publishes WCAG Testers Consistency List (wil/deq)2000
accessibility, wcag, testing
W3C Design Tokens With Style Dictionary (luk)1999
design-tokens, tooling
The State of CSS 2022 [Results] (sac+/dev)1998
surveys, metrics, css
JavaScript Polyfills for Interviews1997
javascript, polyfills, interviewing
Meaningful Labels Using ARIA—or Not (mat)1996
accessibility, html, forms, labels, aria
A Practical Guide to CSS Media Queries (sta)1995
guides, css, media-queries
Accessible Front-End Patterns for Responsive Tables (cod/sma)1994
accessibility, tables, responsive-design
“mask-image” Lets You Do Some Really Cool Stuff (kev)1993
videos, css, masking
4 More HTML Concepts You Didn’t Know (j9t)1992
html, concepts, forms, focus
Accessibility: The Land That “Time to Interactive” Forgot (tin/per)1991
videos, accessibility, performance
New npm Features for Secure Publishing and Safe Consumption1990
npm, security, dependencies
Take Full-Size Screenshots of Websites Without Any Tools in Chrome (ami)1989
browsers, chrome, screenshots, images
Adding Complementary Performance Data to Your Site (eth/mat)1988
performance, apis
Bad UX Writing: 5 Mistakes to Avoid (uxm)1987
user-experience, writing, mistakes
Brief Note on Description List Support (aar)1986
html, lists, semantics, accessibility, screen-readers, support
Does “www” Still Belong in URLs? (css)1985
usability, urls
I Don’t Use “Pushy” Questions in Code Reviews Anymore—This Is What I Do Instead1984
code-reviews, communication
Reading the Meter (sup/mat)1983
html, semantics, accessibility
Swearing and Automatic Captions (eri)1982
accessibility, multimedia, captions
The 411 on 4.1.1 (aar)1981
accessibility, wcag, standards
Why You Should Be Using New CSS Features Today II (uti/iod)1980
css
How to Create Typography Guidelines for a Product That Does Not Follow a Design System1979
how-tos, typography, design-systems
Website Accessibility Is Not an Afterthought1978
accessibility
Reduce Image Sizes by Removing Metadata (per)1977
images, metadata, performance, optimization
Landmarks and Where to Put Them (kil/mat)1976
html, semantics, aria, accessibility
PHP Type Declarations—A Guide for Beginners (ami)1975
php, guides
Fast Is Good, Instant Is Better (tun/per)1974
performance, caching
Using SRI to Protect From Malicious JavaScript (mat)1973
javascript, security
About Modern Sass1972
sass
Amy Jiménez Márquez on Leading Information Architecture (amy+)1971
podcasts, information-architecture
Super Useful CSS Resources1970
css, link-lists, tooling
CSS Infinite and Circular Rotating Image Slider (css/css)1969
sliders, css, images, animations
“:has(:not())” vs. “:not(:has())” (mat)1968
css, selectors, comparisons
You Don’t Need ARIA for That (den/mat)1967
html, accessibility, aria
Proximity: Gestalt Principle for User Interface Design (nng)1966
videos, design, principles
Accessibility and MVPs (dav)1965
accessibility, principles
Best APIs for Developers1964
apis
Prerender Pages in Chrome for Instant Page Navigations (tun)1963
performance, browsers, chrome
How to Use the WAVE Extension and Start Manual Accessibility Testing (pop)1962
how-tos, accessibility, testing, tooling, wave, browser-extensions, webaim
7 Website Performance Metrics to Track for Better UX (cal)1961
performance, user-experience, metrics
A Conversation With ChatGPT (mat)1960
interviews, ai, chatgpt, typography, design
The Final Google Fonts Knowledge Drop of 2022 (ell)1959
google, fonts, typography
Digging Deeper Into Container Style Queries (geo/css)1958
css, style-queries, container-queries
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)1957
guides, web-apps, performance, web-workers, javascript
The State of UX in 2023: A Vibe Shift Is Coming (fab)1956
user-experience, design, outlooks
From Type to Logotype1955
fonts, typography, design, branding, logos
Migrating From Vue 2 to Svelte1954
migrating, vuejs, svelte
Design Spacing Tokens Semantically (don)1953
websites, design-tokens, spacing, design
How to Transfigure Wireframes Into HTML (lar/mat)1952
how-tos, html, prototyping, conversion
Apache .htaccess1951
servers, apache
Handling Images With Inconsistent Height in CSS (ami)1950
css, images
HTML Semantics and Accessibility Cheat Sheet (web)1949
cheat-sheets, html, semantics, accessibility
Making Microservices Accessible (cra)1948
accessibility, microservices
“px” or “rem” in CSS? Just Use “rem” (aus)1947
css, units
Transient Frameworks (mat)1946
frameworks, web-platform
Web Components Today (kul)1945
websites, web-components
Which Images Need Descriptive Text? (tem)1944
accessibility, writing
Why You Should Be Using New CSS Features Today (uti/iod)1943
css
10 Key Principles of User-Centered Design (web)1942
design, usability, user-experience, principles
WordPress Versions 3.7–4.0 No Longer Get Security Updates (sar)1941
wordpress, security
Counting Unique Visitors Without Using Cookies, UIDs, or Fingerprinting1940
metrics, privacy, fingerprinting
Tips for Typing Import Statements in JavaScript (rau)1939
javascript
Convert Any Value to a Boolean in JavaScript (ami)1938
javascript
Organizing the Eleventy Config File (len)1937
eleventy, configuration
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)1936
javascript, performance, libraries
Stop Fighting With CSS Positioning (kev)1935
videos, css, positioning, layout
The Complete Guide to Mobile SEO—8 Tips and Best Practices (sem)1934
guides, mobile, seo, tips-and-tricks, best-practices
The Fediverse and the IndieWeb (ben)1933
web, fediverse, indieweb
Two Weird Things1932
programming, randomness, math
The Large, Small, and Dynamic Viewport Units (bra)1931
viewport, css, units
5 Ways to Make Your JavaScript More Functional1930
javascript, programming
Minification and Cache Directives for the Most Popular Websites of the Internet (dvk)1929
minification, javascript, css, html, lightning-css, html-minifier, metrics, caching, performance
Tailwind Is a Leaky Abstraction1928
tailwind, css
Color Formats in CSS (jos)1927
css, colors
Debugging Tactics (add)1926
debugging, logging, ai, processes
Shadow DOM and Accessibility: The Trouble With ARIA (nol)1925
dom, shadow-dom, accessibility, aria, html
We Document Our Design Systems—Why Don’t We Systematise our Documentation? (amy)1924
design-systems, documentation
Newer Things to Know About Good Ol’ HTML Lists (dxn/css)1923
html, lists, semantics
Testing Static Types in TypeScript (rau)1922
testing, typescript
Designing a Utopian Layout Grid: Working With Fluid Responsive Values in a Static Design Tool (j98)1921
layout, grids, design, liquid-design, css
Advanced Web Font Optimization Techniques1920
fonts, typography, optimization
Making Accessibility Simpler in Higher Education and Beyond (vle)1919
videos, accessibility
CSS for URLs and HTTP Headers (jim)1918
css, urls, http, http-headers
Upgrade Your HTML IV (j9t/fro)1917
books, frontend-dogma, html, minimalism, craft, conformance
Three Pillars of User Delight (tbf/nng)1916
user-experience
Your Brilliant App Idea (sur)1915
economics, creativity
Content May Be King, but Design Is Queen1914
design, content
HTML Content Model Categories (rus)1913
html, semantics
NestJS With API Gateway1912
nestjs, apis
Basic Intro to Bulma CSS1911
introductions, bulma
Addressing Concerns About CSS Speech (tin)1910
accessibility, css, voice
Lazy Loading Images in HTML (sim)1909
performance, html, lazy-loading
Foundational Skills1908
career
A Guide to the Most Popular Types of APIs: REST, SOAP, GraphQL, and gRPC1907
guides, apis, rest, graphql
Elements Can Be Visible Even Though Their Parent Has Set “visibility: hidden” (ste)1906
css, hiding
Forging Links (mat/9el)1905
videos, css, collaboration
Positioning Notification Messages With Accessibility in Mind (cod)1904
accessibility, notifications, positioning
Growing Design System Documentation1903
design-systems, documentation
A Brief History of Web Apps—Why Qwik Is Innovative1902
web-apps, history, qwik
Setting Up a Screen Reader Testing Environment on Your Computer (sar)1901
screen-readers, nvda, testing, tooling, accessibility, link-lists
Should Design Systems Include Problematic Components and Patterns? (amy)1900
design-systems, design-patterns, components
The BBC’s 15 Web Principles—15 Years Later (ede)1899
web, principles, history
The Peculiar Case of Japanese Web Design1898
websites, design, culture, comparisons
The Ultimate Error Message UX Writing Guide1897
guides, errors, writing, user-experience
The Shape-Shifting “a” Element (rus)1896
html, links, semantics
Why Japan’s Internet Is Weirdly Designed1895
videos, design
Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide (sma)1894
introductions, guides, dom, javascript
Git Is Not the End of History1893
git, version-control, outlooks
CSS “:is()”, “:where()”, “:has()”, and “:not()”1892
css, selectors
Down With Design Systems Dogma (amy)1891
design-systems
Preparing for WCAG 2.2 (int)1890
videos, accessibility, wcag
The “label” Element (rus)1889
html, labels, semantics
Our Future CSS Strategy1888
css, javascript, css-in-js, strategies, case-studies
Accessibility and Inclusive Design Systems (bra)1887
videos, accessibility, design-systems, dei
Node.js Architecture Pitfalls to Avoid (app)1886
nodejs, architecture
An Interactive Guide to Flexbox (jos)1885
guides, css, flexbox, layout
CSS Snapshot 2022 (tab+/w3c)1884
css, standards
Natural Language Inputs (jim)1883
forms, usability
Optimizing a Vue App (mic/sma)1882
vuejs, web-apps, optimization
Page Title Conventions (ada)1881
html, accessibility, seo
What Happened to Text Inputs? (hey)1880
videos, html, forms
What Image Format Should You Use in Your Next Project? (alv)1879
images
Writing and Organizing Node.js API Tests the Right Way1878
nodejs, apis, testing
The Value of Accessibility (ann)1877
podcasts, accessibility
Improving Firefox Stability With This One Weird Trick (moz)1876
browsers, firefox
Deploy Node.js to AWS: Build an Automated CI/CD Pipeline1875
nodejs, aws, ci-cd, automation
A Guide to Keyboard Accessibility: JavaScript (its/sma)1874
guides, accessibility, keyboard-navigation, javascript
Analyzing the Top 100 Retailers for Digital Accessibility (deq)1873
studies, research, accessibility
State of JavaScript 2022 (sac/dev)1872
surveys, javascript
Taming the Cascade With BEM and Modern CSS Selectors (css)1871
css, cascade, selectors, naming, bem
Introducing Our New Guide to Google Search Ranking Systems (dan)1870
introductions, google, search, seo
DOJ and Congressional Updates on Digital Accessibility1869
accessibility, legal
What Is the Open Web? (pro)1868
web, open-web, web-platform
Harnessing Groupthink: Fine-Tuning CSS Specifications (ric/cle)1867
css, collaboration
How to Use Huge Type on the Web1866
how-tos, design, typography
4 Mobile Must-Haves for a Modern UX Design Strategy (uxm)1865
user-experience, design, responsive-design, mobile
Incorporating Accessible Design Elements Into Your Web Site (uxm)1864
accessibility, design
Less Design Leadership—More Design Authorship1863
design, leadership
Brief Note on “aria-readonly” Support (aar)1862
accessibility, html, aria, assistive-tech, support
Get Verified on Mastodon With WordPress (osd)1861
mastodon, wordpress
Today I Learned: The Subtle Art of Code Reviews1860
code-reviews, best-practices, quality
Multidimensional Design Systems (fig)1859
videos, design-systems
Distinguish Yourself in the Tech Job Market by Writing a Solid Cover Letter (and)1858
interviewing, career
An Introduction to the Design Tokens File Format (fig)1857
videos, introductions, design-tokens
Git Notes: Git’s Coolest, Most Unloved Feature1856
git
The Easiest Way to Get Started With CSS Grid (zor/css)1855
videos, css, grids, layout
How to Handle Unplanned Work in Scrum1854
how-tos, scrum, agile, processes
The Ultimate Guide to Frontend Monitoring1853
guides, monitoring
Days Since Last JS Framework1852
websites, javascript, frameworks
A Guide to Image Optimization on Jamstack Sites (daw/sma)1851
guides, images, compression, optimization, performance, tech-stacks, jamstack
An Interesting Limitation of CSS Custom Properties (tyl/clo)1850
css, custom-properties
Migrating From npm to pnpm1849
migrating, npm, pnpm
You Don’t Need HTML (ede)1848
websites, html, web-platform
Style a Parent Element Based on Its Number of Children Using CSS “:has()” (bra)1847
css, selectors
Back to Basics: What are Callbacks in JavaScript?1846
fundamentals, javascript, callbacks
Firefox-Only CSS (ami)1845
css, browsers, firefox
Experimenting With Layering, Filtering, and Masking in CSS1844
css, experiments, masking, filters
Spy On “window.postMessage” Calls (bah)1843
javascript, cypress, testing
“vh”, “svh”, “lvh”, and “dvh” (mat)1842
css
Using Automated Test Results to Improve Accessibility (ste/sma)1841
automation, testing, accessibility
5 Insider Tips to Make Accessibility Part of Workflow (mni)1840
accessibility, tips-and-tricks, processes
Theory-Building and Why Employee Churn Is Lethal to Software Companies1839
processes, productivity
Improving React Interaction Times by 4×1838
react, performance, optimization
Accessibility Is in Style—Styles and Style Guides (kno)1837
accessibility, writing, design, documentation, style-guides, consistency, quality
CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly1836
css, best-practices
“Not Secure” Warning for IE Mode (eri)1835
browsers, edge, internet-explorer, security
Build and Deploy a Node.js Microservices Application1834
nodejs, microservices, deploying
10 Topics You Must Know if You Want to Be a Web Developer—a Beginners Guide1833
guides, learning
Building Conscious Design Systems (amy)1832
design-systems
How to Do Keyword Optimization for SEO (3 Steps) (ahr)1831
how-tos, seo, keywords, optimization
Why Some Developers Will Never Improve1830
career, learning
The Best Programming Languages You Can Use for Web Development1829
programming, web-platform
Visual Design: Breaking Into the Fourth Dimension of Experience Design1828
design, user-experience
CSS Shapes Module Level 1 (w3c)1827
standards, css, shapes
Significant Improvements for Screen Readers Now in Nightly Firefox (moz)1826
browsers, screen-readers, firefox, accessibility
The Heuristics of Neurodesign1825
design, heuristics
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)1824
guides, accessibility, keyboard-navigation, html, css
Your Accessibility Claims Are Wrong, Unless… (aar)1823
accessibility, communication
Web Sustainability Resources (mic)1822
sustainability, link-lists
Should You Use PHP (Laravel) in 20231821
laravel, php
Awesome Productivity Tools for Developers1820
productivity, tooling
Git Cheat Sheet With 40+ Commands and Concepts1819
git, cheat-sheets, concepts
Content Strategy 101 (nng)1818
content, content-strategy
How to Increase Traffic to Your Website (for)1817
how-tos, traffic
The Evolution of Scalable CSS1816
css, maintainability, scalability, naming, oocss, smacss, bem, css-in-js, modules, atomic-css, tailwind, history
Don’t Disable the Zoom Functionality1815
accessibility, zooming
The IndieWeb for Everyone (mxb)1814
web, indieweb
CSS Grid and Custom Shapes III (css/css)1813
css, grids, design
CSS “:where()” “:is()” the Difference? (hel)1812
css, selectors
When Our Tools Hold Us Back (mia/odd)1811
design, css, tooling
Implementation Guide for Using “Remove Cache Buster Query Parameter” Feature1810
guides, caching, cloudflare
10 Things I Wish I’d Known When Starting My Coding Journey1809
career
Easily Switch Between Different Node Versions Using nvm (zor/css)1808
videos, nodejs, nvm
The Anatomy of “visually-hidden” (sib/tpg)1807
accessibility, css
Why Your Backend in Node.js Needs an API Layer and How to Build It1806
nodejs, architecture, apis
What’s New in WCAG 2.2 (a11)1805
videos, accessibility, wcag, standards
State of Design Systems 2022 Survey1804
surveys, design-systems
Node.js Security Best Practices (nod)1803
nodejs, security, best-practices
An Open Challenge (to Tech Event Organizers) (col)1802
community
Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! (sea)1801
accessibility, overlays, legal
A Brief and Probably Only Partially Correct History of CSS Nesting (chr)1800
css, history, nesting
Browsers, JSON, and “FormData” (jim)1799
browsers, json, apis
Cultivating Design Systems by Bringing Intention (amy)1798
design-systems
Designing for People Who Use a Mouse (ihe/web)1797
videos, accessibility
Idiot Proof Git (sof)1796
git, command-line, aliases, github
Accessfuturism: Digital Accessibility in 2032 (web)1795
videos, accessibility, outlooks
CSS Timeline1794
css, history
Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (pop)1793
accessibility, colors, contrast
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)1792
html, semantics, accessibility, modals, pop-overs
Foundations: Native Versus Custom Components (tet)1791
accessibility, fundamentals, components, html, comparisons
Generating Slugs Using One Line of Code in JavaScript (ami)1790
javascript
Is “CSS Engineer” Now a Job Position? (hel)1789
css, career
TypeScript With Node.js (rwi)1788
typescript, nodejs
What CSS Do You Absolutely Have to Know in 2022? (geo/css)1787
css
Early Learnings for Early Hints at Shopify (sia/per)1786
videos, case-studies, shopify, performance, hints
How to Create the Perfect Hero Image for Your Portfolio Site1785
how-tos, design
How to Improve User Experience and Wow Your Users1784
how-tos, user-experience
Client-Side Routing Without the JavaScript (rya/thi)1783
javascript, performance, frameworks
Managing CSS Styles in a WordPress Block Theme (css)1782
css, maintenance, wordpress, theming
Responsive Accessibility Using “visibility: hidden” (sco)1781
accessibility, responsive-design, hiding, css
Using Data-Driven Analytics to Improve Your Site’s User Experience (uxm)1780
user-experience, analytics, metrics
Why You Need to Monitor and Report on Accessibility—All the Time (deq)1779
accessibility, monitoring, compliance, legal
npm Security: Preventing Supply Chain Attacks1778
npm, dependencies, security
A Simpler Approach to Document and Web Accessibility1777
accessibility
Saved From Callback Hell1776
javascript, callbacks
What Designers Can Learn From Apple’s New Accessibility Features1775
accessibility, design, apple
The Superpowers of Design Tokens1774
videos, design-tokens
Why Would Anyone Need JavaScript Generator Functions? (jrs)1773
javascript, functions
Creating a Design System Using Radix1772
design-systems, radix
Hey Tech Recruiter, Here Are Some Tips From a Developer (eev)1771
hiring, communication, tips-and-tricks
Inside the Mind of a Frontend Developer: Hero Section (sha)1770
html, css
Too Much Efficiency Makes Everything Worse: Overfitting and the Strong Version of Goodhart’s Law (jas)1769
efficiency, ai
Visual Design in UX: Study Guide (nng)1768
guides, design, user-experience, training, link-lists
How to Adjust Alignment and Indentation for Ordered Lists in CSS1767
how-tos, css, tailwind, lists, alignment
Accessibility “Gaps” in MVPs (aar)1766
accessibility
Writing Better Documentation (ale)1765
documentation, writing
npm ESM vs. CJS (woo)1764
npm, esm, commonjs, metrics, comparisons
5 Takeaways From Screen Reader Usability Interviews1763
accessibility, screen-readers, usability
An Animated Guide for Node.js Event Loop1762
guides, nodejs, event-loop, events
6 Steps to Improve HTML Images for Users and Developers (aus)1761
html, images, performance, responsive-design
Minimal Dark Mode (j9t)1760
dark-mode, css, minimalism
Frontend Dogma on Mastodon (fro)1759
frontend-dogma
Caring About the World Wide Web (ada)1758
videos, accessibility, dei, web
See This Page Fetch Itself, Byte by Byte, Over TLS1757
websites, typescript, tls
Ways to Improve Developer Onboarding on an Existing Codebase1756
onboarding, productivity
7 Tactics That Benefit Both Accessibility and SEO (deq)1755
accessibility, seo
A Testing Strategy for Accessibility in New Apps (mar)1754
accessibility, testing
Progress Over Perfection: A Better Way to Accessibility (mer)1753
accessibility, processes
Speedy CSS Tip! Animated Gradient Text (jhe)1752
css, gradients
The Best PHP Frameworks for 20221751
php, frameworks
Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (mer/a11)1750
videos, accessibility
A Deep Dive Into Accessible Notifications (rus/a11)1749
videos, accessibility, notifications, deep-dives
Elon Musk Begins Layoffs at Twitter1748
twitter+x
Comparing TCP and QUIC1747
tcp, quic, protocols, comparisons
16 Rare HTML Tags You Really Should Know1746
html, semantics
Sustainable Web Design Reduces E-Waste1745
sustainability
Tips for Design System Component Pages1744
design-systems, components, documentation, consistency, tips-and-tricks
Designing the Perfect Mobile Navigation UX (vit/sma)1743
mobile, navigation, user-experience
Should Consistency Be a Goal of Design Systems? (amy)1742
consistency, design-systems
How to Start a Content Audit1741
how-tos, content, content-management, auditing, quality
Next Steps for the W3C Web Accessibility Initiative1740
videos, accessibility, w3c
The Case for JPEG XL (jon)1739
jpeg-xl, images, compression
Why Experienced Programmers Fail Coding Interviews1738
career, interviewing
A Love Letter to React (fly)1737
react, jsx
Design Management Toolbox: Non-Linear Professional Development1736
design, career
An Introduction to CSS Cascade Layers (lul)1735
introductions, css, cascade
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed1734
html, css, performance, tips-and-tricks
Tips to Become a Great Software Engineer1733
career
Is Turbopack Really 10× Faster Than Vite? (eva)1732
tooling, bundling, performance, turbopack, vite
An Overview of JavaScript Promises1731
overviews, javascript, promises
“aria-label” Is a Code Smell (eri)1730
accessibility, aria, labels, quality, technical-debt
Complexity and Caution (tem)1729
accessibility, usability, complexity
Folder Structure for Node.js and Express.js Project1728
architecture, nodejs, express
My Divtober 2022 Drawings (alv)1727
css, art
TypeScript 5.0 Iteration Plan (dan/typ)1726
typescript
Why One Web Pioneer Thinks It’s Time to Reinvent the Browser (dav/ver)1725
browsers, web
Intro to HTML-First Frontend Frameworks1724
introductions, html, frameworks
Screenshotting VoiceOver on macOS (kil)1723
tooling, screenshots, images, unix-like, voiceover, screen-readers, accessibility
20+ Laravel Best Practices, Tips, and Tricks to Use in 20231722
laravel, best-practices, tips-and-tricks
Everything You Need to Know About Material Design 31721
videos, material-design, comparisons
The New CSS Media Query Range Syntax (css)1720
css, media-queries
Do We Need an Interop for Assistive Technologies? (hdv)1719
accessibility, browsers, screen-readers, assistive-tech, interoperability
5 Visual Treatments that Improve Accessibility (nng)1718
accessibility, design
7 Shorthand Optimization Tricks Every JavaScript Developer Should Know1717
javascript, optimization
Knowing What It’s Not1716
design, spacing
Hostile Patterns in Error Messages (nng)1715
usability, design, errors, anti-patterns
The Perfect Commit (sim)1714
version-control, documentation, testing, commit-messages
CSS Ellipsis for Single-Line and Multi-Line Text1713
css, typography
How to Build, Test, and Publish a TypeScript npm Package in 20221712
how-tos, typescript, npm
How to Create Advanced Animations With CSS (sma)1711
how-tos, css, animations
URL Redirection on AWS Using JSON Rules1710
aws, urls, redirecting, json
Practical CSS Guide for Busy Developers1709
guides, css
How Flaky Tests Impact Developers1708
research, testing, flakiness, quality
Type-Safe TypeScript With Type Narrowing (rai/thi)1707
typescript, type-safety
Using HSL Colors in CSS (log)1706
css, colors
How to Communicate Effectively as a Developer1705
how-tos, communication, writing, career
Motion Controls in the Browser (sma)1704
browsers, javascript, permissions
All Designers Start as Copycats (and That’s OK)1703
design, career
React Concurrency, Explained1702
slides, react, concurrency
What Is a Realm in JavaScript?1701
javascript
Why You Should Never Use “px” to Set “font-size” in CSS1700
css, accessibility
Accessibility Beyond the “Obvious” (tem)1699
accessibility
CSS Runtime Performance1698
slides, css, performance
Masked Gradient Dashed Lines (mey)1697
css, gradients, masking
Getting WCAG Color Contrast Right (luk)1696
accessibility, wcag, colors, contrast
The Math Behind Nesting Rounded Corners (pau/clo)1695
css, math, nesting
Guide to the Best JavaScript Books for Beginners1694
guides, books, javascript, link-lists
Design Principles for the Web (ada)1693
videos, design, principles
Web Accessibility: ARIA 101 (thi)1692
videos, accessibility, aria
A Beginner’s Guide to Chrome Tracing (nol)1691
guides, browsers, chrome, performance, tracing
Code Coverage With Storybook Test Runner (sto)1690
testing, code-coverage, storybook
Typographic Hierarchies (sma)1689
typography, design
Animated Border Gradient (shs)1688
code-pens, css, animations, gradients, effects
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)1687
css, responsive-design, performance
OKLCH in CSS: Why We Moved From RGB and HSL (sit+/evi)1686
css, colors, oklch
“Thousand” Values of CSS (kar)1685
css, cascade
CSS Animated Grid Layouts (bra)1684
css, grids, layout, animations
Building a Tooltip Component (arg)1683
components, tooltips, html, css
Performance (rvi/htt)1682
web-almanac, studies, research, metrics, performance, web-vitals
Structured Data (htt)1681
web-almanac, studies, research, metrics, structured-data, semantics, semantic-web
Detect System Theme Preference Change Using JavaScript (dav)1680
dark-mode, javascript
Do You Really Understand CSS Radial Gradients? (pat)1679
css, gradients
Is There Too Much CSS Now? (sac/css)1678
css
Sharing Data Between Microservices1677
microservices, architecture
Don’t Be Afraid of Reverting Code in Git1676
git
What? How? Why? “@layer”1675
css, cascade
Evolution of Manuals: UX Inspiration From History1674
user-experience, history, documentation
How We Improved React Loading Times by 70% With Next.js1673
react, performance, nextjs, case-studies
Disruptive Design Patterns—an Uncharted Territory1672
design-patterns
New Git Guidelines: We Have Switched to Conventional Commits1671
guidelines, conventions, git, commit-messages
Twitter Reminds Us About Alt Text, but How Good Are We at It?1670
accessibility, writing, alt-text, images, twitter+x
Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning (bry)1669
css, tailwind
JavaScript Shallow Copy—What Is a Shallow Copy?1668
javascript
The Truth Behind Implicit/Explicit Form Labels1667
html, forms, labels, accessibility
Things Strong Developers Do That Drive Their Team Crazy1666
communication, productivity
Let’s Talk About Web Components (bra)1665
web-components
53 UX Statistics to Know for 20231664
user-experience, research
How to Set Up the New Google Auth in a React and Express App1663
how-tos, google, authentication, react, express
Why I Never Understood CSS-in-JS (cit)1662
css, javascript, css-in-js
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)1661
serverless, edge-computing, git, performance, deploying
CSS Is Awesome (nor)1660
videos, css
Responsive Animations for Every Screen Size and Device (cas/css)1659
animations, css, responsive-design
Usable, Useful, and Valuable1658
agile, scrum, processes, user-experience
A Dashing Navbar Solution (mey)1657
css
SEO and Accessibility Are Symbiotic (deq)1656
accessibility, seo
Ethical Design Is a Risk Management Strategy1655
design, ethics, strategies
GitHub Copilot Investigation1654
websites, github-copilot, github, ai, legal
Highly Customizable Background Gradients (spa/clo)1653
css, backgrounds, gradients
Redo Websites Less Often (to Become a Better Developer) (j9t)1652
processes, redesigning, refactoring, career
State of CSS Frameworks (thi)1651
videos, css, frameworks
The True Type in PHP 8.2 (ami)1650
php
Why We Need CSS Speech (tin)1649
accessibility, css, voice