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

“2020” News Archive

Definition, related topics, and tag feed

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

Entry (Sources) and Additional TopicsDate#
Give Your Eleventy Site Superpowers With Environment Variables (bel/css)616
eleventy, environments, variables
A Practical Introduction to Dependency Injection (sma)615
introductions, javascript, maintainability
Ethical Design Guide614
websites, guides, design
HTML and CSS Techniques to Reduce Your JavaScript (per)613
html, css, javascript, performance
Integrating TypeScript With Svelte (ada/css)612
svelte, typescript
The Art of Leadership611
leadership
What’s Coming to Vuex? (sma)610
vuejs, state-management, libraries
Symbols to Copy609
tooling, typography
Using “throw” as an Expression in PHP 8 (ami)608
php
WordPress Cookies (wpe)607
wordpress, cookies
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)606
performance, lighthouse, github-actions
CSS Snapshot 2020 (tab+/w3c)605
css, standards
“Yes or No?” (chr/css)604
forms, html, comparisons
Flushing Promises in JavaScript—What It Is and Why You Need It in UI Tests603
javascript, promises, asynchrony, flushing
How the Web Is Really Built (lea/css)602
tech-stacks, jquery, wordpress
Get Up to Speed With Partial Clone and Shallow Clone (sto)601
git
A Beginner’s Guide to Webpack600
guides, webpack
Ignore AMP (j9t)599
amp
Optimizing Image Depth (mey/css)598
images, quality, performance, optimization
I Learned to Love the Same-Origin Policy (eee/css)597
security, cors
W3C in 2020 (koa/w3c)596
w3c, standards, retrospectives
Meet Redwood, a Full-Stack, Serverless Jamstack Framework595
frameworks, redwoodjs, jamstack
Why You Should Self-Host Google Fonts in 2021594
google, fonts, self-hosting
What’s New in WCAG 2.1: Label in Name (css)593
accessibility, wcag, aria
“user-scalable=no” and Suppressing Zoom Suppression (ppk)592
metadata, zooming, viewport, accessibility
Debugging CSS (chr/css)591
books, css, debugging
Netlify and Next.js (chr/css)590
netlify, nextjs
The Shorthand–Longhand Problem in Atomic CSS (rob)589
css, shorthands, cascade, atomic-css, css-in-js
Escape Nunjucks in Markdown (con)588
markdown, nunjucks, escaping
How and Why to Use Lynx—the Faster Web Browser (ede)587
lynx, browsers
Make It Personal (mat/css)586
blogging, career
JavaScript (tka/htt)585
web-almanac, studies, research, metrics, javascript
Page Weight (htt)584
web-almanac, studies, research, metrics, performance
CSS (lea+/htt)583
web-almanac, studies, research, metrics, css
How to Create a Favicon That Changes Automatically (css)582
how-tos, favicons, data-urls, javascript
“npm ruin dev” (ada/css)581
html, css, javascript, nodejs, npm
TLS and mTLS Demystified580
security, tls, protocols
Houdini.how (una)579
websites, css, apis, houdini
Accessibility (htt)578
web-almanac, studies, research, metrics, accessibility
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of577
edge-computing, security
Very Extremely Practical CSS Art (mia/css)576
css, art
Notes on Zsh and Oh My Zsh (spe)575
shells, zsh, oh-my-zsh
The Power of Web Development Outside Tech (css)574
career, lessons
Notes on HTML 3.2 (j9t)573
html
How to Display the Last Build Date in Eleventy (ste)572
how-tos, eleventy
Command Line Interface Guidelines571
websites, guidelines, command-line
Happier HTML5 Form Validation in Vue (chr/css)570
html, forms, validation, css, selectors, vuejs
CommonMark: A Formal Specification for Markdown (sma)569
markdown, content, documentation
How to Make an Area Chart With CSS (css)568
how-tos, css, clipping, visualization
Minimal Takes on Faking Container Queries (chr/css)567
container-queries, web-components, javascript, css
How to Make Your Code Reviewer Fall in Love With You (mtl)566
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 Helping565
web, servers, infrastructure, w3c, standards
Alt vs. Figcaption (tho)564
html, accessibility, comparisons
Why Choose TYPO3 CMS for Your Website563
videos, typo3, content-management
Native CSS Masonry Layout in CSS Grid (chr/css)562
css, layout, masonry, grids
Time to Say Goodbye to Google Fonts: Cache Performance561
google, fonts, caching, performance
Weaving Web Accessibility With Usability (sma)560
accessibility, usability, testing
The State of UX: 100 Design Lessons for 2021 (fab)559
user-experience, design, outlooks
How to Kill a Hung SSH Session558
how-tos, ssh
Migrating a Large Angular Project From Jasmine to Jest Incrementally557
migrating, angular, jest, testing
Information Scent556
videos, links, usability, information-scent
Considerations for Making a CSS Framework (css)555
css, frameworks, theming
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)554
html, css, javascript
Ruthlessly Eliminating Layout Shift on netlify.com (zac)553
netlify, web-vitals, performance, optimization
Know Your Standards (ste)552
accessibility, standards, wcag, aria, html, link-lists
Testing Vue Applications With the Vue Testing Library (sma)551
vuejs, testing, tooling
To Be Creative, Practice550
design, creativity
Best Practices for Inclusive Textual Websites549
security, performance, accessibility, best-practices
DRY-ing Up styled-components (css)548
components, css, maintainability
Leveraging System Fonts on the Web (jim)547
fonts
CSS Vendor Prefixes546
css, vendor-extensions
Color Theming With CSS Custom Properties and Tailwind (mic/css)545
theming, colors, css, custom-properties, tailwind
“console.log({ myVariable });” (chr/css)544
javascript, console
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)543
html, forms
A GitHub Action for Automated Deployment to WP Engine (clo)542
github, deploying, automation, wordpress, wp-engine
Measuring Core Web Vitals With Sentry (fon/css)541
performance, web-vitals, tooling
Upgrade Your HTML II (j9t/fro)540
books, frontend-dogma, html, minimalism, craft, conformance
Semantic Web With Structured Data539
semantic-web, json, structured-data
Creating a Continuous Integration Test Workflow Using GitHub Actions (sma)538
nodejs, ci-cd, github-actions
CSS Gradients Guide (geo/css)537
guides, css, gradients
How to Deal With Common React JS Problems—Actionable Tips536
how-tos, react, tips-and-tricks
New WebKit Features in Safari 14 (jon/web)535
release-notes, safari, browsers, webkit
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format (pho)534
webp, images, google
Abandoning Best Practices in UX533
videos, user-experience, usability, best-practices
What’s New in Vue 3? (sma)532
vuejs
Warp: Improved JS Performance in Firefox 83 (jan/moz)531
firefox, browsers, javascript, performance, spidermonkey, javascript-engines
Career Opportunities Mean a Lot of Things (kar)530
career
No Config for Old Men529
configuration
The What, Why, and How of Using a Skeleton Loading Screen (tre)528
placeholders, performance, react
My WordPress Comments Wishlist (chr/css)527
wordpress, blogging, wish-lists
Authenticating React Apps With Auth0 (sma)526
react, authentication, tooling, auth0
ARIA in CSS (chr/css)525
css, aria
Markup (j9t+/htt)524
web-almanac, studies, research, metrics, html
The Raven Technique: One Step Closer to Container Queries (css)523
css, container-queries, techniques
Webmentions and Eleventy Talk (sia)522
slides, webmentions, eleventy
Write Better Code and Be a Better Programmer by Avoiding “else” Statements521
programming, best-practices
The Top 13 Web Development Tools You Must Know About520
tooling, angularjs, foundation, mongodb, github, react, typescript, jquery, bootstrap, dev-tools, chrome, grunt, codepen, sublime-text, vs-code, link-lists
[JavaScript] Operator Lookup (jos)519
javascript, operators
Quick localStorage Usage in Vue (sar/css)518
vuejs, browser-storage
How to Find and Fix Common Website Accessibility Issues (kil)517
how-tos, accessibility, contrast, color-blindness, colors, responsive-design, quality
Internationalization and Localization for Static Sites (sma)516
internationalization, localization, site-generators
GIFs and “prefers-reduced-motion” (chr/css)515
images, gif, reduced-motion, html
Chasing the Pixel-Perfect Dream (jos)514
design, css
Native CSS Masonry Layout in CSS Grid (rac/sma)513
css, masonry, grids, layout
What Is Section 508 and Why Does It Matter? (deq)512
accessibility, legal, section-508
In Defense of Tables and Floats in Modern Day Development (css)511
html, css, floats, tables
The Principles of Visual Communication (sma)510
design, communication, principles, examples
Clickjacking Attacks and How to Prevent Them509
how-tos, security
Bootstrap vs. Materialize Showdown508
bootstrap, materialize, comparisons, frameworks
Are Template Engines Still Relevant in 2020?507
discussions, template-engines, pug, nunjucks, handlebars
More on “content-visibility” (chr/css)506
css
Authentication in Vue.js (sma)505
vuejs, authentication
Comparing Various Ways to Hide Things in CSS (css)504
accessibility, css, hiding, comparisons
Selecting Random Posts in Eleventy (ray)503
eleventy, randomness
WordPress and Jamstack (chr/css)502
wordpress, jamstack, netlify
A General Introduction to Cloud Computing (dig)501
introductions, cloud-computing, concepts, history
Getting Started With Next.js (sma)500
introductions, nextjs, react
A Primer on the Different Types of Browser Storage (ido/css)499
introductions, browser-storage, indexeddb, databases, apis, cookies, caching
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css)498
html, php, pug
Touch, Point, Click: Mouse vs. Touch Screen Input (pro)497
accessibility, interaction-design, touch, comparisons
Comparing Styling Methods in 2020 (chr/css)496
css, sass, less, stylus, postcss, modules, css-in-js, presentational-html, comparisons
Handling Continuous Integration and Delivery With GitHub Actions (sma)495
ci-cd, github-actions, heroku, deploying, automation
Come Full Circle—Back to HTML494
code-editors, vi+vim, neovim, html
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met493
guidelines, seo, quality, google
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)492
guides, google, web-vitals, performance
How to Test Responsive Web Design Cross-Browser Compatibility (cra)491
how-tos, testing, responsive-design, browsers, support
An Opinionated Guide to Accessibility Testing490
guides, accessibility, testing
CSS “min()”, “max()”, and “clamp()” (una)489
css, functions, typography
Signed Exchanges (SXGs) (twi)488
authentication, signed-exchanges, web-packaging, performance
An Introduction to JSX487
introductions, jsx
The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (lea)486
css, custom-properties, hacks, toggles
40+ Google Search Hacks, Tips, and Tricks485
google, search, tips-and-tricks
Run Gulp as You Open a VS Code Project (chr/css)484
gulp, vs-code, code-editors
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (mas)483
design, history
Node.js Testing Best Practices482
nodejs, testing, best-practices, examples
What Can We Learn From the W3C CMS Selection Process481
w3c, tooling, content-management, lessons
How to Find the Cause of Horizontal Scrollbars (kil/pol)480
how-tos, css, overflow, debugging, scrolling
Getting Started With React: A Beginner’s Guide479
introductions, guides, react, jsx
The Widening Responsibility for Front-End Developers (chr/css)478
career, craft, tech-stacks
Apache Configuration Basics477
fundamentals, servers, apache, configuration
Tuning Your Apache Server476
apache, servers, optimization, configuration
How to Design a Set of Icons475
design, icons, images
CSS Variables 101 (sha)474
css, custom-properties
Micro-Note on “aria-roledescription” (ste)473
accessibility, aria
A Guide to HTML and CSS Forms (No Hacks) (dxn)472
guides, html, css, forms
How to Create High-Performance CSS Animations (rac)471
how-tos, css, animations, performance
GitLab vs. GitHub—a Comparison of the Two Version Control Systems470
version-control, gitlab, github, comparisons
Compile Svelte in Your Head469
svelte, compiling, javascript
Reading Content With RSS468
rss, syndication
Should Coding Be Mandatory? (ara)467
programming, training, career
CSS Media Queries Guide (css)466
guides, css, media-queries
Reducing the Site Speed Impact of Third-Party Tags465
performance, embed-code
The Monospaced System UI CSS Font Stack464
css, fonts, link-lists
Why I IndieWeb463
indieweb, community
Webflow vs. WordPress: A Head-to-Head Comparison462
webflow, wordpress, content-management, hosting, comparisons
Unit Testing in React Native Applications (sma)461
react, native, testing
“font-kerning” (geo/css)460
css, kerning, typography
Building and Running WebKit (mar)459
webkit, building
Accessible Web Animation: The WCAG on Animation Explained (vlh/css)458
accessibility, animations, reduced-motion, wcag
Drawing the Invisible: React Explained in Five Visual Metaphors457
videos, react
Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS? (dre/sma)456
podcasts, interviews, redwoodjs, jamstack
Custom Properties: Questioning “:root” (j9t)455
cross-posts, css, custom-properties
New Open Source robots.txt Projects (met)454
robotstxt, tooling, foss
Enforcing Performance Budgets With Webpack (css)453
performance-budgets, performance, webpack
Vue 3 (chr/css)452
vuejs
[Vue.js] v3.0.0 One Piece (vue)451
vuejs, release-notes
The Good Web and the Bad Web (kzi)450
web, mastodon, wikipedia, internet-archive, javascript
Advanced GraphQL Usage in Gatsby Websites (sma)449
gatsby, graphql, javascript
Generate a Sitemap for Your Eleventy Website448
eleventy, sitemaps, seo
Basic Math in JavaScript—Numbers and Operators (mdn)447
javascript, math, operators
Change the [Eleventy] Default Directories (per)446
eleventy
Mastering Wrapping of Flex Items (mdn)445
css, flexbox, layout
MIME Types (IANA Media Types) (mdn)444
mime-types
npx [Cheatsheet]443
npx, nodejs, cheat-sheets
Animating React Components With GreenSock (sma)442
react, gsap, javascript, components, animations
React With TypeScript: Best Practices441
react, typescript, best-practices
Creating a Custom Cursor Using CSS?440
css, images, svg, cursors
Getting Started With Eleventy (11ty)439
introductions, eleventy, site-generators
An Introduction to Running Lighthouse Programmatically (sma)438
introductions, lighthouse, automation
Modifying Specific Letters With CSS and JavaScript (css)437
css, javascript
How CSS Perspective Works (ami/css)436
css, transforms, animations
The Argument That Kills Any Monetisation Discussion (ppk)435
monetization, social-media
AVIF Has Landed (jaf)434
images, avif, performance, quality, jpeg, webp, svg, png, comparisons
Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks (mar)433
eleventy, nunjucks, markdown, escaping
How to Automate API Testing With Postman (sma)432
how-tos, testing, apis, automation, postman
Working With JavaScript Media Queries (css)431
javascript, media-queries
Similarity Principle in Visual Design (nng)430
design, principles, colors, shapes
A Brief About Web Browser Wars429
browsers, browser-wars, retrospectives
Work on What Matters (let)428
career, prioritization, processes, concepts
Building React Apps With Storybook (sma)427
react, storybook
Everything Developers Need to Know About Figma (sma)426
figma, processes
How to Use CSS Grid for Sticky Headers and Footers (ada/css)425
css, grids, layout, navigation
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had424
introductions, guides, eleventy
Using “@property” for CSS Custom Properties (chr/css)423
css, custom-properties, houdini
My Experience With Jekyll422
jekyll
Ground Rules for Web Animations (css)421
animations, transitions, css
Copy the Browser’s Native Focus Styles (chr/css)420
css, focus
Adversarial Interoperability (plu)419
interoperability, terminology, concepts, link-lists
A Bit on CI/CD (chr/css)418
ci-cd, link-lists
Electron 10.0.0 (kee/ele)417
release-notes, electron
How to Create Customer-Centric Landing Pages (sma)416
how-tos, landing-pages, content, design
9 Best CSS Frameworks in 2020415
css, presentational-html, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, tachyons, materialize, comparisons
The Thing With Leading in CSS (mat)414
css, typography
Where Does Logic Go on Jamstack Sites? (css)413
jamstack
Use Advanced Typography With Local Fonts (tom)412
typography, fonts, apis
Why Did Mozilla Remove XUL Add-Ons?411
browsers, mozilla, xul
Run JavaScript When Variable Exists (sea)410
javascript, variables
Optimize Images With a GitHub Action (chr/css)409
images, compression, github-actions
Loading Third-Party JavaScript (add)408
javascript, performance
“this” in JavaScript and TypeScript (dea)407
javascript, typescript
Mastering Props and PropTypes in React (sma)406
react, props
The Anti-Reset (to Reset to User Agent Styles) (j9t)405
css, resets
21 Node.js Interview Questions With Solutions404
nodejs, interviewing
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (ver)403
browsers, microsoft, internet-explorer, edge
Effective Code Browsing402
code-reviews
A Smashing Guide to the World of Search Engine Optimization (fre/sma)401
guides, seo, link-lists
JS Minification Benchmarks400
javascript, minification, metrics
That’s Just How I Scroll (chr/css)399
scrolling, user-experience
What I Learned by Fixing One Line of CSS in an Open Source Project (css)398
css, apple, mobile
I Love MDN, or the Cult of the Free in Action (ppk)397
mdn, community, economics
[JavaScript] Minification Benchmarks (hir)396
minification, tooling, metrics, comparisons, javascript, oxc, swc, bun, esbuild
Accessibility in Chrome DevTools (sma)395
dev-tools, chrome, browsers, accessibility
Islands Architecture394
architecture, html, concepts
Performance Is an Issue of Equity (clo)393
performance, accessibility
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma)392
podcasts, interviews, architecture, serverless
Meet Polypane, a Browser That Makes You Five Times Faster (kil)391
polypane, browsers, productivity, developer-experience
Better Error Handling in Node.js With Error Classes (sma)390
nodejs, javascript, errors
Difference Between Concurrent Versions System (CVS) and Subversion (SVN)389
comparisons, version-control, cvs, svn
Every Website Is an Essay (fon/css)388
design, communication
“font-weight: 300” Considered Harmful (chr/css)387
css, typography, legibility
HTML for Subheadings and Headings (chr/css)386
html, headings
TypeScript, Minus TypeScript (css)385
typescript
Vue vs. React in 2021: Which Framework to Choose and When384
frameworks, vuejs, react, comparisons
In a Land Before Dev Tools (amb)383
dev-tools, browsers
The Myth of Incentive Alignment (lor)382
culture, prioritization, google
Writing Minimal HTML5 Documents Is Fun381
html, minimalism
LCARS Website HTML Template380
websites, templates
SVG Title vs. HTML Title Attribute (chr/css)379
svg, html, attributes
The Renaissance of No-Code for Web Designers (sma)378
design, low-and-no-code
Five Decades of Access to Tools (lor)377
tooling
Updating React at Etsy376
case-studies, react, preact, frameworks
Introduction to Metrics, Monitoring, and Alerting375
introductions, metrics, monitoring, alerting
A Bit on Web Component Libraries (chr/css)374
web-components, pattern-libraries
Pausing a GIF With “details”/“summary” (chr/css)373
html, disclosure-widgets, gif, images, animations
Want to Get Better at Code? Teach Someone CSS (css)372
css, learning
Accessibility on the Canvas With JavaScript371
accessibility, javascript, canvas
Happy Birthday Web Fonts! (w3c)370
anniversaries, fonts, woff, standards
The GitHub Profile Trick (chr/css)369
github, readme
Bold on Hover… Without the Layout Shift (chr/css)368
css, hover
Introduction to Memoization in JavaScript (hic)367
introductions, memoization, javascript
How to Use Styled Components in React (sma)366
how-tos, react, css-in-js, css, javascript
Writing Alt Text for Data Visualization365
accessibility, images, alt-text, writing, information-design, visualization
Modern CSS Techniques to Improve Legibility (sma)364
css, techniques, legibility, typography
The Recruitment Confusion Matrix and Your Right to Be Wrong363
hiring, metrics
How to Safely Use GitHub Actions in Organizations (nza)362
how-tos, github-actions, security
ReactJS: A Simple Custom Hook361
react, hooks
Creating a Gatsby Site With WordPress Data (css)360
gatsby, wordpress
Levels of Fix (chr/css)359
maintenance
When Do You Use “inline-block”? (chr/css)358
css
PHP 8: Before and After (bre)357
php, comparisons
Why We Moved a 20-Year-Old Site to Gatsby356
gatsby, migrating
Code Review Best Practices355
code-reviews, best-practices
Terminating a Frozen SSH Session354
ssh, command-line
“font-weight: 300” Considered Harmful (and a Fontconfig Workaround) (lis)353
css, typography, legibility, unix-like
Lazy Loading Images in Svelte (css)352
images, lazy-loading, svelte, performance
Methods of Improving and Optimizing Performance in React Apps (sma)351
react, performance, optimization
10 Modern Layouts in 1 Line of CSS (una)350
videos, css, layout
JSON-LD 1.1 (gke+/w3c)349
json-ld, json, standards
Release Notes for Safari Technology Preview 110 (jon/web)348
release-notes, safari, browsers
An Introduction to Stimulus.js (sma)347
introductions, frameworks, stimulus
JavaScript to Know for React (ken)346
javascript, react
Germany Digital Accessibility Laws: BITV (2.0) and BGG345
legal, bitv, accessibility
Most Popular JavaScript Frameworks in 2020344
frameworks, javascript, react, angular, vuejs, nodejs, svelte, comparisons
Netlify Does Cache Invalidation for You (chr/css)343
caching, netlify
Three CSS Alternatives to JavaScript Navigation (css)342
navigation, css
JavaScript Event Delegation: A Beginner’s Guide341
guides, javascript, events
Crowdfunding Web Platform Features With Open Prioritization (rac/sma)340
web-platform, prioritization
My Long Journey to a Decoupled WordPress Gatsby Site (css)339
wordpress, gatsby
Node.js vs. Deno: What You Need to Know338
nodejs, deno, runtimes, comparisons
Create and Activate GitHub Profile README337
github, readme
An Eleventy Starter With Tailwind CSS and Alpine.js (gre/css)336
eleventy, tailwind, alpinejs
CSS Transitions in Vue.js and Nuxt.js (sma)335
vuejs, nuxt, css, transitions
How to Document the Screen Reader User Experience334
how-tos, screen-readers, assistive-tech, documentation, user-experience, accessibility
Building a Blog With Next.js (pan/css)333
blogging, nextjs
Webwaste (ger/ali)332
web, sustainability, images
The Vuetify Roadmap (vue)331
release-notes, vuetify
Browser Wish List—Tabs Time Machine (kar)330
browsers, wish-lists
#defundAI (tan)329
ai, economics
The Cicada Principle, Revisited With CSS Variables (lea)328
principles, css, custom-properties
A Beginner’s Guide to Microcontent327
guides, content, microcontent, concepts
The Browser Engine That Could (jay)326
history, browsers, browser-engines, trident, gecko, presto, khtml, javascriptcore, webkit, v8, blink, safari, konqueror, chrome, link-lists
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn325
websites, guides, design
We Need More Inclusive Web Performance Metrics (sco)324
performance, metrics, dei
A Brief Introduction to WebGL323
introductions, webgl, javascript
AWS Budget Killswitch: Disable AWS Services When Budget Is Exceeded322
aws, economics, lambda
Learn Deno: A Secure JavaScript and TypeScript Runtime321
deno, runtimes, javascript, typescript
WebGPU Fundamentals320
fundamentals, webgpu
Let’s Not Be Pedantic About “Open Source” (arp)319
foss, history
Introduction to Logging in Python318
introductions, logging, python
Fast Sorting With Quicksort317
algorithms, sorting
Learn Regex: A Beginner’s Guide316
guides, regex
Web Standards315
standards, w3c, html, xml, xhtml, css, wcag
Information and Information Architecture: The Big Picture (sma)314
information-architecture, content, navigation, user-experience
Namespaces in JavaScript (fla)313
javascript, namespaces
What Is Type Coercion in JavaScript ?312
javascript, operators, concepts
How to Install Apache Web Server on Windows (cra)311
how-tos, installing, servers, apache, windows
Learn GSAP in 23 Minutes310
videos, gsap
Platform Adjacency Theory (sli)309
browsers, web-platform
Responsive Styling Using Attribute Selectors (css)308
css, selectors, attributes, responsive-design
When Sass and New CSS Features Collide (ana/css)307
sass, css
90’s Cursor Effects306
cursors, effects, javascript
CSS Debt305
css, technical-debt, maintainability, testing, namespaces, preprocessors
In Defense of a Fussy Website (sar/css)304
design, user-experience, web
Where Do You Learn HTML and CSS in 2020? (chr/css)303
html, css, learning, link-lists
Speeding Up My Shell (Oh My Zsh)302
shells, command-line, oh-my-zsh, optimization
CSS Fundamentals: Vendor Prefixing301
css, fundamentals, vendor-extensions
A Practical Guide to Testing React Applications With Jest (sma)300
guides, testing, react, jest
Hide Scrollbars During an Animation (chr/css)299
css, animations, transitions, scrolling
What Is Brand Identity and Why Does It Matter?298
branding
Writing for HTML Newbies (geo)297
html, training
App Shell UX With Service Workers and Streams (jef)296
web-apps, single-page-apps, architecture, web-workers, streaming, javascript
An Overview of Scroll Technologies (zac/css)295
overviews, scrolling, animations, css, javascript, tooling
GitHub CLI: A Guide to GitHub From the Command Line294
guides, github, command-line
WAI–ARIA Usage (gez/tpg)293
bookmarklets, accessibility, aria, compliance
A Lazy Dark Mode292
dark-mode, react
Easing Animations in Canvas (css)291
canvas, animations, javascript
A Little Bit of Plain JavaScript Can Do a Lot (b0r)290
javascript, css
Web Engine Diversity and Ecosystem Health (chr/css)289
browser-engines, web-platform
Sending Emails in PHP With PHPMailer288
email, php, tooling
What Is Developer Experience (DX)? (chr/css)287
developer-experience, terminology, comparisons
Decentralization Off the Shelf286
websites, design-patterns
Remembrance of Tags Past (mey)285
history, web-platform, html, xhtml, css, hacks, doctypes
What Is P3P Policy and How Does It Work?284
p3p, policies, standards, privacy
JavasSript RORO Pattern283
javascript, software-design-patterns
Allow End-User Styling Overrides (alv)282
css, cascade, user-styles
Internationalization in Vue With the Vue I18N Plugin (sma)281
vuejs, plugins, internationalization, localization
On Adding IDs to Headings (chr/css)280
html, headings
How to Reverse CSS Custom Counters (css)279
how-tos, css, lists, counters, html
Blocking Navigation Gestures on iOS Safari (rik)278
mobile, safari, browsers
5 Myths About Jamstack (rem/css)277
jamstack, myths
Higher-Order Components in React (sma)276
react, components
How to Get All Custom Properties on a Page in JavaScript (tyl/css)275
how-tos, css, custom-properties, javascript
The Importance of Clarity in UX274
user-experience, design
Getting Started With HTML Using Glitch.com (jon)273
videos, introductions, glitch, html
How to Set Up a Blog With Eleventy272
how-tos, eleventy, blogging
Firebase Config in a React App (ama)271
firebase, configuration, react
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)270
performance, compression, brotli
Meteor vs. Next? A Brutally Honest Answer269
frameworks, meteor, nextjs, comparisons
What Is Parallax Scrolling, Explained With Examples268
parallax, scrolling, effects, examples
Why You Should Use SWC (and Not Babel) (log)267
transpiling, tooling, swc, babel
The Complete Guide to CSS Media Queries (kil/pol)266
guides, css, media-queries
Web Crawler vs. Web Scraper: The Differences265
crawling, scraping, comparisons, terminology
How to Add a Sitemap to Eleventy264
how-tos, eleventy, sitemaps
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy263
site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy, comparisons
5 Projects to Help You Master Modern CSS (cra)262
css, print, forms, performance
A First Look at “aspect-ratio” (chr/css)261
css, aspect-ratio
Evaluating Page Experience for a Better Web260
google, search, user-experience
30 Seconds of Code259
websites, javascript, css, techniques
Dark Patterns in UX258
user-experience, dark-patterns
Core Web Vitals (chr/css)257
performance, web-vitals, metrics
Equivalent Experiences: What Are They? (eri/sma)256
accessibility, dei, community, design, user-experience
The Expanding Gamut of Color on the Web (oll/css)255
colors, css, functions, oklch
When Frontend Means Full Stack (chr)254
career, tech-stacks, architecture, state-management
CUBE CSS (bel)253
websites, css
GitHub Actions: A Deep Dive Into “pull_request” (fro)252
deep-dives, github-actions, ci-cd, automation
Getting Started With Axios in Nuxt (sma)251
introductions, nuxt, axios, nodejs
Web Platform Contribution Guide (zco/boc)250
websites, guides, web-platform, standards, community
Building Reusable React Components Using Tailwind (sma)249
react, components, tailwind, maintainability
On Fixed Elements and Backgrounds (hui)248
css, backgrounds, positioning, scrolling, performance
Today’s JavaScript, From an Outsider’s Perspective (lea)247
javascript
Tools for Better Thinking246
websites, productivity, learning, training
Design Principles 101245
videos, introductions, design, principles
How to Design a Brand Logo (With Ease) (sma)244
how-tos, design, branding, logos, images
Some .zshrc Tricks (arp)243
shells, command-line, configuration, aliases, oh-my-zsh, tips-and-tricks
Micro-Frontends in Context242
micro-frontends
A User’s Guide to CSS Variables (lea)241
guides, css, custom-properties
How to Reevaluate Your Frontend Architecture240
how-tos, architecture
Ask an Expert: Why Is CSS… the Way It Is? (svg)239
css
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects (chr/css)238
design, forms
The Third Age of JavaScript (swy)237
javascript, retrospectives, outlooks
Static Hoisting236
javascript
The Secret of Typography, Kerning, Explained for Dummies235
typography, kerning
Speed Up Google Fonts (css)234
performance, google, fonts
The 24 Boolean Attributes of HTML (j9t)233
html, attributes
What Every JavaScript Developer Should Know About Unicode232
javascript, unicode
How to Build a Chrome Extension (sar/css)231
how-tos, browser-extensions, chrome, browsers
First Steps Into a Possible CSS Masonry Layout (chr/css)230
css, masonry, layout
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior229
guides, react, client-side-rendering
Still Using Node.js? Deno 1.0 Is Here! (ant)228
nodejs, deno, runtimes, javascript, typescript
The Need for Speed, 23 Years Later (nng)227
performance, user-experience, history
Hiding Scroll Bars While Maintaining Scroll Functionality in Modern Browsers226
scrolling, css, hiding
Easily Use Design Tokens in Eleventy (hey)225
eleventy, design-tokens
Architecting Data in Eleventy (sia)224
eleventy
How to Tame Line Height in CSS (css)223
how-tos, css, typography
In Defense of the Modern Web (ric)222
react, javascript, svelte
Liquid vs. Nunjucks221
template-engines, liquid, nunjucks, comparisons
Styling Components in React (sma)220
react, components, css, sass, css-in-js, javascript
How to Convince Others Not to Use Dark Patterns (boa/sma)219
how-tos, design, user-experience, ethics, design-patterns, anti-patterns
Maybe You Don’t Need That SPA218
single-page-apps, javascript, react, marko, performance
Developer Experience Metrics217
developer-experience, metrics
prerender.js (chr/css)216
libraries, performance
Second-Guessing the Modern Web (tmc)215
react, single-page-apps, code-splitting, server-side-rendering, apis, data-fetching
Designing Intrinsic Layouts (jen)214
videos, css, layout, design, intrinsic-design
Manipulating Arrays and Objects in JavaScript213
videos, javascript, arrays, objects
Let’s Take a Deep Dive Into the CSS “contain” Property (css)212
deep-dives, css, containment
Working With MDX Custom Elements and Shortcodes (css)211
markdown, mdx, gatsby, react
Reducing Design Risk (sma)210
design, product-management
5 Tips to Get Your Dev Blog Running (j9t)209
tips-and-tricks, blogging, career
Static Hoisting (chr/css)208
jamstack, content-delivery
An Introduction to Parcel.js, the No-Config Web Application Bundler (lou)207
introductions, parcel, bundling
“lh” and “rlh” Units (chr/css)206
css, units
Introducing Web Vitals: Essential Metrics for a Healthy Site205
introductions, web-vitals, performance, metrics
CSS Functions Guide (eri/css)204
guides, css, functions, selectors
Automated Dependency Management With Depfu203
dependencies, automation, depfu
What Is mTLS and How Does It Work?202
security
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)201
alpinejs, frameworks, javascript, jquery, vuejs, tailwind, comparisons
How to Succeed in Wireframe Design (sma)200
how-tos, design, prototyping, tooling, link-lists
The CSS “content” Property Accepts Alternative Text (ste)199
css, generated-content, alt-text, accessibility
Implementing Dark Mode in React Apps Using styled-components (sma)198
dark-mode, react, components, javascript
Introduction to Netlify CMS (joe)197
introductions, netlify, content-management, tooling
Invisible Design Systems (jin)196
videos, design-systems
Getting Started With Nuxt (sma)195
introductions, nuxt
“@property” (chr/css)194
css, houdini
How to Make a CSS-Only Carousel (fon/css)193
how-tos, css, carousels
SVG, Favicons, and All the Fun Things We Can Do With Them (eri/css)192
images, favicons, svg, dark-mode
The Biggest Mistake in Writing for the Web191
videos, mistakes, writing, content, user-experience
“The Title ‘Front-End Developer’ Is Obsolete” (chr/css)190
career, terminology
Accessible Font Sizing, Explained (css)189
typography, accessibility, wcag, css, units
Dark Mode and Variable Fonts (fon/css)188
dark-mode, variable-fonts, fonts, css
Exploring Node.js Internals (sma)187
nodejs
The 4 Pillars of Good Embed Code (j9t)186
embed-code, usability, quality
Real-World Effectiveness of Brotli (css)185
performance, compression, brotli, comparisons
Fake Code (chr/css)184
placeholders
How to Create a Compelling Landing Page (boa/sma)183
how-tos, landing-pages, prioritization, hierarchy
The Cost of JavaScript Frameworks (tka)182
javascript, frameworks, performance, metrics, jquery, vuejs, angular, react
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)181
javascript, zooming, apis
Quick Tip: How to Hide Whitespace Changes in Git Diffs (spa/clo)180
whitespace, tips-and-tricks, how-tos, github, gitlab, atlassian, version-control
Recursive Functions in TypeScript179
typescript, functions
Half of My CSS Are Links178
css, links
Christopher Schmitt (yat)177
obituaries
Everything You Should Know About SSH and SSH Key Exchange176
videos, protocols, ssh
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)175
theming, colors, css, custom-properties, functions
98.css174
design-systems, windows
Best Practices With React Hooks (sma)173
react, hooks, best-practices
W3C Finalizes Web of Things (WoT) Recommendations (inf)172
w3c, standards
How to Create a Particle Trail Animation in JavaScript (sma)171
how-tos, animations, javascript
Learn Programming (jad)170
websites, courses, programming, javascript
Rename a File With JavaScript in the Browser (rik)169
javascript, file-handling
No-Class CSS Frameworks (chr/css)168
frameworks, css, link-lists
HTML Tips (mar)167
html, tips-and-tricks
Listboxes vs. Dropdown Lists (nng)166
design, forms, usability, comparisons
Getting Started With the React Hooks API (sma)165
introductions, react, hooks, apis
Usability Testing for Voice Content (ali)164
usability, testing, voice
CSS Naked Day (zac)163
awareness-days, css
Why I Don’t Use a Static Site Generator (kev)162
site-generators, wordpress
Web Animations in Safari 13.1 (web)161
browsers, safari, webkit, css, animations
No Need to Protect Your Website From Scraping: 8 Reasons160
web, scraping, seo, legal
The Web Development Glossary (j9t/fro)159
books, frontend-dogma, learning, training, concepts, terminology
React Folder Structure in 5 Steps (rwi)158
react, architecture
What to Use Instead of Number Inputs (chr/css)157
forms, html
What’s New in ECMAScript 2020 (paw)156
ecmascript, standards
How to Create a Native Web Component Without a Framework155
how-tos, web-components, javascript
The Frameworks Paradox (j9t)154
frameworks
Why Do Some HTML Elements Become Deprecated? (css)153
html, standards, deprecation
Creating a Similar Post Component With Eleventy (fos)152
eleventy, functionality
The Devastating Price Developers Pay for Working Hard151
career, culture, productivity, communication
How to Build a Bad Design System (fon/css)150
how-tos, design-systems
Why “Dark Mode” Causes More Accessibility Issues Than It Solves149
dark-mode, accessibility
No Web Without Women148
websites, community
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs (css)147
css, grids, layout
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset (chr/css)146
css, transforms
The Component Gallery145
websites, components
MEAN Stack: Build an App With Angular and the Angular CLI144
angularjs, nodejs, express, mongodb, databases, functionality
RSS Is Dead (zse)143
rss, syndication, tooling
Start Render: The Web Performance Metric That Heralds the End of the Blank Page142
performance, metrics, web-vitals
On the Responsibility That Comes With Good JavaScript Support (j9t)141
javascript, support
An Introduction to MDXJS (css)140
introductions, markdown, mdx
How to Debug a Node.js Application: Tips, Tricks, and Tools (cra)139
how-tos, nodejs, debugging, terminology, tips-and-tricks, tooling
What Is Git?138
git, concepts
Performance Tips: Minifying HTML, CSS, and JS137
videos, performance, html, css, javascript, minification, tips-and-tricks
How to Use an Emoji as a Favicon Easily (chr/css)136
how-tos, images, favicons, emoji, data-urls
Margin Considered Harmful135
css, margins, components
Different Favicon for Development (chr/css)134
favicons, images, environments
Creating Sortable Tables With React (sma)133
react, tables, sorting
Neumorphism and CSS (cod/css)132
design, effects, css
The Complete Guide to the Dark Mode Toggle131
guides, dark-mode, toggles
A Practical Overview of CSS Houdini (cod/sma)130
overviews, css, houdini, apis, polyfills
Mutual TLS: Stuff You Should Know129
security, tls, protocols
How to Create a “Skip to Content” Link (css)128
how-tos, skip-links, html, css, accessibility
The CSS Calculating Function Guide (chr/css)127
guides, css, functions, math, examples
Tools for Optimizing SVG (chr/css)126
tooling, svg, images, optimization, link-lists
The Rise of the No-Code Movement125
web, low-and-no-code
The Most Critical Python Code Metric124
python, metrics, quality, principles
10 Behavior Patterns for UX Design123
user-experience
Testing With Jest: An Introduction (hac)122
introductions, testing, jest
Accessible SVGs: Inclusiveness Beyond Patterns (car/sma)121
svg, images, accessibility, tooling
Quick Tip: Configuring nginx and SSL With Node.js120
servers, nginx, ssl, nodejs, configuration, tips-and-tricks
Fluid Width Video (chr/css)119
multimedia, html, responsive-design
How to Make a Line Chart With CSS (css)118
how-tos, css, transforms
10 Git Techniques You Need to Know Before You Join a Team117
git, command-line, techniques