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

Frontend Dogma

“2020” News Archive

Definition, related topics, and tag feed

“2020” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Give Your Eleventy Site Superpowers With Environment Variables (bel/css)609
eleventy, environments, variables
A Practical Introduction to Dependency Injection (sma)608
introductions, javascript, maintainability
Ethical Design Guide607
websites, guides, design
HTML and CSS Techniques to Reduce Your JavaScript (per)606
html, css, javascript, performance
What’s Coming to Vuex? (sma)605
vuejs, state-management, libraries
Integrating TypeScript With Svelte (ada/css)604
svelte, typescript
The Art of Leadership603
leadership
Using “throw” as an Expression in PHP 8 (ami)602
php
WordPress Cookies (wpe)601
wordpress, cookies
Symbols to Copy600
tooling, typography
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)599
performance, lighthouse, google, github-actions
CSS Snapshot 2020 (tab+/w3c)598
css, standards
“Yes or No?” (chr/css)597
forms, html, comparisons
Flushing Promises in JavaScript—What It Is and Why You Need It in UI Tests596
javascript, promises, asynchronicity, flushing
Ignore AMP (j9t)595
google, amp
How the Web Is Really Built (lea/css)594
tech-stacks, jquery, wordpress
Get Up to Speed With Partial Clone and Shallow Clone (sto)593
git
A Beginner’s Guide to Webpack592
guides, webpack
Optimizing Image Depth (mey/css)591
images, quality, performance, optimization
W3C in 2020 (koa/w3c)590
w3c, standards, retrospectives
I Learned to Love the Same-Origin Policy (eee/css)589
security, cors
Meet Redwood, a Full-Stack, Serverless Jamstack Framework588
frameworks, redwoodjs, jamstack
Why You Should Self-Host Google Fonts in 2021587
google, fonts, self-hosting
What’s New in WCAG 2.1: Label in Name (css)586
accessibility, wcag, aria
“user-scalable=no” and Suppressing Zoom Suppression (ppk)585
metadata, zooming, viewport, accessibility
The Shorthand–Longhand Problem in Atomic CSS (rob)584
css, shorthands, cascade, atomic-css, css-in-js
Netlify and Next.js (chr/css)583
netlify, nextjs
Debugging CSS (chr/css)582
books, css, debugging
Escape Nunjucks in Markdown (con)581
markdown, nunjucks, escaping
How and Why to Use Lynx—the Faster Web Browser (ede)580
lynx, browsers
Make It Personal (mat/css)579
blogging, career
JavaScript (tka/htt)578
web-almanac, studies, research, metrics, javascript
Page Weight (htt)577
web-almanac, studies, research, metrics, performance
CSS (lea+/htt)576
web-almanac, studies, research, metrics, css
TLS and mTLS Demystified575
security, tls, protocols
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of574
edge-computing, security
How to Create a Favicon That Changes Automatically (css)573
how-tos, favicons, data-urls, javascript
“npm ruin dev” (ada/css)572
html, css, javascript, nodejs, npm
Houdini.how (una)571
websites, css, apis, houdini
Accessibility (htt)570
web-almanac, studies, research, metrics, accessibility
Very Extremely Practical CSS Art (mia/css)569
css, art
Notes on Zsh and Oh My Zsh (spe)568
shells, zsh, oh-my-zsh
The Power of Web Development Outside Tech (css)567
career, lessons
Notes on HTML 3.2 (j9t)566
html
How to Display the Last Build Date in Eleventy (ste)565
how-tos, eleventy
Command Line Interface Guidelines564
websites, guidelines, command-line
CommonMark: A Formal Specification for Markdown (sma)563
markdown, content, documentation
Happier HTML5 Form Validation in Vue (chr/css)562
html, forms, validation, css, selectors, vuejs
How to Make an Area Chart With CSS (css)561
how-tos, css, clipping, visualization
Minimal Takes on Faking Container Queries (chr/css)560
container-queries, web-components, javascript, css
How to Make Your Code Reviewer Fall in Love With You (mtl)559
how-tos, code-reviews, documentation, automation, communication, best-practices
The Internet’s Server-Based Infrastructure Is Ushering Us Through the Pandemic—Here’s How the W3C Is Helping558
web, servers, infrastructure, w3c, standards
Why Choose TYPO3 CMS for Your Website557
videos, typo3, content-management
Alt vs. Figcaption (tho)556
html, accessibility, comparisons
Time to Say Goodbye to Google Fonts: Cache Performance555
google, fonts, caching, performance
Weaving Web Accessibility With Usability (sma)554
accessibility, usability, testing
Native CSS Masonry Layout in CSS Grid (chr/css)553
css, layout, masonry, grids
The State of UX: 100 Design Lessons for 2021 (fab)552
user-experience, design, outlooks
How to Kill a Hung SSH Session551
how-tos, ssh
Migrating a Large Angular Project From Jasmine to Jest Incrementally550
migrating, angular, jest, testing
Information Scent549
videos, links, usability, information-scent
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)548
html, css, javascript
Considerations for Making a CSS Framework (css)547
css, frameworks, theming
Ruthlessly Eliminating Layout Shift on netlify.com (zac)546
netlify, web-vitals, performance, optimization
Know Your Standards (ste)545
accessibility, standards, wcag, aria, html, link-lists
Testing Vue Applications With the Vue Testing Library (sma)544
vuejs, testing, tooling
To Be Creative, Practice543
design, creativity
Leveraging System Fonts on the Web (jim)542
fonts
Best Practices for Inclusive Textual Websites541
security, performance, accessibility, best-practices
DRY-ing Up styled-components (css)540
components, css, maintainability
CSS Vendor Prefixes539
css, vendor-extensions
Color Theming With CSS Custom Properties and Tailwind (mic/css)538
theming, colors, css, custom-properties, tailwind
“console.log({ myVariable });” (chr/css)537
javascript, console
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)536
html, forms
A GitHub Action for Automated Deployment to WP Engine (clo)535
github, deploying, automation, wordpress, wp-engine
Semantic Web With Structured Data534
semantic-web, json, structured-data
Upgrade Your HTML II (j9t/fro)533
books, frontend-dogma, html, minimalism, craft, conformance
Measuring Core Web Vitals With Sentry (fon/css)532
performance, web-vitals, tooling
New WebKit Features in Safari 14 (jon/web)531
release-notes, safari, apple, browsers, webkit
How to Deal With Common React JS Problems—Actionable Tips530
how-tos, react, tips-and-tricks
Creating a Continuous Integration Test Workflow Using GitHub Actions (sma)529
nodejs, ci-cd, github-actions
CSS Gradients Guide (geo/css)528
guides, css, gradients
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format527
webp, images, google
What’s New in Vue 3? (sma)526
vuejs
Abandoning Best Practices in UX525
videos, user-experience, usability, best-practices
Warp: Improved JS Performance in Firefox 83 (jan/moz)524
firefox, mozilla, browsers, javascript, performance, spidermonkey, javascript-engines
Career Opportunities Mean a Lot of Things (kar)523
career
No Config for Old Men522
configuration
The What, Why, and How of Using a Skeleton Loading Screen (tre)521
placeholders, performance, react
Authenticating React Apps With Auth0 (sma)520
react, authentication, tooling, auth0
My WordPress Comments Wishlist (chr/css)519
wordpress, blogging, wish-lists
Webmentions and Eleventy Talk (sia)518
slides, webmentions, eleventy
The Raven Technique: One Step Closer to Container Queries (css)517
css, container-queries, techniques
Write Better Code and Be a Better Programmer by Avoiding “else” Statements516
programming, best-practices
Markup (j9t+/htt)515
web-almanac, studies, research, metrics, html
ARIA in CSS (chr/css)514
css, aria
[JavaScript] Operator Lookup (jos)513
javascript, operators
Quick localStorage Usage in Vue (sar/css)512
vuejs, browser-storage
How to Find and Fix Common Website Accessibility Issues (kil)511
how-tos, accessibility, contrast, color-blindness, colors, responsive-design, quality
Internationalization and Localization for Static Sites (sma)510
internationalization, localization, site-generators
GIFs and “prefers-reduced-motion” (chr/css)509
images, gif, reduced-motion, html
What Is Section 508 and Why Does It Matter? (deq)508
accessibility, legal, section-508
Chasing the Pixel-Perfect Dream (jos)507
design, css
Native CSS Masonry Layout in CSS Grid (rac/sma)506
css, masonry, grids, layout
The Principles of Visual Communication (sma)505
design, communication, principles, examples
In Defense of Tables and Floats in Modern Day Development (css)504
html, css, floats, tables
Clickjacking Attacks and How to Prevent Them503
how-tos, security
Bootstrap vs. Materialize Showdown502
bootstrap, materialize, comparisons, frameworks
Are Template Engines Still Relevant in 2020?501
discussions, template-engines, pug, nunjucks, handlebars
More on “content-visibility” (chr/css)500
css
Authentication in Vue.js (sma)499
vuejs, authentication
Comparing Various Ways to Hide Things in CSS (css)498
accessibility, css, hiding, comparisons
WordPress and Jamstack (chr/css)497
wordpress, jamstack, netlify
Selecting Random Posts in Eleventy (ray)496
eleventy, randomness
A General Introduction to Cloud Computing (dig)495
introductions, cloud-computing, concepts, history
Getting Started With Next.js (sma)494
introductions, nextjs, react
A Primer on the Different Types of Browser Storage (ido/css)493
introductions, browser-storage, indexeddb, databases, apis, cookies, caching
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css)492
html, php, pug
Touch, Point, Click: Mouse vs. Touch Screen Input (pro)491
accessibility, interaction-design, touch, comparisons
Handling Continuous Integration and Delivery With GitHub Actions (sma)490
ci-cd, github-actions, heroku, deploying, automation
Comparing Styling Methods in 2020 (chr/css)489
css, sass, less, stylus, postcss, modules, css-in-js, presentational-html, comparisons
Come Full Circle—Back to HTML488
code-editors, vi+vim, neovim, html
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met487
guidelines, seo, quality, google
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)486
guides, google, web-vitals, performance
How to Test Responsive Web Design Cross-Browser Compatibility (cra)485
how-tos, testing, responsive-design, browsers, support
An Opinionated Guide to Accessibility Testing484
guides, accessibility, testing
CSS “min()”, “max()”, and “clamp()” (una)483
css, functions, typography
Signed Exchanges (SXGs) (twi)482
authentication, signed-exchanges, web-packaging, performance
An Introduction to JSX481
introductions, jsx
The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (lea)480
css, custom-properties, hacks, toggles
Run Gulp as You Open a VS Code Project (chr/css)479
gulp, vs-code, microsoft, code-editors
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (mas)478
design, history
What Can We Learn From the W3C CMS Selection Process477
w3c, tooling, content-management, lessons
Node.js Testing Best Practices476
nodejs, testing, best-practices, examples
How to Find the Cause of Horizontal Scrollbars (kil/pol)475
how-tos, css, overflow, debugging, scrolling
Getting Started With React: A Beginner’s Guide474
introductions, guides, react, jsx
How to Design a Set of Icons473
design, icons, images
The Widening Responsibility for Front-End Developers (chr/css)472
career, craft, tech-stacks
Apache Configuration Basics471
fundamentals, servers, apache, configuration
Tuning Your Apache Server470
apache, servers, optimization, configuration
Micro-Note on “aria-roledescription” (ste)469
accessibility, aria
CSS Variables 101 (sha)468
css, custom-properties
GitLab vs. GitHub—a Comparison of the Two Version Control Systems467
version-control, gitlab, github, comparisons
A Guide to HTML and CSS Forms (No Hacks) (dxn)466
guides, html, css, forms
How to Create High-Performance CSS Animations (rac)465
how-tos, css, animations, performance
Reading Content With RSS464
rss, syndication
Compile Svelte in Your Head463
svelte, compiling, javascript
Should Coding Be Mandatory? (ara)462
programming, training, career
Reducing the Site Speed Impact of Third-Party Tags461
performance, embed-code
CSS Media Queries Guide (css)460
guides, css, media-queries
The Monospaced System UI CSS Font Stack459
css, fonts, link-lists
Why I IndieWeb458
indieweb, community
Unit Testing in React Native Applications (sma)457
react, native, testing
Webflow vs. WordPress: A Head-to-Head Comparison456
webflow, wordpress, content-management, hosting, comparisons
“font-kerning” (geo/css)455
css, kerning, typography
Building and Running WebKit (mar)454
webkit, building
Accessible Web Animation: The WCAG on Animation Explained (vlh/css)453
accessibility, animations, reduced-motion, wcag
Drawing the Invisible: React Explained in Five Visual Metaphors452
videos, react
Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS? (dre/sma)451
podcasts, interviews, redwoodjs, jamstack
Custom Properties: Questioning “:root” (j9t)450
cross-posts, css, custom-properties
New Open Source robots.txt Projects (met)449
robotstxt, tooling, foss
Enforcing Performance Budgets With Webpack (css)448
performance-budgets, performance, webpack
Vue 3 (chr/css)447
vuejs
[Vue.js] v3.0.0 One Piece (vue)446
vuejs, release-notes
The Good Web and the Bad Web (kzi)445
web, mastodon, wikipedia, internet-archive, javascript
Advanced GraphQL Usage in Gatsby Websites (sma)444
gatsby, graphql, javascript
Generate a Sitemap for Your Eleventy Website443
eleventy, sitemaps, seo
Mastering Wrapping of Flex Items (mdn)442
css, flexbox, layout
npx [Cheatsheet]441
npx, nodejs, cheat-sheets
Basic Math in JavaScript—Numbers and Operators (mdn)440
javascript, math, operators
MIME Types (IANA Media Types) (mdn)439
mime-types
Change the [Eleventy] Default Directories (per)438
eleventy
Animating React Components With GreenSock (sma)437
react, gsap, javascript, components, animations
React With TypeScript: Best Practices436
react, typescript, best-practices
An Introduction to Running Lighthouse Programmatically (sma)435
introductions, lighthouse, google, automation
Creating a Custom Cursor Using CSS?434
css, images, svg, cursors
Getting Started With Eleventy (11ty)433
introductions, eleventy, site-generators
Modifying Specific Letters With CSS and JavaScript (css)432
css, javascript
How CSS Perspective Works (ami/css)431
css, transforms, animations
The Argument That Kills Any Monetisation Discussion (ppk)430
monetization, social-media
AVIF Has Landed (jaf)429
images, avif, performance, quality, jpeg, webp, svg, png, comparisons
Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks (mar)428
eleventy, nunjucks, markdown, escaping
How to Automate API Testing With Postman (sma)427
how-tos, testing, apis, automation, postman
Working With JavaScript Media Queries (css)426
javascript, media-queries
Similarity Principle in Visual Design (nng)425
design, principles, colors, shapes
A Brief About Web Browser Wars424
browsers, browser-wars, retrospectives
Building React Apps With Storybook (sma)423
react, storybook
Everything Developers Need to Know About Figma (sma)422
figma, processes
How to Use CSS Grid for Sticky Headers and Footers (ada/css)421
css, grids, layout, navigation
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had420
introductions, guides, eleventy
Using “@property” for CSS Custom Properties (chr/css)419
css, custom-properties, houdini
My Experience With Jekyll418
jekyll
Ground Rules for Web Animations (css)417
animations, transitions, css
Copy the Browser’s Native Focus Styles (chr/css)416
css, focus
Adversarial Interoperability (plu)415
interoperability, terminology, concepts, link-lists
A Bit on CI/CD (chr/css)414
ci-cd, link-lists
Electron 10.0.0 (kee/ele)413
release-notes, electron
How to Create Customer-Centric Landing Pages (sma)412
how-tos, landing-pages, content, design
9 Best CSS Frameworks in 2020411
css, presentational-html, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, tachyons, materialize, comparisons
The Thing With Leading in CSS (mat)410
css, typography
Where Does Logic Go on Jamstack Sites? (css)409
jamstack
Use Advanced Typography With Local Fonts (tom)408
typography, fonts, apis
Why Did Mozilla Remove XUL Add-Ons?407
browsers, mozilla, xul
Run JavaScript When Variable Exists (sea)406
javascript, variables
Optimize Images With a GitHub Action (chr/css)405
images, compression, github-actions
Loading Third-Party JavaScript (add)404
javascript, performance
“this” in JavaScript and TypeScript (dea)403
javascript, typescript
Mastering Props and PropTypes in React (sma)402
react, props
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (ver)401
browsers, microsoft, internet-explorer, edge
The Anti-Reset (to Reset to User Agent Styles) (j9t)400
css, resets
21 Node.js Interview Questions With Solutions399
nodejs, interviewing
Effective Code Browsing398
code-reviews
A Smashing Guide to the World of Search Engine Optimization (fre/sma)397
guides, seo, link-lists
JS Minification Benchmarks396
javascript, minification, metrics
That’s Just How I Scroll (chr/css)395
scrolling, user-experience
What I Learned by Fixing One Line of CSS in an Open Source Project (css)394
css, apple, mobile
I Love MDN, or the Cult of the Free in Action (ppk)393
mdn, community, economics
[JavaScript] Minification Benchmarks (hir)392
minification, tooling, metrics, comparisons, javascript, oxc, swc, bun, esbuild
Accessibility in Chrome DevTools (sma)391
dev-tools, chrome, google, browsers, accessibility
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma)390
podcasts, interviews, architecture, serverless
Islands Architecture389
architecture, html, concepts
Performance Is an Issue of Equity (clo)388
performance, accessibility
Meet Polypane, a Browser That Makes You Five Times Faster (kil)387
polypane, browsers, productivity, developer-experience
Better Error Handling in Node.js With Error Classes (sma)386
nodejs, javascript, errors
Difference Between Concurrent Versions System (CVS) and Subversion (SVN)385
comparisons, version-control, cvs, svn
Every Website Is an Essay (fon/css)384
design, communication
“font-weight: 300” Considered Harmful (chr/css)383
css, typography, legibility
Vue vs. React in 2021: Which Framework to Choose and When382
frameworks, vuejs, react, comparisons
HTML for Subheadings and Headings (chr/css)381
html, headings
TypeScript, Minus TypeScript (css)380
typescript
In a Land Before Dev Tools (amb)379
dev-tools, browsers
The Myth of Incentive Alignment (lor)378
culture, prioritization, google
Writing Minimal HTML5 Documents Is Fun377
html, minimalism
LCARS Website HTML Template376
websites, templates
The Renaissance of No-Code for Web Designers (sma)375
design, low-and-no-code
SVG Title vs. HTML Title Attribute (chr/css)374
svg, html, attributes
Five Decades of Access to Tools (lor)373
tooling
Introduction to Metrics, Monitoring, and Alerting372
introductions, metrics, monitoring, alerting
Updating React at Etsy371
case-studies, react, preact, frameworks
A Bit on Web Component Libraries (chr/css)370
web-components, pattern-libraries
Pausing a GIF With “details”/“summary” (chr/css)369
html, disclosure-widgets, gif, images, animations
Want to Get Better at Code? Teach Someone CSS (css)368
css, learning
Accessibility on the Canvas With JavaScript367
accessibility, javascript, canvas
Happy Birthday Web Fonts! (w3c)366
anniversaries, fonts, woff, standards
The GitHub Profile Trick (chr/css)365
github, readme
Bold on Hover… Without the Layout Shift (chr/css)364
css, hover
Introduction to Memoization in JavaScript (hic)363
introductions, memoization, javascript
How to Use Styled Components in React (sma)362
how-tos, react, css-in-js, css, javascript
Writing Alt Text for Data Visualization361
accessibility, images, alt-text, writing, information-design, visualization
The Recruitment Confusion Matrix and Your Right to Be Wrong360
hiring, metrics
Modern CSS Techniques to Improve Legibility (sma)359
css, techniques, legibility, typography
How to Safely Use GitHub Actions in Organizations (nza)358
how-tos, github-actions, security
ReactJS: A Simple Custom Hook357
react, hooks
Creating a Gatsby Site With WordPress Data (css)356
gatsby, wordpress
Levels of Fix (chr/css)355
maintenance
When Do You Use “inline-block”? (chr/css)354
css
PHP 8: Before and After (bre)353
php, comparisons
Why We Moved a 20-Year-Old Site to Gatsby352
gatsby, migrating
Code Review Best Practices351
code-reviews, best-practices
Terminating a Frozen SSH Session350
ssh, command-line
“font-weight: 300” Considered Harmful (and a Fontconfig Workaround) (lis)349
css, typography, legibility, unix-like
Release Notes for Safari Technology Preview 110 (jon/web)348
release-notes, safari, apple, browsers
Methods of Improving and Optimizing Performance in React Apps (sma)347
react, performance, optimization
Lazy Loading Images in Svelte (css)346
images, lazy-loading, svelte, performance
10 Modern Layouts in 1 Line of CSS (una)345
videos, css, layout
JSON-LD 1.1 (gke+/w3c)344
json-ld, json, standards
An Introduction to Stimulus.js (sma)343
introductions, frameworks, stimulus
JavaScript to Know for React (ken)342
javascript, react
Most Popular JavaScript Frameworks in 2020341
frameworks, javascript, react, angular, vuejs, nodejs, svelte, comparisons
Germany Digital Accessibility Laws: BITV (2.0) and BGG340
legal, bitv, accessibility
Netlify Does Cache Invalidation for You (chr/css)339
caching, netlify
Three CSS Alternatives to JavaScript Navigation (css)338
navigation, css
JavaScript Event Delegation: A Beginner’s Guide337
guides, javascript, events
Crowdfunding Web Platform Features With Open Prioritization (rac/sma)336
web-platform, prioritization
My Long Journey to a Decoupled WordPress Gatsby Site (css)335
wordpress, gatsby
Node.js vs. Deno: What You Need to Know334
nodejs, deno, runtimes, comparisons
Create and Activate GitHub Profile README333
github, readme
CSS Transitions in Vue.js and Nuxt.js (sma)332
vuejs, nuxt, css, transitions
An Eleventy Starter With Tailwind CSS and Alpine.js (gre/css)331
eleventy, tailwind, alpinejs
How to Document the Screen Reader User Experience330
how-tos, screen-readers, assistive-tech, documentation, user-experience
Building a Blog With Next.js (pan/css)329
blogging, nextjs
Webwaste (ger/ali)328
web, sustainability, images
The Vuetify Roadmap (vue)327
release-notes, vuetify
Browser Wish List—Tabs Time Machine (kar)326
browsers, wish-lists
The Cicada Principle, Revisited With CSS Variables (lea)325
principles, css, custom-properties
#defundAI (tan)324
ai, economics
A Beginner’s Guide to Microcontent323
guides, content, microcontent, concepts
The Browser Engine That Could (jay)322
history, browsers, browser-engines, trident, gecko, presto, khtml, javascriptcore, webkit, v8, blink, safari, apple, konqueror, chrome, google, link-lists
We Need More Inclusive Web Performance Metrics (sco)321
performance, metrics, dei
A Brief Introduction to WebGL320
introductions, webgl, javascript
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn319
websites, guides, design
Learn Deno: A Secure JavaScript and TypeScript Runtime318
deno, runtimes, javascript, typescript
WebGPU Fundamentals317
fundamentals, webgpu
Let’s Not Be Pedantic About “Open Source” (arp)316
foss, history
Introduction to Logging in Python315
introductions, logging, python
Fast Sorting With Quicksort314
algorithms, sorting
Learn Regex: A Beginner’s Guide313
guides, regex
Web Standards312
standards, w3c, html, xml, xhtml, css, wcag
Information and Information Architecture: The Big Picture (sma)311
information-architecture, content, navigation, user-experience
What Is Type Coercion in JavaScript ?310
javascript, operators, concepts
Namespaces in JavaScript (fla)309
javascript, namespaces
How to Install Apache Web Server on Windows (cra)308
how-tos, installing, servers, apache, microsoft, windows
Platform Adjacency Theory (sli)307
browsers, web-platform
Learn GSAP in 23 Minutes306
videos, gsap
Responsive Styling Using Attribute Selectors (css)305
css, selectors, attributes, responsive-design
When Sass and New CSS Features Collide (ana/css)304
sass, css
90’s Cursor Effects303
cursors, effects, javascript
CSS Debt302
css, technical-debt, maintainability, testing, namespaces, preprocessors
In Defense of a Fussy Website (sar/css)301
design, user-experience, web
Where Do You Learn HTML and CSS in 2020? (chr/css)300
html, css, learning, link-lists
Speeding Up My Shell (Oh My Zsh)299
shells, command-line, oh-my-zsh, optimization
CSS Fundamentals: Vendor Prefixing298
css, fundamentals, vendor-extensions
A Practical Guide to Testing React Applications With Jest (sma)297
guides, testing, react, jest
Hide Scrollbars During an Animation (chr/css)296
css, animations, transitions, scrolling
What Is Brand Identity and Why Does It Matter?295
branding
Writing for HTML Newbies (geo)294
html, training
App Shell UX With Service Workers and Streams (jef)293
web-apps, single-page-apps, architecture, web-workers, streaming, javascript
WAI–ARIA Usage (tpg)292
bookmarklets, accessibility, aria, compliance
An Overview of Scroll Technologies (zac/css)291
overviews, scrolling, animations, css, javascript, tooling
GitHub CLI: A Guide to GitHub From the Command Line290
guides, github, command-line
A Lazy Dark Mode289
dark-mode, react
Easing Animations in Canvas (css)288
canvas, animations, javascript
A Little Bit of Plain JavaScript Can Do a Lot (b0r)287
javascript, css
Web Engine Diversity and Ecosystem Health (chr/css)286
browser-engines, web-platform
Sending Emails in PHP With PHPMailer285
email, php, tooling
Decentralization Off the Shelf284
websites, design-patterns
Remembrance of Tags Past (mey)283
history, web-platform, html, xhtml, css, hacks, doctype-switching
What Is P3P Policy and How Does It Work?282
p3p, policies, standards, privacy
What Is Developer Experience (DX)? (chr/css)281
developer-experience, terminology, comparisons
JavasSript RORO Pattern280
javascript, software-design-patterns
Allow End-User Styling Overrides (alv)279
css, cascade, user-styles
Internationalization in Vue With the Vue I18N Plugin (sma)278
vuejs, plugins, internationalization, localization
On Adding IDs to Headings (chr/css)277
html, headings
How to Reverse CSS Custom Counters (css)276
how-tos, css, lists, html
Blocking Navigation Gestures on iOS Safari (rik)275
mobile, safari, apple, browsers
5 Myths About Jamstack (rem/css)274
jamstack, myths
Higher-Order Components in React (sma)273
react, components
How to Get All Custom Properties on a Page in JavaScript (tyl/css)272
how-tos, css, custom-properties, javascript
The Importance of Clarity in UX271
user-experience, design
Getting Started With HTML Using Glitch.com (jon)270
videos, introductions, glitch, html
How to Set Up a Blog With Eleventy269
how-tos, eleventy, blogging
Firebase Config in a React App (ama)268
firebase, configuration, react
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)267
performance, compression, brotli
Meteor vs. Next? A Brutally Honest Answer266
frameworks, meteor, nextjs, comparisons
What Is Parallax Scrolling, Explained With Examples265
parallax, scrolling, effects, examples
Why You Should Use SWC (and Not Babel) (log)264
transpiling, tooling, swc, babel
The Complete Guide to CSS Media Queries (kil/pol)263
guides, css, media-queries
How to Add a Sitemap to Eleventy262
how-tos, eleventy, sitemaps
Web Crawler vs. Web Scraper: The Differences261
crawling, scraping, comparisons, terminology
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy260
site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy, comparisons
5 Projects to Help You Master Modern CSS (cra)259
css, print, forms, performance
30 Seconds of Code258
websites, javascript, css, techniques
Dark Patterns in UX257
user-experience, dark-patterns
Core Web Vitals (chr/css)256
google, performance, web-vitals, metrics
A First Look at “aspect-ratio” (chr/css)255
css, aspect-ratio
Evaluating Page Experience for a Better Web254
google, search, user-experience
Equivalent Experiences: What Are They? (eri/sma)253
accessibility, dei, community, design, user-experience
The Expanding Gamut of Color on the Web (oll/css)252
colors, css, functions, oklch
When Frontend Means Full Stack (chr)251
career, tech-stacks, architecture, state-management
CUBE CSS (bel)250
websites, css
GitHub Actions: A Deep Dive Into “pull_request” (fro)249
deep-dives, github-actions, ci-cd, automation
Getting Started With Axios in Nuxt (sma)248
introductions, nuxt, axios, nodejs
Web Platform Contribution Guide (zco/boc)247
websites, guides, web-platform, standards, community
On Fixed Elements and Backgrounds (hui)246
css, backgrounds, positioning, scrolling, performance
Today’s JavaScript, From an Outsider’s Perspective (lea)245
javascript
Building Reusable React Components Using Tailwind (sma)244
react, components, tailwind, maintainability
Tools for Better Thinking243
websites, productivity, learning, training
How to Design a Brand Logo (With Ease) (sma)242
how-tos, design, branding, logos, images
Design Principles 101241
videos, introductions, design, principles
Some .zshrc Tricks (arp)240
shells, command-line, configuration, aliases, oh-my-zsh, tips-and-tricks
A User’s Guide to CSS Variables (lea)239
guides, css, custom-properties
Ask an Expert: Why Is CSS… the Way It Is? (svg)238
css
How to Reevaluate Your Frontend Architecture237
how-tos, architecture
Micro-Frontends in Context236
micro-frontends
The Third Age of JavaScript (swy)235
javascript, retrospectives, outlooks
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects (chr/css)234
design, forms
Static Hoisting233
javascript
The Secret of Typography, Kerning, Explained for Dummies232
typography, kerning
Speed Up Google Fonts (css)231
performance, google, fonts
The 24 Boolean Attributes of HTML (j9t)230
html, attributes
How to Build a Chrome Extension (sar/css)229
how-tos, browser-extensions, chrome, google, browsers
What Every JavaScript Developer Should Know About Unicode228
javascript, unicode
First Steps Into a Possible CSS Masonry Layout (chr/css)227
css, masonry, layout
Still Using Node.js? Deno 1.0 Is Here! (ant)226
nodejs, deno, runtimes, javascript, typescript
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior225
guides, react, client-side-rendering
The Need for Speed, 23 Years Later (nng)224
performance, user-experience, history
Hiding Scroll Bars While Maintaining Scroll Functionality in Modern Browsers223
scrolling, css, hiding
Easily Use Design Tokens in Eleventy (hey)222
eleventy, design-tokens
Liquid vs. Nunjucks221
template-engines, liquid, nunjucks, comparisons
Architecting Data in Eleventy (sia)220
eleventy
How to Tame Line Height in CSS (css)219
how-tos, css, typography
In Defense of the Modern Web (ric)218
react, javascript, svelte
Styling Components in React (sma)217
react, components, css, sass, css-in-js, javascript
How to Convince Others Not to Use Dark Patterns (boa/sma)216
how-tos, design, user-experience, ethics, design-patterns, anti-patterns
Maybe You Don’t Need That SPA215
single-page-apps, javascript, react, marko, performance
Developer Experience Metrics214
developer-experience, metrics
Designing Intrinsic Layouts (jen)213
videos, css, layout, design, intrinsic-design
prerender.js (chr/css)212
libraries, performance
Second-Guessing the Modern Web (tmc)211
react, single-page-apps, code-splitting, server-side-rendering, apis, data-fetching
Manipulating Arrays and Objects in JavaScript210
videos, javascript, arrays, objects
Let’s Take a Deep Dive Into the CSS “contain” Property (css)209
deep-dives, css, containment
Reducing Design Risk (sma)208
design, product-management
Working With MDX Custom Elements and Shortcodes (css)207
markdown, mdx, gatsby, react
An Introduction to Parcel.js, the No-Config Web Application Bundler (lou)206
introductions, parcel, bundling
5 Tips to Get Your Dev Blog Running (j9t)205
tips-and-tricks, blogging, career
Static Hoisting (chr/css)204
jamstack, content-delivery
“lh” and “rlh” Units (chr/css)203
css, units
Introducing Web Vitals: Essential Metrics for a Healthy Site202
introductions, web-vitals, performance, metrics, google
CSS Functions Guide (eri/css)201
guides, css, functions, selectors
Automated Dependency Management With Depfu200
dependencies, automation, depfu
What Is mTLS and How Does It Work?199
security
How to Succeed in Wireframe Design (sma)198
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)197
alpinejs, frameworks, javascript, jquery, vuejs, tailwind, comparisons
The CSS “content” Property Accepts Alternative Text (ste)196
css, generated-content, alt-text, accessibility
Introduction to Netlify CMS (joe)195
introductions, netlify, content-management, tooling
Invisible Design Systems (jin)194
videos, design-systems
Implementing Dark Mode in React Apps Using styled-components (sma)193
dark-mode, react, components, javascript
Getting Started With Nuxt (sma)192
introductions, nuxt
“@property” (chr/css)191
css, houdini
How to Make a CSS-Only Carousel (fon/css)190
how-tos, css, carousels
SVG, Favicons, and All the Fun Things We Can Do With Them (eri/css)189
images, favicons, svg, dark-mode
“The Title ‘Front-End Developer’ Is Obsolete” (chr/css)188
career, terminology
The Biggest Mistake in Writing for the Web187
videos, mistakes, writing, content, user-experience
Exploring Node.js Internals (sma)186
nodejs
The 4 Pillars of Good Embed Code (j9t)185
embed-code, usability, quality
Accessible Font Sizing, Explained (css)184
typography, accessibility, wcag, css, units
Dark Mode and Variable Fonts (fon/css)183
dark-mode, variable-fonts, fonts, css
Real-World Effectiveness of Brotli (css)182
performance, compression, brotli, comparisons
How to Create a Compelling Landing Page (boa/sma)181
how-tos, landing-pages, prioritization, hierarchy
The Cost of JavaScript Frameworks (tka)180
javascript, frameworks, performance, metrics, jquery, vuejs, angular, react
Fake Code (chr/css)179
placeholders
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)178
javascript, zooming, apis
Quick Tip: How to Hide Whitespace Changes in Git Diffs (spa/clo)177
whitespace, tips-and-tricks, how-tos, github, gitlab, atlassian, version-control
Recursive Functions in TypeScript176
typescript, functions
Half of My CSS Are Links175
css, links
Christopher Schmitt (yat)174
obituaries
Everything You Should Know About SSH and SSH Key Exchange173
videos, protocols, ssh
98.css172
design-systems, microsoft, windows
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)171
theming, colors, css, custom-properties, functions
Best Practices With React Hooks (sma)170
react, hooks, best-practices
W3C Finalizes Web of Things (WoT) Recommendations (inf)169
w3c, standards
Learn Programming (jad)168
websites, courses, programming, javascript
How to Create a Particle Trail Animation in JavaScript (sma)167
how-tos, animations, javascript
Rename a File With JavaScript in the Browser (rik)166
javascript, file-handling
No-Class CSS Frameworks (chr/css)165
frameworks, css, link-lists
HTML Tips (mar)164
html, tips-and-tricks
Listboxes vs. Dropdown Lists (nng)163
design, forms, usability, comparisons
Getting Started With the React Hooks API (sma)162
introductions, react, hooks, apis
Usability Testing for Voice Content (ali)161
usability, testing, voice
CSS Naked Day (zac)160
awareness-days, css
Web Animations in Safari 13.1 (web)159
browsers, apple, safari, webkit, css, animations
Why I Don’t Use a Static Site Generator (kev)158
site-generators, wordpress
No Need to Protect Your Website From Scraping: 8 Reasons157
web, scraping, seo, legal
The Web Development Glossary (j9t/fro)156
books, frontend-dogma, learning, training, concepts, terminology
React Folder Structure in 5 Steps (rwi)155
react, architecture
What to Use Instead of Number Inputs (chr/css)154
forms, html
What’s New in ECMAScript 2020 (paw)153
ecmascript, standards
How to Create a Native Web Component Without a Framework152
how-tos, web-components, javascript
The Frameworks Paradox (j9t)151
frameworks
Why Do Some HTML Elements Become Deprecated? (css)150
html, standards, deprecation
Creating a Similar Post Component With Eleventy (fos)149
eleventy, functionality
The Devastating Price Developers Pay for Working Hard148
career, culture, productivity, communication
No Web Without Women147
websites, community
How to Build a Bad Design System (fon/css)146
how-tos, design-systems
Why “Dark Mode” Causes More Accessibility Issues Than It Solves145
dark-mode, accessibility
The Component Gallery144
websites, components
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs (css)143
css, grids, layout
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset (chr/css)142
css, transforms
MEAN Stack: Build an App With Angular and the Angular CLI141
angularjs, nodejs, express, mongodb, databases, functionality
Start Render: The Web Performance Metric That Heralds the End of the Blank Page140
performance, metrics, web-vitals
On the Responsibility That Comes With Good JavaScript Support (j9t)139
javascript, support
Performance Tips: Minifying HTML, CSS, and JS138
videos, performance, html, css, javascript, minification, tips-and-tricks
An Introduction to MDXJS (css)137
introductions, markdown, mdx
How to Debug a Node.js Application: Tips, Tricks, and Tools (cra)136
how-tos, nodejs, debugging, terminology, tips-and-tricks, tooling
Margin Considered Harmful135
css, margins, components
How to Use an Emoji as a Favicon Easily (chr/css)134
how-tos, images, favicons, emoji, data-urls
Different Favicon for Development (chr/css)133
favicons, images, environments
Creating Sortable Tables With React (sma)132
react, tables, sorting
The Complete Guide to the Dark Mode Toggle131
guides, dark-mode, toggles
Neumorphism and CSS (cod/css)130
design, effects, css
A Practical Overview of CSS Houdini (cod/sma)129
overviews, css, houdini, apis, polyfills
Mutual TLS: Stuff You Should Know128
security, tls, protocols
How to Create a “Skip to Content” Link (css)127
how-tos, skip-links, html, css, accessibility
The CSS Calculating Function Guide (chr/css)126
guides, css, functions, math, examples
Tools for Optimizing SVG (chr/css)125
tooling, svg, images, optimization, link-lists
The Rise of the No-Code Movement124
web, low-and-no-code
The Most Critical Python Code Metric123
python, metrics, quality, principles
10 Behavior Patterns for UX Design122
user-experience
Testing With Jest: An Introduction (hac)121
introductions, testing, jest
Accessible SVGs: Inclusiveness Beyond Patterns (car/sma)120
svg, images, accessibility, tooling
Quick Tip: Configuring nginx and SSL With Node.js119
servers, nginx, ssl, nodejs, configuration, tips-and-tricks
Fluid Width Video (chr/css)118
multimedia, html, responsive-design
How to Make a Line Chart With CSS (css)117
how-tos, css, transforms
10 Git Techniques You Need to Know Before You Join a Team116
git, command-line, techniques
The Developer’s Dilemma (fla)115
tooling, developer-experience
Setting Height and Width on Images Is Important Again (tun/sma)114
html, images, performance, web-vitals
The Perils of Rehydration (jos)113
react, hydration
A Beginner’s Guide to Webpack112
guides, webpack
Currying in CSS (chr/css)111
css
Optimize CSS Background Images With Media Queries110
css, images, backgrounds, media-queries, optimization