Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2020” News Archive

Definition, related topics, and tag feed

“2020” RSS feed (per email)

Entry (Sources) and Other Related TopicsDate#
Give Your Eleventy Site Superpowers With Environment Variables (bel/css)576
eleventy, environments, variables
A Practical Introduction to Dependency Injection (sma)575
introductions, javascript, maintainability
HTML and CSS Techniques to Reduce Your JavaScript574
html, css, javascript, performance
Ethical Design Guide573
websites, guides, design
The Art of Leadership572
leadership
What’s Coming to Vuex? (sma)571
vuejs, state-management, libraries
Integrating TypeScript With Svelte (ada/css)570
svelte, typescript
WordPress Cookies (wpe)569
wordpress, cookies
Using “throw” as an Expression in PHP 8 (ami)568
php
Symbols to Copy567
tooling, typography
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)566
performance, lighthouse, google, github-actions
“Yes or No?” (chr/css)565
forms, html, comparisons
CSS Snapshot 2020 (tab+/w3c)564
css, standards
Ignore AMP (j9t)563
google, amp
How the Web Is Really Built (lea/css)562
tech-stacks, jquery, wordpress
Get Up to Speed With Partial Clone and Shallow Clone (sto/git)561
git
A Beginner’s Guide to Webpack560
guides, webpack
Optimizing Image Depth (mey/css)559
images, quality, performance, optimization
W3C in 2020 (koa/w3c)558
w3c, standards, retrospectives
Meet Redwood, a Full-Stack, Serverless Jamstack Framework557
frameworks, redwoodjs, jamstack
I Learned to Love the Same-Origin Policy (eee/css)556
security, cors
Why You Should Self-Host Google Fonts in 2021555
google, fonts
What’s New in WCAG 2.1: Label in Name (css)554
accessibility, wcag, aria
The Shorthand–Longhand Problem in Atomic CSS (rob)553
css, shorthands, cascade, atomic-css, css-in-js
Netlify and Next.js (chr/css)552
netlify, nextjs
Debugging CSS (chr/css)551
books, css, debugging
Make It Personal (mat/css)550
blogging, career
How and Why to Use Lynx—the Faster Web Browser (ede)549
lynx, browsers
Page Weight (htt)548
web-almanac, studies, research, metrics, performance
JavaScript (tka/htt)547
web-almanac, studies, research, metrics, javascript
TLS and mTLS Demystified546
security, tls, protocols
“npm ruin dev” (ada/css)545
html, css, javascript, nodejs, npm
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of544
edge-computing, security
How to Create a Favicon That Changes Automatically (css)543
how-tos, favicons, data-urls, javascript
Houdini.how (una/dev)542
websites, css, apis, houdini
CSS (lea+/htt)541
web-almanac, studies, research, metrics, css
Accessibility (htt)540
web-almanac, studies, research, metrics, accessibility
Very Extremely Practical CSS Art (mia/css)539
css, art
Notes on Zsh and Oh My Zsh (spe)538
shell, oh-my-zsh
The Power of Web Development Outside Tech (css)537
career, lessons
Notes on HTML 3.2 (j9t)536
html
How to Display the Last Build Date in Eleventy (ste)535
how-tos, eleventy
Command Line Interface Guidelines534
websites, guidelines, command-line
Happier HTML5 Form Validation in Vue (chr/css)533
html, forms, validation, css, selectors, vuejs
CommonMark: A Formal Specification for Markdown (sma)532
markdown, content, documentation
The Internet’s Server-Based Infrastructure Is Ushering Us Through the Pandemic—Here’s How the W3C Is Helping531
web, servers, w3c, standards
Minimal Takes on Faking Container Queries (chr/css)530
container-queries, web-components, javascript, css
How to Make an Area Chart With CSS (css)529
how-tos, css, clipping, visualization
Why Choose TYPO3 CMS for Your Website528
videos, typo3, content-management
Alt vs. Figcaption (tho)527
html, accessibility, comparisons
Weaving Web Accessibility With Usability (sma)526
accessibility, usability, testing
Time to Say Goodbye to Google Fonts: Cache Performance525
google, fonts, caching, performance
The State of UX: 100 Design Lessons for 2021 (fab/uxd)524
user-experience, design, outlooks
Native CSS Masonry Layout in CSS Grid (chr/css)523
css, layout, masonry, grids
Information Scent522
videos, links, usability, information-scent
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)521
html, css, javascript
Considerations for Making a CSS Framework (css)520
css, frameworks, theming
To Be Creative, Practice519
design, creativity
Testing Vue Applications With the Vue Testing Library (sma)518
vuejs, testing, tooling
Know Your Standards (ste)517
accessibility, standards, wcag, aria, html, link-lists
Leveraging System Fonts on the Web (jim)516
fonts
DRY-ing Up styled-components (css)515
components, css, maintainability
Best Practices for Inclusive Textual Websites514
security, performance, accessibility, best-practices
CSS Vendor Prefixes513
css, vendor-extensions
“console.log({ myVariable });” (chr/css)512
javascript, console
Color Theming With CSS Custom Properties and Tailwind (mic/css)511
theming, colors, css, custom-properties, tailwind
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)510
html, forms
Upgrade Your HTML II (j9t/fro)509
books, frontend-dogma, html, minimalism, craft, conformance
Semantic Web With Structured Data508
semantic-web, json, structured-data
Measuring Core Web Vitals With Sentry (fon/css)507
performance, web-vitals, tooling
A GitHub Action for Automated Deployment to WP Engine (clo)506
github, deploying, automation, wordpress, wp-engine
New WebKit Features in Safari 14 (jon/web)505
release-notes, safari, apple, browsers, webkit
How to Deal With Common React JS Problems—Actionable Tips504
how-tos, react, tips-and-tricks
CSS Gradients Guide (geo/css)503
guides, css, gradients
Creating a Continuous Integration Test Workflow Using GitHub Actions (sma)502
nodejs, ci-cd, github-actions
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format501
webp, images, google
Warp: Improved JS Performance in Firefox 83 (jan/moz)500
firefox, mozilla, browsers, javascript, performance, spidermonkey, javascript-engines
What’s New in Vue 3? (sma)499
vuejs
Abandoning Best Practices in UX498
videos, user-experience, usability, best-practices
The What, Why, and How of Using a Skeleton Loading Screen (tre)497
placeholders, performance, react
No Config for Old Men496
configuration
Career Opportunities Mean a Lot of Things (kar)495
career
My WordPress Comments Wishlist (chr/css)494
wordpress, blogging, wish-lists
Authenticating React Apps With Auth0 (sma)493
react, authentication, tooling, auth0
Write Better Code and Be a Better Programmer by Avoiding “else” Statements492
programming, best-practices
Webmentions and Eleventy Talk (sia)491
slides, webmentions, eleventy
The Raven Technique: One Step Closer to Container Queries (css)490
css, container-queries, techniques
Markup (j9t+/htt)489
web-almanac, studies, research, metrics, html
ARIA in CSS (chr/css)488
css, aria
[JavaScript] Operator Lookup (jos)487
javascript, operators
Quick localStorage Usage in Vue (sar/css)486
vuejs, browser-storage
How to Find and Fix Common Website Accessibility Issues (kil)485
how-tos, accessibility, contrast, color-blindness, colors, responsive-design, quality
Internationalization and Localization for Static Sites (sma)484
internationalization, localization, site-generators
GIFs and “prefers-reduced-motion” (chr/css)483
images, gif, reduced-motion, html
What Is Section 508 and Why Does It Matter? (deq)482
accessibility, legal, section-508
Native CSS Masonry Layout in CSS Grid (rac/sma)481
css, masonry, grids, layout
Chasing the Pixel-Perfect Dream (jos)480
design, css
The Principles of Visual Communication (sma)479
design, communication, principles, examples
In Defense of Tables and Floats in Modern Day Development (css)478
html, css, floats, tables
Bootstrap vs. Materialize Showdown477
bootstrap, materialize, comparisons, frameworks
More on “content-visibility” (chr/css)476
css
Are Template Engines Still Relevant in 2020?475
discussions, template-engines, pug, nunjucks, handlebars
Comparing Various Ways to Hide Things in CSS (css)474
accessibility, css, hiding, comparisons
Authentication in Vue.js (sma)473
vuejs, authentication
WordPress and Jamstack (chr/css)472
wordpress, jamstack, netlify
Selecting Random Posts in Eleventy (ray)471
eleventy, randomness
A General Introduction to Cloud Computing470
introductions, cloud-computing, concepts, history
Getting Started With Next.js (sma)469
introductions, nextjs, react
A Primer on the Different Types of Browser Storage (ido/css)468
introductions, browser-storage, indexeddb, databases, apis, cookies, caching
Touch, Point, Click: Mouse vs. Touch Screen Input467
accessibility, interaction-design, comparisons
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css)466
html, php, pug
Handling Continuous Integration and Delivery With GitHub Actions (sma)465
ci-cd, github-actions, heroku, deploying, automation
Comparing Styling Methods in 2020 (chr/css)464
css, sass, less, stylus, postcss, modules, css-in-js, presentational-html, comparisons
Come Full Circle—Back to HTML463
code-editors, vi+vim, neovim, html
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met462
guidelines, seo, quality, google
How to Test Responsive Web Design Cross-Browser Compatibility (cra)461
how-tos, testing, responsive-design, browsers, support
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)460
guides, google, web-vitals, performance
Signed Exchanges (SXGs) (twi/dev)459
authentication, signed-exchanges, web-packaging, performance
CSS “min()”, “max()”, and “clamp()” (una/dev)458
css, functions, typography
An Opinionated Guide to Accessibility Testing457
guides, accessibility, testing
An Introduction to JSX456
introductions, jsx
The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (lea)455
css, custom-properties, hacks, toggles
Run Gulp as You Open a VS Code Project (chr/css)454
gulp, vs-code, microsoft, code-editors
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (mas)453
design, history
What Can We Learn From the W3C CMS Selection Process452
w3c, tooling, content-management, lessons
Node.js Testing Best Practices451
nodejs, testing, best-practices, examples
How to Find the Cause of Horizontal Scrollbars (kil/pol)450
how-tos, css, overflow, debugging, scrolling
Getting Started With React: A Beginner’s Guide449
introductions, guides, react, jsx
Tuning Your Apache Server448
apache, servers, optimization, configuration
The Widening Responsibility for Front-End Developers (chr/css)447
career, craft, tech-stacks
How to Design a Set of Icons446
design, icons, images
Apache Configuration Basics445
fundamentals, servers, apache, configuration
Micro-Note on “aria-roledescription” (ste)444
accessibility, aria
How to Create High-Performance CSS Animations (rac/dev)443
how-tos, css, animations, performance
GitLab vs. GitHub—a Comparison of the Two Version Control Systems442
version-control, gitlab, github, comparisons
CSS Variables 101 (sha)441
css, custom-properties
A Guide to HTML and CSS Forms (No Hacks)440
guides, html, css, forms
Reading Content With RSS439
rss, syndication
Compile Svelte in Your Head438
svelte, compiling, javascript
Should Coding Be Mandatory? (ara)437
programming, training, career
Reducing the Site Speed Impact of Third-Party Tags436
performance, embed-code
CSS Media Queries Guide (css)435
guides, css, media-queries
The Monospaced System UI CSS Font Stack434
css, fonts, link-lists
Why I IndieWeb433
indieweb, community
Webflow vs. WordPress: A Head-to-Head Comparison432
webflow, wordpress, content-management, hosting, comparisons
Unit Testing in React Native Applications (sma)431
react, native, testing
“font-kerning” (geo/css)430
css, kerning, typography
Building and Running WebKit (mar)429
webkit, building
Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS? (dre/sma)428
podcasts, interviews, redwoodjs, jamstack
Drawing the Invisible: React Explained in Five Visual Metaphors427
videos, react
Accessible Web Animation: The WCAG on Animation Explained (vlh/css)426
accessibility, animations, reduced-motion, wcag
Custom Properties: Questioning “:root” (j9t)425
cross-posts, css, custom-properties
[Vue.js] v3.0.0 One Piece (vue)424
vuejs, release-notes
Vue 3 (chr/css)423
vuejs
The Good Web and the Bad Web (kzi)422
web, mastodon, javascript
Enforcing Performance Budgets With Webpack (css)421
performance-budgets, performance, webpack
Generate a Sitemap for Your Eleventy Website420
eleventy, sitemaps, seo
Advanced GraphQL Usage in Gatsby Websites (sma)419
gatsby, graphql, javascript
npx [Cheatsheet]418
npx, nodejs, cheat-sheets
MIME Types (IANA Media Types) (mdn)417
mime-types
Mastering Wrapping of Flex Items (mdn)416
css, flexbox, layout
Change the [Eleventy] Default Directories (per)415
eleventy
Basic Math in JavaScript—Numbers and Operators (mdn)414
javascript, math, operators
React With TypeScript: Best Practices413
react, typescript, best-practices
Animating React Components With GreenSock (sma)412
react, gsap, javascript, components, animations
Getting Started With Eleventy (11ty)411
introductions, eleventy, site-generators
Creating a Custom Cursor Using CSS?410
css, images, svg, cursors
An Introduction to Running Lighthouse Programmatically (sma)409
introductions, lighthouse, google, automation
Modifying Specific Letters With CSS and JavaScript (css)408
css, javascript
How CSS Perspective Works (ami/css)407
css, transforms, animations
AVIF Has Landed (jaf)406
images, avif, performance, quality, jpeg, webp, svg, png, comparisons
Working With JavaScript Media Queries (css)405
javascript, media-queries
How to Automate API Testing With Postman (sma)404
how-tos, testing, apis, automation, postman
Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks (mar)403
eleventy, nunjucks, markdown, escaping
Similarity Principle in Visual Design (nng)402
design, principles, colors, shapes
A Brief About Web Browser Wars401
browsers, browser-wars, retrospectives
Building React Apps With Storybook (sma)400
react, storybook
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had399
introductions, guides, eleventy
Using “@ property” for CSS Custom Properties (chr/css)398
css, custom-properties, houdini
How to Use CSS Grid for Sticky Headers and Footers (ada/css)397
css, grids, layout, navigation
Everything Developers Need to Know About Figma (sma)396
figma, processes
My Experience With Jekyll395
jekyll
Ground Rules for Web Animations (css)394
animations, transitions, css
Copy the Browser’s Native Focus Styles (chr/css)393
css, focus
Adversarial Interoperability (plu)392
interoperability, terminology, concepts, link-lists
A Bit on CI/CD (chr/css)391
ci-cd, link-lists
How to Create Customer-Centric Landing Pages (sma)390
how-tos, landing-pages, content, design
Electron 10.0.0 (kee/ele)389
release-notes, electron
9 Best CSS Frameworks in 2020388
css, presentational-html, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, tachyons, materialize, comparisons
Where Does Logic Go on Jamstack Sites? (css)387
jamstack
Use Advanced Typography With Local Fonts (tom/dev)386
typography, fonts, apis
The Thing With Leading in CSS (mat)385
css, typography
Run JavaScript When Variable Exists (sea)384
javascript, variables
Why Did Mozilla Remove XUL Add-Ons?383
browsers, mozilla, xul
Optimize Images With a GitHub Action (chr/css)382
images, compression, github-actions
Loading Third-Party JavaScript (add/dev)381
javascript, performance
“this” in JavaScript and TypeScript (dea)380
javascript, typescript
The Anti-Reset (to Reset to User Agent Styles) (j9t)379
css, resets
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (ver)378
browsers, microsoft, internet-explorer, edge
Mastering Props and PropTypes in React (sma)377
react, props
21 Node.js Interview Questions With Solutions376
nodejs, interviewing
Effective Code Browsing375
code-reviews
What I Learned by Fixing One Line of CSS in an Open Source Project (css)374
css, apple, mobile
That’s Just How I Scroll (chr/css)373
scrolling, user-experience
JS Minification Benchmarks372
javascript, minification, metrics
A Smashing Guide to the World of Search Engine Optimization (fre/sma)371
guides, seo, link-lists
Accessibility in Chrome DevTools (sma)370
dev-tools, chrome, google, browsers, accessibility
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma)369
podcasts, interviews, architecture, serverless
Performance Is an Issue of Equity (clo)368
performance, accessibility
Meet Polypane, a Browser That Makes You Five Times Faster (kil)367
polypane, browsers, productivity, developer-experience
Islands Architecture366
architecture, html, concepts
Better Error Handling in Node.js With Error Classes (sma)365
nodejs, javascript, errors
Difference Between Concurrent Versions System (CVS) and Subversion (SVN)364
comparisons, version-control, cvs, svn
“font-weight: 300” Considered Harmful (chr/css)363
css, typography, legibility
Every Website Is an Essay (fon/css)362
design, communication
Vue vs. React in 2021: Which Framework to Choose and When361
frameworks, vuejs, react, comparisons
TypeScript, Minus TypeScript (css)360
typescript
HTML for Subheadings and Headings (chr/css)359
html, headings
The Myth of Incentive Alignment (lor)358
culture, prioritization, google
In a Land Before Dev Tools (amb)357
dev-tools, browsers
LCARS Website HTML Template356
websites, templates
The Renaissance of No-Code for Web Designers (sma)355
design, low-and-no-code
SVG Title vs. HTML Title Attribute (chr/css)354
svg, html, attributes
Five Decades of Access to Tools (lor)353
tooling
Updating React at Etsy352
case-studies, react, preact, frameworks
Introduction to Metrics, Monitoring, and Alerting351
introductions, metrics, monitoring, alerting
Accessibility on the Canvas With JavaScript350
accessibility, javascript, canvas
Want to Get Better at Code? Teach Someone CSS (css)349
css, learning
Pausing a GIF With “details”/“summary” (chr/css)348
html, disclosure-widgets, gif, images, animations
A Bit on Web Component Libraries (chr/css)347
web-components, pattern-libraries
Bold on Hover… Without the Layout Shift (chr/css)346
css
The GitHub Profile Trick (chr/css)345
github, readme
Happy Birthday Web Fonts! (w3c)344
anniversaries, fonts, woff, standards
Introduction to Memoization in JavaScript (hic)343
introductions, memoization, javascript
Writing Alt Text for Data Visualization342
accessibility, images, alt-text, writing, information-design, visualization
How to Use Styled Components in React (sma)341
how-tos, react, css-in-js, css, javascript
The Recruitment Confusion Matrix and Your Right to Be Wrong340
hiring, metrics
Modern CSS Techniques to Improve Legibility (sma)339
css, techniques, legibility, typography
ReactJS: A Simple Custom Hook338
react, hooks
Why We Moved a 20-Year-Old Site to Gatsby337
gatsby, migrating
When Do You Use “inline-block”? (chr/css)336
css
Levels of Fix (chr/css)335
maintenance
Creating a Gatsby Site With WordPress Data (css)334
gatsby, wordpress
Terminating a Frozen SSH Session333
ssh, command-line
“font-weight: 300” Considered Harmful (and a Fontconfig Workaround) (lis)332
css, typography, legibility, unix-like
Release Notes for Safari Technology Preview 110 (jon/web)331
release-notes, safari, apple, browsers
Methods of Improving and Optimizing Performance in React Apps (sma)330
react, performance, optimization
Lazy Loading Images in Svelte (css)329
images, lazy-loading, svelte, performance
JSON-LD 1.1 (gke+/w3c)328
json-ld, json, standards
10 Modern Layouts in 1 Line of CSS (una/dev)327
videos, css, layout
JavaScript to Know for React (ken)326
javascript, react
An Introduction to Stimulus.js (sma)325
introductions, frameworks, stimulus
Three CSS Alternatives to JavaScript Navigation (css)324
navigation, css
Netlify Does Cache Invalidation for You (chr/css)323
caching, netlify
Most Popular JavaScript Frameworks in 2020322
frameworks, javascript, react, angular, vuejs, nodejs, svelte, comparisons
JavaScript Event Delegation: A Beginner’s Guide321
guides, javascript, events
Germany Digital Accessibility Laws: BITV (2.0) and BGG320
legal, bitv, accessibility
Node.js vs. Deno: What You Need to Know319
nodejs, deno, runtimes, comparisons
My Long Journey to a Decoupled WordPress Gatsby Site (css)318
wordpress, gatsby
Crowdfunding Web Platform Features With Open Prioritization (rac/sma)317
web-platform, prioritization
Create and Activate GitHub Profile README316
github, readme
How to Document the Screen Reader User Experience315
how-tos, screen-readers, assistive-tech, documentation, user-experience
CSS Transitions in Vue.js and Nuxt.js (sma)314
vuejs, nuxt, css, transitions
An Eleventy Starter With Tailwind CSS and Alpine.js (gre/css)313
eleventy, tailwind, alpinejs
Webwaste (ger/ali)312
web, sustainability, images
Building a Blog With Next.js (pan/css)311
blogging, nextjs
The Vuetify Roadmap (vue)310
release-notes, vuetify
The Cicada Principle, Revisited With CSS Variables (lea)309
principles, css, custom-properties
The Browser Engine That Could (jay)308
history, browsers, browser-engines, trident, gecko, presto, khtml, webkit, v8, blink, safari, apple, konqueror, chrome, google, link-lists
#defundAI (tan)307
ai, economics
Browser Wish List—Tabs Time Machine (kar)306
browsers, wish-lists
A Beginner’s Guide to Microcontent305
guides, content, microcontent, concepts
A Brief Introduction to WebGL304
introductions, webgl, javascript
We Need More Inclusive Web Performance Metrics (sco)303
performance, metrics, dei
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (uxd)302
websites, guides, design
Learn Deno: A Secure JavaScript and TypeScript Runtime301
deno, runtimes, javascript, typescript
WebGPU Fundamentals300
fundamentals, webgpu
Let’s Not Be Pedantic About “Open Source” (arp)299
foss, history
Introduction to Logging in Python298
introductions, logging, python
Web Standards297
standards, w3c, html, xml, xhtml, css, wcag
Learn Regex: A Beginner’s Guide296
guides, regex
Fast Sorting With Quicksort295
algorithms, sorting
What Is Type Coercion in JavaScript ?294
javascript, operators, concepts
Namespaces in JavaScript (fla)293
javascript, namespaces
Information and Information Architecture: The Big Picture (sma)292
information-architecture, content, navigation, user-experience
How to Install Apache Web Server on Windows (cra)291
how-tos, installing, servers, apache, microsoft, windows
Responsive Styling Using Attribute Selectors (css)290
css, selectors, attributes, responsive-design
Platform Adjacency Theory (sli)289
browsers, web-platform
Learn GSAP in 23 Minutes288
videos, gsap
When Sass and New CSS Features Collide (ana/css)287
sass, css
CSS Debt286
css, technical-debt, maintainability, testing, namespaces, preprocessors
90’s Cursor Effects285
cursors, effects, javascript
Where Do You Learn HTML and CSS in 2020? (chr/css)284
html, css, learning, link-lists
Speeding Up My Shell (Oh My Zsh)283
shell, command-line, oh-my-zsh, optimization
In Defense of a Fussy Website (sar/css)282
design, user-experience, web
CSS Fundamentals: Vendor Prefixing281
css, fundamentals, vendor-extensions
Hide Scrollbars During an Animation (chr/css)280
css, animations, transitions, scrolling
A Practical Guide to Testing React Applications With Jest (sma)279
guides, testing, react, jest
Writing for HTML Newbies (geo)278
html, training
What Is Brand Identity and Why Does It Matter?277
branding
App Shell UX With Service Workers and Streams (jef/dev)276
web-apps, single-page-apps, architecture, web-workers, streaming, javascript
WAI–ARIA Usage (tpg)275
bookmarklets, accessibility, aria, compliance
GitHub CLI: A Guide to GitHub from the Command Line274
guides, github, command-line
An Overview of Scroll Technologies (zac/css)273
overviews, scrolling, animations, css, javascript, tooling
A Lazy Dark Mode272
dark-mode, react
A Little Bit of Plain JavaScript Can Do a Lot (b0r)271
javascript, css
Easing Animations in Canvas (css)270
canvas, animations, javascript
Web Engine Diversity and Ecosystem Health (chr/css)269
browser-engines, web-platform
Sending Emails in PHP With PHPMailer268
email, php, tooling
What Is P3P Policy and How Does It Work?267
p3p, policies, standards, privacy
What Is Developer Experience (DX)? (chr/css)266
developer-experience, terminology, comparisons
Remembrance of Tags Past (mey)265
history, web-platform, html, xhtml, css, hacks, doctype-switching
Decentralization Off the Shelf264
websites, design-patterns
JavasSript RORO Pattern263
javascript, software-design-patterns
Internationalization in Vue With the Vue I18N Plugin (sma)262
vuejs, plugins, internationalization, localization
Allow End-User Styling Overrides (alv)261
css, cascade, user-styles
How to Reverse CSS Custom Counters (css)260
how-tos, css, lists, html
On Adding IDs to Headings (chr/css)259
html, headings
5 Myths About Jamstack (rem/css)258
jamstack, myths
The Importance of Clarity in UX (uxd)257
user-experience, design
How to Get All Custom Properties on a Page in JavaScript (tyl/css)256
how-tos, css, custom-properties, javascript
Higher-Order Components in React (sma)255
react, components
Getting Started With HTML Using Glitch.com (jon)254
videos, introductions, glitch, html
How to Set Up a Blog With Eleventy253
how-tos, eleventy, blogging
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)252
performance, compression, brotli
Firebase Config in a React App (ama)251
firebase, configuration, react
What Is Parallax Scrolling, Explained With Examples250
parallax, scrolling, effects, examples
Meteor vs. Next? A Brutally Honest Answer249
frameworks, meteor, nextjs, comparisons
Why You Should Use SWC (and Not Babel) (log)248
transpiling, tooling, babel
Web Crawler vs. Web Scraper: The Differences247
crawling, scraping, comparisons, terminology
The Complete Guide to CSS Media Queries (kil/pol)246
guides, css, media-queries
How to Add a Sitemap to Eleventy245
how-tos, eleventy, sitemaps
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy244
site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy, comparisons
5 Projects to Help You Master Modern CSS (cra)243
css, print, forms, performance
Dark Patterns in UX242
user-experience, dark-patterns
Core Web Vitals (chr/css)241
google, performance, web-vitals, metrics
A First Look at “aspect-ratio” (chr/css)240
css, aspect-ratio
30 Seconds of Code239
websites, javascript, css, techniques
When Frontend Means Full Stack (chr)238
career, tech-stacks, architecture, state-management
The Expanding Gamut of Color on the Web (oll/css)237
colors, css, functions, oklch
Equivalent Experiences: What Are They? (eri/sma)236
accessibility, dei, community, design, user-experience
Web Platform Contribution Guide (zco/boc)235
websites, guides, web-platform, standards, community
GitHub Actions: A Deep Dive Into “pull_request” (fro)234
deep-dives, github-actions, ci-cd, automation
Getting Started With Axios in Nuxt (sma)233
introductions, nuxt, nodejs
CUBE CSS (bel)232
websites, css
Tools for Better Thinking231
websites, productivity, learning, training
Today’s JavaScript, From an Outsider’s Perspective (lea)230
javascript
On Fixed Elements and Backgrounds (hui)229
css, backgrounds, positioning, scrolling, performance
Building Reusable React Components Using Tailwind (sma)228
react, components, tailwind, maintainability
Some .zshrc Tricks (arp)227
shell, command-line, configuration, aliases, oh-my-zsh, tips-and-tricks
How to Design a Brand Logo (With Ease) (sma)226
how-tos, design, branding, logos, images
Design Principles 101225
videos, introductions, design, principles
Micro-Frontends in Context224
micro-frontends
How to Reevaluate Your Frontend Architecture223
how-tos, architecture
Ask an Expert: Why Is CSS… the Way It Is? (svg)222
css
A User’s Guide to CSS Variables (lea)221
guides, css, custom-properties
The Secret of Typography, Kerning, Explained for Dummies (uxd)220
typography, kerning
The Third Age of JavaScript (swy)219
javascript, retrospectives, outlooks
Static Hoisting (rau)218
javascript
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects (chr/css)217
design, forms
What Every JavaScript Developer Should Know About Unicode216
javascript, unicode
The 24 Boolean Attributes of HTML (j9t)215
html, attributes
Speed Up Google Fonts (css)214
performance, google, fonts
How to Build a Chrome Extension (sar/css)213
how-tos, browser-extensions, chrome, google, browsers
First Steps Into a Possible CSS Masonry Layout (chr/css)212
css, masonry, layout
The Need for Speed, 23 Years Later (nng)211
performance, user-experience, history
Still Using Node.js? Deno 1.0 Is Here! (ant)210
nodejs, deno, runtimes, javascript, typescript
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior209
guides, react, client-side-rendering
Easily Use Design Tokens in Eleventy (hey)208
eleventy, design-tokens
Liquid vs. Nunjucks207
template-engines, liquid, nunjucks, comparisons
In Defense of the Modern Web (ric)206
react, javascript, svelte
How to Tame Line Height in CSS (css)205
how-tos, css, typography
Architecting Data in Eleventy (sia)204
eleventy
Styling Components in React (sma)203
react, components, css, sass, css-in-js, javascript
How to Convince Others Not to Use Dark Patterns (boa/sma)202
how-tos, design, user-experience, ethics, design-patterns, anti-patterns
Maybe You Don’t Need That SPA201
single-page-apps, javascript, react, marko, performance
Developer Experience Metrics200
developer-experience, metrics
Second-Guessing the Modern Web (tmc)199
react, single-page-apps, code-splitting, server-side-rendering, apis, data-fetching
prerender.js (chr/css)198
libraries, performance
Designing Intrinsic Layouts (jen)197
videos, css, layout, design, intrinsic-design
Manipulating Arrays and Objects in JavaScript196
videos, javascript, arrays, objects
Let’s Take a Deep Dive Into the CSS “contain” Property (css)195
deep-dives, css
Working With MDX Custom Elements and Shortcodes (css)194
markdown, mdx, gatsby, react
Reducing Design Risk (sma)193
design, product-management
Static Hoisting (chr/css)192
jamstack, content-delivery
An Introduction to Parcel.js, the No-Config Web Application Bundler (lou)191
introductions, parcel, bundling
5 Tips to Get Your Dev Blog Running (j9t)190
tips-and-tricks, blogging, career
“lh” and “rlh” Units (chr/css)189
css, units
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)188
introductions, web-vitals, performance, metrics, google
Automated Dependency Management With Depfu (the)187
dependencies, automation, depfu
CSS Functions Guide (eri/css)186
guides, css, functions, selectors
What Is mTLS and How Does It Work?185
security
The CSS “content” Property Accepts Alternative Text (ste)184
css, generated-content, alt-text, accessibility
How to Succeed in Wireframe Design (sma)183
how-tos, design, prototyping, tooling, link-lists
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)182
alpinejs, frameworks, javascript, jquery, vuejs, tailwind, comparisons
Invisible Design Systems (jin)181
videos, design-systems
Introduction to Netlify CMS (joe)180
introductions, netlify, content-management, tooling
Implementing Dark Mode in React Apps Using styled-components (sma)179
dark-mode, react, components, javascript
Getting Started With Nuxt (sma)178
introductions, nuxt
“@ property” (chr/css)177
css, houdini
“The Title ‘Front-End Developer’ Is Obsolete” (chr/css)176
career, terminology
The Biggest Mistake in Writing for the Web175
videos, mistakes, writing, content, user-experience
SVG, Favicons, and All the Fun Things We Can Do With Them (eri/css)174
images, favicons, svg, dark-mode
How to Make a CSS-Only Carousel (fon/css)173
how-tos, css, carousels
The 4 Pillars of Good Embed Code (j9t)172
embed-code, usability, quality
Exploring Node.js Internals (sma)171
nodejs
Dark Mode and Variable Fonts (fon/css)170
dark-mode, variable-fonts, fonts, css
Accessible Font Sizing, Explained (css)169
typography, accessibility, wcag, css, units
Real-World Effectiveness of Brotli (css)168
performance, compression, brotli, comparisons
The Cost of JavaScript Frameworks (tka)167
javascript, frameworks, performance, metrics, jquery, vuejs, angular, react
How to Create a Compelling Landing Page (boa/sma)166
how-tos, landing-pages, prioritization, hierarchy
Fake Code (chr/css)165
placeholders
Quick Tip: How to Hide Whitespace Changes in Git Diffs (spa/clo)164
whitespace, tips-and-tricks, how-tos, github, gitlab, atlassian, version-control
Recursive Functions in TypeScript163
typescript, functions
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)162
javascript, zooming, apis
Christopher Schmitt (yat)161
obituaries
Everything You Should Know About SSH and SSH Key Exchange160
videos, protocols, ssh
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)159
theming, colors, css, custom-properties, functions
98.css158
design-systems, microsoft, windows
W3C Finalizes Web of Things (WoT) Recommendations (inf)157
w3c, standards
Best Practices With React Hooks (sma)156
react, hooks, best-practices
Learn Programming (jad)155
websites, courses, programming, javascript
How to Create a Particle Trail Animation in JavaScript (sma)154
how-tos, animations, javascript
No-Class CSS Frameworks (chr/css)153
frameworks, css, link-lists
Listboxes vs. Dropdown Lists (nng)152
design, forms, usability, comparisons
HTML Tips (mar)151
html, tips-and-tricks
Getting Started With the React Hooks API (sma)150
introductions, react, hooks, apis
Usability Testing for Voice Content (ali)149
usability, testing, voice
Why I Don’t Use a Static Site Generator (kev)148
site-generators, wordpress
Web Animations in Safari 13.1 (web)147
browsers, apple, safari, webkit, css, animations
The Web Development Glossary (j9t/fro)146
books, frontend-dogma, learning, training, concepts, terminology
No Need to Protect Your Website From Scraping: 8 Reasons145
web, scraping, seo, legal
What to Use Instead of Number Inputs (chr/css)144
forms, html
React Folder Structure in 5 Steps (rwi)143
react, architecture
What’s New in ECMAScript 2020 (paw)142
ecmascript, standards
How to Create a Native Web Component Without a Framework141
how-tos, web-components, javascript
Why Do Some HTML Elements Become Deprecated? (css)140
html, standards, deprecation
The Frameworks Paradox (j9t)139
frameworks
The Devastating Price Developers Pay for Working Hard138
career, culture, productivity, communication
Creating a Similar Post Component With Eleventy (fos)137
eleventy, functionality
Why “Dark Mode” Causes More Accessibility Issues Than It Solves136
dark-mode, accessibility
No Web Without Women135
websites, community
How to Build a Bad Design System (fon/css)134
how-tos, design-systems
The Component Gallery133
websites, components
MEAN Stack: Build an App With Angular and the Angular CLI132
angularjs, nodejs, express, mongodb, databases, functionality
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset (chr/css)131
css, transforms
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs (css)130
css, grids, layout
Start Render: The Web Performance Metric That Heralds the End of the Blank Page129
performance, metrics, web-vitals
On the Responsibility That Comes With Good JavaScript Support (j9t)128
javascript, support
Performance Tips: Minifying HTML, CSS, and JS127
videos, performance, html, css, javascript, minification, tips-and-tricks
How to Debug a Node.js Application: Tips, Tricks, and Tools (cra)126
how-tos, nodejs, debugging, terminology, tips-and-tricks, tooling
An Introduction to MDXJS (css)125
introductions, markdown, mdx
Margin Considered Harmful124
css, margins, components
How to Use an Emoji as a Favicon Easily (chr/css)123
how-tos, images, favicons, emoji, data-urls
Different Favicon for Development (chr/css)122
favicons, images, environments
The Complete Guide to the Dark Mode Toggle121
guides, dark-mode, toggles
Neumorphism and CSS (cod/css)120
design, effects, css
Creating Sortable Tables With React (sma)119
react, tables, sorting
Mutual TLS: Stuff You Should Know118
security, tls, protocols
A Practical Overview of CSS Houdini (cod/sma)117
overviews, css, houdini, apis, polyfills
Tools for Optimizing SVG (chr/css)116
tooling, svg, images, optimization, link-lists
The Rise of the No-Code Movement115
web, low-and-no-code
The CSS Calculating Function Guide (chr/css)114
guides, css, functions, math, examples
How to Create a “Skip to Content” Link (css)113
how-tos, skip-links, html, css, accessibility
10 Behavior Patterns for UX Design (uxd)112
user-experience
Testing With Jest: An Introduction (hac)111
introductions, testing, jest
Quick Tip: Configuring nginx and SSL With Node.js110
servers, nginx, ssl, nodejs, configuration, tips-and-tricks
Accessible SVGs: Inclusiveness Beyond Patterns (car/sma)109
svg, images, accessibility, tooling
How to Make a Line Chart With CSS (css)108
how-tos, css, transforms
Fluid Width Video (chr/css)107
multimedia, html, responsive-design
10 Git Techniques You Need to Know Before You Join a Team106
git, command-line, techniques
Setting Height and Width on Images Is Important Again (tun/sma)105
html, images, performance, web-vitals
The Perils of Rehydration (jos)104
react, hydration
Currying in CSS (chr/css)103
css
A Beginner’s Guide to Webpack102
guides, webpack
Optimize CSS Background Images With Media Queries (dev)101
css, images, backgrounds, media-queries, optimization
Why Are We Talking About CSS4? (rac/sma)100
css, standards
4 Ways to Animate the Color of a Text Link on Hover (kat/css)99
links, colors, animations, css
How Emojis Work (joe)98
emoji, unicode
Marginalized by Design (hey/que)97
design, community, dei, career
Unfortunately, “clip-path: path()” Is Still a No-Go (ana/css)96
css, clipping
Simple Systems Have Less Downtime95
simplicity
Google Confirms Microformats Are Still a Recommended Metadata Format for Content (www)94
google, microformats, metadata, search, support
Where Does SEO Belong in Your Web Design Process? (sma)93
seo, design, processes
Why Is CSS Frustrating? (fon/css)92
css
Don’t Try to Sanitize Input—Escape Output91
security, sanitization, escaping
Cross-Cultural Design (ali)90
design, culture
What Does a Foldable Web Actually Mean? (fre/sma)89
mobile, responsive-design, user-experience
A Cheatsheet of 128 Cheatsheets for Developers88
cheat-sheets, link-lists
Vue.js: The Documentary87
videos, vuejs, history
The Spirit of “View Source” (jim)86
view-source, learning, dev-tools, browsers
Setting Up Tailwind CSS in a React Project (sma)85
tailwind, react
The Economics of JavaScript Web Apps84
javascript, web-apps, economics
Improving Perceived Performance With the CSS “font-display” Property (the)83
performance, css, fonts
An Introduction to MongoDB82
introductions, mongodb, databases
Better Stimulus81
websites, stimulus, best-practices
Fixed Headers and Jump Links? The Solution Is “scroll-margin-top” (chr/css)80
scrolling, positioning, css
Console Commands Guide (css)79
guides, debugging, console, javascript, dev-tools, browsers
Page Builders Might Not Be a Good Idea (cit)78
maintainability, consistency, performance, quality
Encrypting DNS Query Bad for Performance? (erw)77
performance, dns, http, encryption, security