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. 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)613
eleventy, environments, variables
A Practical Introduction to Dependency Injection (sma)612
introductions, javascript, maintainability
Ethical Design Guide611
websites, guides, design
HTML and CSS Techniques to Reduce Your JavaScript (per)610
html, css, javascript, performance
Integrating TypeScript With Svelte (ada/css)609
svelte, typescript
What’s Coming to Vuex? (sma)608
vuejs, state-management, libraries
The Art of Leadership607
leadership
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)606
performance, lighthouse, google, github-actions
Symbols to Copy605
tooling, typography
Using “throw” as an Expression in PHP 8 (ami)604
php
WordPress Cookies (wpe)603
wordpress, cookies
CSS Snapshot 2020 (tab+/w3c)602
css, standards
“Yes or No?” (chr/css)601
forms, html, comparisons
Flushing Promises in JavaScript—What It Is and Why You Need It in UI Tests600
javascript, promises, asynchronicity, flushing
How the Web Is Really Built (lea/css)599
tech-stacks, jquery, wordpress
Ignore AMP (j9t)598
google, amp
Get Up to Speed With Partial Clone and Shallow Clone (sto)597
git
A Beginner’s Guide to Webpack596
guides, webpack
Optimizing Image Depth (mey/css)595
images, quality, performance, optimization
I Learned to Love the Same-Origin Policy (eee/css)594
security, cors
W3C in 2020 (koa/w3c)593
w3c, standards, retrospectives
Meet Redwood, a Full-Stack, Serverless Jamstack Framework592
frameworks, redwoodjs, jamstack
Why You Should Self-Host Google Fonts in 2021591
google, fonts, self-hosting
What’s New in WCAG 2.1: Label in Name (css)590
accessibility, wcag, aria
“user-scalable=no” and Suppressing Zoom Suppression (ppk)589
metadata, zooming, viewport, accessibility
Debugging CSS (chr/css)588
books, css, debugging
Netlify and Next.js (chr/css)587
netlify, nextjs
The Shorthand–Longhand Problem in Atomic CSS (rob)586
css, shorthands, cascade, atomic-css, css-in-js
Escape Nunjucks in Markdown (con)585
markdown, nunjucks, escaping
How and Why to Use Lynx—the Faster Web Browser (ede)584
lynx, browsers
Make It Personal (mat/css)583
blogging, career
JavaScript (tka/htt)582
web-almanac, studies, research, metrics, javascript
Page Weight (htt)581
web-almanac, studies, research, metrics, performance
CSS (lea+/htt)580
web-almanac, studies, research, metrics, css
How to Create a Favicon That Changes Automatically (css)579
how-tos, favicons, data-urls, javascript
“npm ruin dev” (ada/css)578
html, css, javascript, nodejs, npm
TLS and mTLS Demystified577
security, tls, protocols
Houdini.how (una)576
websites, css, apis, houdini
Accessibility (htt)575
web-almanac, studies, research, metrics, accessibility
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of574
edge-computing, security
Very Extremely Practical CSS Art (mia/css)573
css, art
Notes on Zsh and Oh My Zsh (spe)572
shells, zsh, oh-my-zsh
The Power of Web Development Outside Tech (css)571
career, lessons
Notes on HTML 3.2 (j9t)570
html
How to Display the Last Build Date in Eleventy (ste)569
how-tos, eleventy
Command Line Interface Guidelines568
websites, guidelines, command-line
Happier HTML5 Form Validation in Vue (chr/css)567
html, forms, validation, css, selectors, vuejs
CommonMark: A Formal Specification for Markdown (sma)566
markdown, content, documentation
How to Make an Area Chart With CSS (css)565
how-tos, css, clipping, visualization
Minimal Takes on Faking Container Queries (chr/css)564
container-queries, web-components, javascript, css
How to Make Your Code Reviewer Fall in Love With You (mtl)563
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 Helping562
web, servers, infrastructure, w3c, standards
Alt vs. Figcaption (tho)561
html, accessibility, comparisons
Why Choose TYPO3 CMS for Your Website560
videos, typo3, content-management
Native CSS Masonry Layout in CSS Grid (chr/css)559
css, layout, masonry, grids
Time to Say Goodbye to Google Fonts: Cache Performance558
google, fonts, caching, performance
Weaving Web Accessibility With Usability (sma)557
accessibility, usability, testing
The State of UX: 100 Design Lessons for 2021 (fab)556
user-experience, design, outlooks
How to Kill a Hung SSH Session555
how-tos, ssh
Migrating a Large Angular Project From Jasmine to Jest Incrementally554
migrating, angular, jest, testing
Information Scent553
videos, links, usability, information-scent
Considerations for Making a CSS Framework (css)552
css, frameworks, theming
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)551
html, css, javascript
Ruthlessly Eliminating Layout Shift on netlify.com (zac)550
netlify, web-vitals, performance, optimization
Know Your Standards (ste)549
accessibility, standards, wcag, aria, html, link-lists
Testing Vue Applications With the Vue Testing Library (sma)548
vuejs, testing, tooling
To Be Creative, Practice547
design, creativity
Best Practices for Inclusive Textual Websites546
security, performance, accessibility, best-practices
DRY-ing Up styled-components (css)545
components, css, maintainability
Leveraging System Fonts on the Web (jim)544
fonts
CSS Vendor Prefixes543
css, vendor-extensions
Color Theming With CSS Custom Properties and Tailwind (mic/css)542
theming, colors, css, custom-properties, tailwind
“console.log({ myVariable });” (chr/css)541
javascript, console
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)540
html, forms
A GitHub Action for Automated Deployment to WP Engine (clo)539
github, deploying, automation, wordpress, wp-engine
Measuring Core Web Vitals With Sentry (fon/css)538
performance, web-vitals, tooling
Upgrade Your HTML II (j9t/fro)537
books, frontend-dogma, html, minimalism, craft, conformance
Semantic Web With Structured Data536
semantic-web, json, structured-data
Creating a Continuous Integration Test Workflow Using GitHub Actions (sma)535
nodejs, ci-cd, github-actions
CSS Gradients Guide (geo/css)534
guides, css, gradients
New WebKit Features in Safari 14 (jon/web)533
release-notes, safari, apple, browsers, webkit
How to Deal With Common React JS Problems—Actionable Tips532
how-tos, react, tips-and-tricks
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format531
webp, images, google
Abandoning Best Practices in UX530
videos, user-experience, usability, best-practices
What’s New in Vue 3? (sma)529
vuejs
Warp: Improved JS Performance in Firefox 83 (jan/moz)528
firefox, mozilla, browsers, javascript, performance, spidermonkey, javascript-engines
Career Opportunities Mean a Lot of Things (kar)527
career
No Config for Old Men526
configuration
The What, Why, and How of Using a Skeleton Loading Screen (tre)525
placeholders, performance, react
Authenticating React Apps With Auth0 (sma)524
react, authentication, tooling, auth0
My WordPress Comments Wishlist (chr/css)523
wordpress, blogging, wish-lists
ARIA in CSS (chr/css)522
css, aria
Markup (j9t+/htt)521
web-almanac, studies, research, metrics, html
The Raven Technique: One Step Closer to Container Queries (css)520
css, container-queries, techniques
Webmentions and Eleventy Talk (sia)519
slides, webmentions, eleventy
Write Better Code and Be a Better Programmer by Avoiding “else” Statements518
programming, best-practices
The Top 13 Web Development Tools You Must Know About517
tooling, angularjs, foundation, mongodb, github, react, typescript, jquery, bootstrap, dev-tools, chrome, grunt, codepen, sublime-text, vs-code, link-lists
[JavaScript] Operator Lookup (jos)516
javascript, operators
Quick localStorage Usage in Vue (sar/css)515
vuejs, browser-storage
How to Find and Fix Common Website Accessibility Issues (kil)514
how-tos, accessibility, contrast, color-blindness, colors, responsive-design, quality
Internationalization and Localization for Static Sites (sma)513
internationalization, localization, site-generators
GIFs and “prefers-reduced-motion” (chr/css)512
images, gif, reduced-motion, html
Chasing the Pixel-Perfect Dream (jos)511
design, css
Native CSS Masonry Layout in CSS Grid (rac/sma)510
css, masonry, grids, layout
What Is Section 508 and Why Does It Matter? (deq)509
accessibility, legal, section-508
In Defense of Tables and Floats in Modern Day Development (css)508
html, css, floats, tables
The Principles of Visual Communication (sma)507
design, communication, principles, examples
Clickjacking Attacks and How to Prevent Them506
how-tos, security
Bootstrap vs. Materialize Showdown505
bootstrap, materialize, comparisons, frameworks
Are Template Engines Still Relevant in 2020?504
discussions, template-engines, pug, nunjucks, handlebars
More on “content-visibility” (chr/css)503
css
Authentication in Vue.js (sma)502
vuejs, authentication
Comparing Various Ways to Hide Things in CSS (css)501
accessibility, css, hiding, comparisons
Selecting Random Posts in Eleventy (ray)500
eleventy, randomness
WordPress and Jamstack (chr/css)499
wordpress, jamstack, netlify
A General Introduction to Cloud Computing (dig)498
introductions, cloud-computing, concepts, history
Getting Started With Next.js (sma)497
introductions, nextjs, react
A Primer on the Different Types of Browser Storage (ido/css)496
introductions, browser-storage, indexeddb, databases, apis, cookies, caching
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css)495
html, php, pug
Touch, Point, Click: Mouse vs. Touch Screen Input (pro)494
accessibility, interaction-design, touch, comparisons
Comparing Styling Methods in 2020 (chr/css)493
css, sass, less, stylus, postcss, modules, css-in-js, presentational-html, comparisons
Handling Continuous Integration and Delivery With GitHub Actions (sma)492
ci-cd, github-actions, heroku, deploying, automation
Come Full Circle—Back to HTML491
code-editors, vi+vim, neovim, html
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met490
guidelines, seo, quality, google
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)489
guides, google, web-vitals, performance
How to Test Responsive Web Design Cross-Browser Compatibility (cra)488
how-tos, testing, responsive-design, browsers, support
An Opinionated Guide to Accessibility Testing487
guides, accessibility, testing
CSS “min()”, “max()”, and “clamp()” (una)486
css, functions, typography
Signed Exchanges (SXGs) (twi)485
authentication, signed-exchanges, web-packaging, performance
An Introduction to JSX484
introductions, jsx
Run Gulp as You Open a VS Code Project (chr/css)483
gulp, vs-code, microsoft, code-editors
The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (lea)482
css, custom-properties, hacks, toggles
40+ Google Search Hacks, Tips, and Tricks481
google, search, tips-and-tricks
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (mas)480
design, history
Node.js Testing Best Practices479
nodejs, testing, best-practices, examples
What Can We Learn From the W3C CMS Selection Process478
w3c, tooling, content-management, lessons
How to Find the Cause of Horizontal Scrollbars (kil/pol)477
how-tos, css, overflow, debugging, scrolling
Getting Started With React: A Beginner’s Guide476
introductions, guides, react, jsx
The Widening Responsibility for Front-End Developers (chr/css)475
career, craft, tech-stacks
Apache Configuration Basics474
fundamentals, servers, apache, configuration
Tuning Your Apache Server473
apache, servers, optimization, configuration
How to Design a Set of Icons472
design, icons, images
CSS Variables 101 (sha)471
css, custom-properties
Micro-Note on “aria-roledescription” (ste)470
accessibility, aria
A Guide to HTML and CSS Forms (No Hacks) (dxn)469
guides, html, css, forms
How to Create High-Performance CSS Animations (rac)468
how-tos, css, animations, performance
GitLab vs. GitHub—a Comparison of the Two Version Control Systems467
version-control, gitlab, github, comparisons
Compile Svelte in Your Head466
svelte, compiling, javascript
Reading Content With RSS465
rss, syndication
Should Coding Be Mandatory? (ara)464
programming, training, career
CSS Media Queries Guide (css)463
guides, css, media-queries
Reducing the Site Speed Impact of Third-Party Tags462
performance, embed-code
The Monospaced System UI CSS Font Stack461
css, fonts, link-lists
Unit Testing in React Native Applications (sma)460
react, native, testing
Why I IndieWeb459
indieweb, community
Webflow vs. WordPress: A Head-to-Head Comparison458
webflow, wordpress, content-management, hosting, comparisons
“font-kerning” (geo/css)457
css, kerning, typography
Building and Running WebKit (mar)456
webkit, building
Accessible Web Animation: The WCAG on Animation Explained (vlh/css)455
accessibility, animations, reduced-motion, wcag
Drawing the Invisible: React Explained in Five Visual Metaphors454
videos, react
Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS? (dre/sma)453
podcasts, interviews, redwoodjs, jamstack
Custom Properties: Questioning “:root” (j9t)452
cross-posts, css, custom-properties
New Open Source robots.txt Projects (met)451
robotstxt, tooling, foss
Enforcing Performance Budgets With Webpack (css)450
performance-budgets, performance, webpack
Vue 3 (chr/css)449
vuejs
[Vue.js] v3.0.0 One Piece (vue)448
vuejs, release-notes
The Good Web and the Bad Web (kzi)447
web, mastodon, wikipedia, internet-archive, javascript
Advanced GraphQL Usage in Gatsby Websites (sma)446
gatsby, graphql, javascript
Generate a Sitemap for Your Eleventy Website445
eleventy, sitemaps, seo
Basic Math in JavaScript—Numbers and Operators (mdn)444
javascript, math, operators
Change the [Eleventy] Default Directories (per)443
eleventy
Mastering Wrapping of Flex Items (mdn)442
css, flexbox, layout
MIME Types (IANA Media Types) (mdn)441
mime-types
npx [Cheatsheet]440
npx, nodejs, cheat-sheets
Animating React Components With GreenSock (sma)439
react, gsap, javascript, components, animations
React With TypeScript: Best Practices438
react, typescript, best-practices
An Introduction to Running Lighthouse Programmatically (sma)437
introductions, lighthouse, google, automation
Creating a Custom Cursor Using CSS?436
css, images, svg, cursors
Getting Started With Eleventy (11ty)435
introductions, eleventy, site-generators
Modifying Specific Letters With CSS and JavaScript (css)434
css, javascript
How CSS Perspective Works (ami/css)433
css, transforms, animations
The Argument That Kills Any Monetisation Discussion (ppk)432
monetization, social-media
AVIF Has Landed (jaf)431
images, avif, performance, quality, jpeg, webp, svg, png, comparisons
Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks (mar)430
eleventy, nunjucks, markdown, escaping
How to Automate API Testing With Postman (sma)429
how-tos, testing, apis, automation, postman
Working With JavaScript Media Queries (css)428
javascript, media-queries
Similarity Principle in Visual Design (nng)427
design, principles, colors, shapes
A Brief About Web Browser Wars426
browsers, browser-wars, retrospectives
Building React Apps With Storybook (sma)425
react, storybook
Everything Developers Need to Know About Figma (sma)424
figma, processes
How to Use CSS Grid for Sticky Headers and Footers (ada/css)423
css, grids, layout, navigation
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had422
introductions, guides, eleventy
Using “@property” for CSS Custom Properties (chr/css)421
css, custom-properties, houdini
My Experience With Jekyll420
jekyll
Ground Rules for Web Animations (css)419
animations, transitions, css
Copy the Browser’s Native Focus Styles (chr/css)418
css, focus
Adversarial Interoperability (plu)417
interoperability, terminology, concepts, link-lists
A Bit on CI/CD (chr/css)416
ci-cd, link-lists
Electron 10.0.0 (kee/ele)415
release-notes, electron
How to Create Customer-Centric Landing Pages (sma)414
how-tos, landing-pages, content, design
9 Best CSS Frameworks in 2020413
css, presentational-html, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, tachyons, materialize, comparisons
The Thing With Leading in CSS (mat)412
css, typography
Where Does Logic Go on Jamstack Sites? (css)411
jamstack
Use Advanced Typography With Local Fonts (tom)410
typography, fonts, apis
Why Did Mozilla Remove XUL Add-Ons?409
browsers, mozilla, xul
Run JavaScript When Variable Exists (sea)408
javascript, variables
Optimize Images With a GitHub Action (chr/css)407
images, compression, github-actions
Loading Third-Party JavaScript (add)406
javascript, performance
“this” in JavaScript and TypeScript (dea)405
javascript, typescript
Mastering Props and PropTypes in React (sma)404
react, props
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (ver)403
browsers, microsoft, internet-explorer, edge
The Anti-Reset (to Reset to User Agent Styles) (j9t)402
css, resets
21 Node.js Interview Questions With Solutions401
nodejs, interviewing
Effective Code Browsing400
code-reviews
A Smashing Guide to the World of Search Engine Optimization (fre/sma)399
guides, seo, link-lists
JS Minification Benchmarks398
javascript, minification, metrics
That’s Just How I Scroll (chr/css)397
scrolling, user-experience
What I Learned by Fixing One Line of CSS in an Open Source Project (css)396
css, apple, mobile
I Love MDN, or the Cult of the Free in Action (ppk)395
mdn, community, economics
[JavaScript] Minification Benchmarks (hir)394
minification, tooling, metrics, comparisons, javascript, oxc, swc, bun, esbuild
Accessibility in Chrome DevTools (sma)393
dev-tools, chrome, google, browsers, accessibility
Islands Architecture392
architecture, html, concepts
Performance Is an Issue of Equity (clo)391
performance, accessibility
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma)390
podcasts, interviews, architecture, serverless
Meet Polypane, a Browser That Makes You Five Times Faster (kil)389
polypane, browsers, productivity, developer-experience
Better Error Handling in Node.js With Error Classes (sma)388
nodejs, javascript, errors
Difference Between Concurrent Versions System (CVS) and Subversion (SVN)387
comparisons, version-control, cvs, svn
Every Website Is an Essay (fon/css)386
design, communication
“font-weight: 300” Considered Harmful (chr/css)385
css, typography, legibility
HTML for Subheadings and Headings (chr/css)384
html, headings
TypeScript, Minus TypeScript (css)383
typescript
Vue vs. React in 2021: Which Framework to Choose and When382
frameworks, vuejs, react, comparisons
In a Land Before Dev Tools (amb)381
dev-tools, browsers
The Myth of Incentive Alignment (lor)380
culture, prioritization, google
Writing Minimal HTML5 Documents Is Fun379
html, minimalism
LCARS Website HTML Template378
websites, templates
SVG Title vs. HTML Title Attribute (chr/css)377
svg, html, attributes
The Renaissance of No-Code for Web Designers (sma)376
design, low-and-no-code
Five Decades of Access to Tools (lor)375
tooling
Updating React at Etsy374
case-studies, react, preact, frameworks
Introduction to Metrics, Monitoring, and Alerting373
introductions, metrics, monitoring, alerting
A Bit on Web Component Libraries (chr/css)372
web-components, pattern-libraries
Pausing a GIF With “details”/“summary” (chr/css)371
html, disclosure-widgets, gif, images, animations
Want to Get Better at Code? Teach Someone CSS (css)370
css, learning
Accessibility on the Canvas With JavaScript369
accessibility, javascript, canvas
Happy Birthday Web Fonts! (w3c)368
anniversaries, fonts, woff, standards
The GitHub Profile Trick (chr/css)367
github, readme
Bold on Hover… Without the Layout Shift (chr/css)366
css, hover
Introduction to Memoization in JavaScript (hic)365
introductions, memoization, javascript
How to Use Styled Components in React (sma)364
how-tos, react, css-in-js, css, javascript
Writing Alt Text for Data Visualization363
accessibility, images, alt-text, writing, information-design, visualization
Modern CSS Techniques to Improve Legibility (sma)362
css, techniques, legibility, typography
The Recruitment Confusion Matrix and Your Right to Be Wrong361
hiring, metrics
How to Safely Use GitHub Actions in Organizations (nza)360
how-tos, github-actions, security
ReactJS: A Simple Custom Hook359
react, hooks
Creating a Gatsby Site With WordPress Data (css)358
gatsby, wordpress
Levels of Fix (chr/css)357
maintenance
When Do You Use “inline-block”? (chr/css)356
css
PHP 8: Before and After (bre)355
php, comparisons
Why We Moved a 20-Year-Old Site to Gatsby354
gatsby, migrating
Code Review Best Practices353
code-reviews, best-practices
Terminating a Frozen SSH Session352
ssh, command-line
“font-weight: 300” Considered Harmful (and a Fontconfig Workaround) (lis)351
css, typography, legibility, unix-like
Lazy Loading Images in Svelte (css)350
images, lazy-loading, svelte, performance
Methods of Improving and Optimizing Performance in React Apps (sma)349
react, performance, optimization
Release Notes for Safari Technology Preview 110 (jon/web)348
release-notes, safari, apple, browsers
10 Modern Layouts in 1 Line of CSS (una)347
videos, css, layout
JSON-LD 1.1 (gke+/w3c)346
json-ld, json, standards
An Introduction to Stimulus.js (sma)345
introductions, frameworks, stimulus
JavaScript to Know for React (ken)344
javascript, react
Germany Digital Accessibility Laws: BITV (2.0) and BGG343
legal, bitv, accessibility
Most Popular JavaScript Frameworks in 2020342
frameworks, javascript, react, angular, vuejs, nodejs, svelte, comparisons
Netlify Does Cache Invalidation for You (chr/css)341
caching, netlify
Three CSS Alternatives to JavaScript Navigation (css)340
navigation, css
JavaScript Event Delegation: A Beginner’s Guide339
guides, javascript, events
Crowdfunding Web Platform Features With Open Prioritization (rac/sma)338
web-platform, prioritization
My Long Journey to a Decoupled WordPress Gatsby Site (css)337
wordpress, gatsby
Node.js vs. Deno: What You Need to Know336
nodejs, deno, runtimes, comparisons
Create and Activate GitHub Profile README335
github, readme
An Eleventy Starter With Tailwind CSS and Alpine.js (gre/css)334
eleventy, tailwind, alpinejs
CSS Transitions in Vue.js and Nuxt.js (sma)333
vuejs, nuxt, css, transitions
How to Document the Screen Reader User Experience332
how-tos, screen-readers, assistive-tech, documentation, user-experience
Building a Blog With Next.js (pan/css)331
blogging, nextjs
Webwaste (ger/ali)330
web, sustainability, images
The Vuetify Roadmap (vue)329
release-notes, vuetify
Browser Wish List—Tabs Time Machine (kar)328
browsers, wish-lists
#defundAI (tan)327
ai, economics
The Cicada Principle, Revisited With CSS Variables (lea)326
principles, css, custom-properties
The Browser Engine That Could (jay)325
history, browsers, browser-engines, trident, gecko, presto, khtml, javascriptcore, webkit, v8, blink, safari, apple, konqueror, chrome, google, link-lists
A Beginner’s Guide to Microcontent324
guides, content, microcontent, concepts
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn323
websites, guides, design
We Need More Inclusive Web Performance Metrics (sco)322
performance, metrics, dei
A Brief Introduction to WebGL321
introductions, webgl, javascript
AWS Budget Killswitch: Disable AWS Services When Budget Is Exceeded320
aws, economics, lambda
Learn Deno: A Secure JavaScript and TypeScript Runtime319
deno, runtimes, javascript, typescript
WebGPU Fundamentals318
fundamentals, webgpu
Let’s Not Be Pedantic About “Open Source” (arp)317
foss, history
Introduction to Logging in Python316
introductions, logging, python
Fast Sorting With Quicksort315
algorithms, sorting
Learn Regex: A Beginner’s Guide314
guides, regex
Web Standards313
standards, w3c, html, xml, xhtml, css, wcag
Information and Information Architecture: The Big Picture (sma)312
information-architecture, content, navigation, user-experience
Namespaces in JavaScript (fla)311
javascript, namespaces
How to Install Apache Web Server on Windows (cra)310
how-tos, installing, servers, apache, microsoft, windows
What Is Type Coercion in JavaScript ?309
javascript, operators, concepts
Learn GSAP in 23 Minutes308
videos, gsap
Platform Adjacency Theory (sli)307
browsers, web-platform
Responsive Styling Using Attribute Selectors (css)306
css, selectors, attributes, responsive-design
When Sass and New CSS Features Collide (ana/css)305
sass, css
90’s Cursor Effects304
cursors, effects, javascript
CSS Debt303
css, technical-debt, maintainability, testing, namespaces, preprocessors
In Defense of a Fussy Website (sar/css)302
design, user-experience, web
Where Do You Learn HTML and CSS in 2020? (chr/css)301
html, css, learning, link-lists
Speeding Up My Shell (Oh My Zsh)300
shells, command-line, oh-my-zsh, optimization
CSS Fundamentals: Vendor Prefixing299
css, fundamentals, vendor-extensions
A Practical Guide to Testing React Applications With Jest (sma)298
guides, testing, react, jest
Hide Scrollbars During an Animation (chr/css)297
css, animations, transitions, scrolling
What Is Brand Identity and Why Does It Matter?296
branding
Writing for HTML Newbies (geo)295
html, training
App Shell UX With Service Workers and Streams (jef)294
web-apps, single-page-apps, architecture, web-workers, streaming, javascript
An Overview of Scroll Technologies (zac/css)293
overviews, scrolling, animations, css, javascript, tooling
WAI–ARIA Usage (tpg)292
bookmarklets, accessibility, aria, compliance
GitHub CLI: A Guide to GitHub From the Command Line291
guides, github, command-line
A Lazy Dark Mode290
dark-mode, react
Easing Animations in Canvas (css)289
canvas, animations, javascript
A Little Bit of Plain JavaScript Can Do a Lot (b0r)288
javascript, css
Web Engine Diversity and Ecosystem Health (chr/css)287
browser-engines, web-platform
Sending Emails in PHP With PHPMailer286
email, php, tooling
What Is Developer Experience (DX)? (chr/css)285
developer-experience, terminology, comparisons
Decentralization Off the Shelf284
websites, design-patterns
Remembrance of Tags Past (mey)283
history, web-platform, html, xhtml, css, hacks, doctypes
What Is P3P Policy and How Does It Work?282
p3p, policies, standards, privacy
JavasSript RORO Pattern281
javascript, software-design-patterns
Allow End-User Styling Overrides (alv)280
css, cascade, user-styles
Internationalization in Vue With the Vue I18N Plugin (sma)279
vuejs, plugins, internationalization, localization
On Adding IDs to Headings (chr/css)278
html, headings
How to Reverse CSS Custom Counters (css)277
how-tos, css, lists, counters, html
Blocking Navigation Gestures on iOS Safari (rik)276
mobile, safari, apple, browsers
5 Myths About Jamstack (rem/css)275
jamstack, myths
Higher-Order Components in React (sma)274
react, components
How to Get All Custom Properties on a Page in JavaScript (tyl/css)273
how-tos, css, custom-properties, javascript
The Importance of Clarity in UX272
user-experience, design
Getting Started With HTML Using Glitch.com (jon)271
videos, introductions, glitch, html
How to Set Up a Blog With Eleventy270
how-tos, eleventy, blogging
Firebase Config in a React App (ama)269
firebase, configuration, react
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)268
performance, compression, brotli
Meteor vs. Next? A Brutally Honest Answer267
frameworks, meteor, nextjs, comparisons
What Is Parallax Scrolling, Explained With Examples266
parallax, scrolling, effects, examples
Why You Should Use SWC (and Not Babel) (log)265
transpiling, tooling, swc, babel
How to Add a Sitemap to Eleventy264
how-tos, eleventy, sitemaps
The Complete Guide to CSS Media Queries (kil/pol)263
guides, css, media-queries
Web Crawler vs. Web Scraper: The Differences262
crawling, scraping, comparisons, terminology
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy261
site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy, comparisons
5 Projects to Help You Master Modern CSS (cra)260
css, print, forms, performance
A First Look at “aspect-ratio” (chr/css)259
css, aspect-ratio
Core Web Vitals (chr/css)258
google, performance, web-vitals, metrics
Evaluating Page Experience for a Better Web257
google, search, user-experience
30 Seconds of Code256
websites, javascript, css, techniques
Dark Patterns in UX255
user-experience, dark-patterns
Equivalent Experiences: What Are They? (eri/sma)254
accessibility, dei, community, design, user-experience
The Expanding Gamut of Color on the Web (oll/css)253
colors, css, functions, oklch
When Frontend Means Full Stack (chr)252
career, tech-stacks, architecture, state-management
CUBE CSS (bel)251
websites, css
GitHub Actions: A Deep Dive Into “pull_request” (fro)250
deep-dives, github-actions, ci-cd, automation
Getting Started With Axios in Nuxt (sma)249
introductions, nuxt, axios, nodejs
Web Platform Contribution Guide (zco/boc)248
websites, guides, web-platform, standards, community
Building Reusable React Components Using Tailwind (sma)247
react, components, tailwind, maintainability
On Fixed Elements and Backgrounds (hui)246
css, backgrounds, positioning, scrolling, performance
Today’s JavaScript, From an Outsider’s Perspective (lea)245
javascript
Tools for Better Thinking244
websites, productivity, learning, training
Design Principles 101243
videos, introductions, design, principles
How to Design a Brand Logo (With Ease) (sma)242
how-tos, design, branding, logos, images
Some .zshrc Tricks (arp)241
shells, command-line, configuration, aliases, oh-my-zsh, tips-and-tricks
Micro-Frontends in Context240
micro-frontends
A User’s Guide to CSS Variables (lea)239
guides, css, custom-properties
How to Reevaluate Your Frontend Architecture238
how-tos, architecture
Ask an Expert: Why Is CSS… the Way It Is? (svg)237
css
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects (chr/css)236
design, forms
The Third Age of JavaScript (swy)235
javascript, retrospectives, outlooks
Static Hoisting234
javascript
The Secret of Typography, Kerning, Explained for Dummies233
typography, kerning
How to Build a Chrome Extension (sar/css)232
how-tos, browser-extensions, chrome, google, browsers
Speed Up Google Fonts (css)231
performance, google, fonts
The 24 Boolean Attributes of HTML (j9t)230
html, attributes
What Every JavaScript Developer Should Know About Unicode229
javascript, unicode
First Steps Into a Possible CSS Masonry Layout (chr/css)228
css, masonry, layout
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior227
guides, react, client-side-rendering
Still Using Node.js? Deno 1.0 Is Here! (ant)226
nodejs, deno, runtimes, javascript, typescript
The Need for Speed, 23 Years Later (nng)225
performance, user-experience, history
Hiding Scroll Bars While Maintaining Scroll Functionality in Modern Browsers224
scrolling, css, hiding
Easily Use Design Tokens in Eleventy (hey)223
eleventy, design-tokens
Architecting Data in Eleventy (sia)222
eleventy
How to Tame Line Height in CSS (css)221
how-tos, css, typography
In Defense of the Modern Web (ric)220
react, javascript, svelte
Liquid vs. Nunjucks219
template-engines, liquid, nunjucks, comparisons
Styling Components in React (sma)218
react, components, css, sass, css-in-js, javascript
How to Convince Others Not to Use Dark Patterns (boa/sma)217
how-tos, design, user-experience, ethics, design-patterns, anti-patterns
Maybe You Don’t Need That SPA216
single-page-apps, javascript, react, marko, performance
Developer Experience Metrics215
developer-experience, metrics
prerender.js (chr/css)214
libraries, performance
Second-Guessing the Modern Web (tmc)213
react, single-page-apps, code-splitting, server-side-rendering, apis, data-fetching
Designing Intrinsic Layouts (jen)212
videos, css, layout, design, intrinsic-design
Manipulating Arrays and Objects in JavaScript211
videos, javascript, arrays, objects
Let’s Take a Deep Dive Into the CSS “contain” Property (css)210
deep-dives, css, containment
Reducing Design Risk (sma)209
design, product-management
Working With MDX Custom Elements and Shortcodes (css)208
markdown, mdx, gatsby, react
5 Tips to Get Your Dev Blog Running (j9t)207
tips-and-tricks, blogging, career
Static Hoisting (chr/css)206
jamstack, content-delivery
An Introduction to Parcel.js, the No-Config Web Application Bundler (lou)205
introductions, parcel, bundling
“lh” and “rlh” Units (chr/css)204
css, units
Introducing Web Vitals: Essential Metrics for a Healthy Site203
introductions, web-vitals, performance, metrics, google
CSS Functions Guide (eri/css)202
guides, css, functions, selectors
Automated Dependency Management With Depfu201
dependencies, automation, depfu
What Is mTLS and How Does It Work?200
security
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)199
alpinejs, frameworks, javascript, jquery, vuejs, tailwind, comparisons
How to Succeed in Wireframe Design (sma)198
how-tos, design, prototyping, tooling, link-lists
The CSS “content” Property Accepts Alternative Text (ste)197
css, generated-content, alt-text, accessibility
Implementing Dark Mode in React Apps Using styled-components (sma)196
dark-mode, react, components, javascript
Introduction to Netlify CMS (joe)195
introductions, netlify, content-management, tooling
Invisible Design Systems (jin)194
videos, design-systems
Getting Started With Nuxt (sma)193
introductions, nuxt
“@property” (chr/css)192
css, houdini
How to Make a CSS-Only Carousel (fon/css)191
how-tos, css, carousels
SVG, Favicons, and All the Fun Things We Can Do With Them (eri/css)190
images, favicons, svg, dark-mode
The Biggest Mistake in Writing for the Web189
videos, mistakes, writing, content, user-experience
“The Title ‘Front-End Developer’ Is Obsolete” (chr/css)188
career, terminology
Accessible Font Sizing, Explained (css)187
typography, accessibility, wcag, css, units
Dark Mode and Variable Fonts (fon/css)186
dark-mode, variable-fonts, fonts, css
Exploring Node.js Internals (sma)185
nodejs
The 4 Pillars of Good Embed Code (j9t)184
embed-code, usability, quality
Real-World Effectiveness of Brotli (css)183
performance, compression, brotli, comparisons
Fake Code (chr/css)182
placeholders
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
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)179
javascript, zooming, apis
Quick Tip: How to Hide Whitespace Changes in Git Diffs (spa/clo)178
whitespace, tips-and-tricks, how-tos, github, gitlab, atlassian, version-control
Recursive Functions in TypeScript177
typescript, functions
Half of My CSS Are Links176
css, links
Christopher Schmitt (yat)175
obituaries
Everything You Should Know About SSH and SSH Key Exchange174
videos, protocols, ssh
98.css173
design-systems, microsoft, windows
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)172
theming, colors, css, custom-properties, functions
Best Practices With React Hooks (sma)171
react, hooks, best-practices
W3C Finalizes Web of Things (WoT) Recommendations (inf)170
w3c, standards
How to Create a Particle Trail Animation in JavaScript (sma)169
how-tos, animations, javascript
Learn Programming (jad)168
websites, courses, programming, javascript
Rename a File With JavaScript in the Browser (rik)167
javascript, file-handling
No-Class CSS Frameworks (chr/css)166
frameworks, css, link-lists
HTML Tips (mar)165
html, tips-and-tricks
Listboxes vs. Dropdown Lists (nng)164
design, forms, usability, comparisons
Getting Started With the React Hooks API (sma)163
introductions, react, hooks, apis
Usability Testing for Voice Content (ali)162
usability, testing, voice
CSS Naked Day (zac)161
awareness-days, css
Web Animations in Safari 13.1 (web)160
browsers, apple, safari, webkit, css, animations
Why I Don’t Use a Static Site Generator (kev)159
site-generators, wordpress
The Web Development Glossary (j9t/fro)158
books, frontend-dogma, learning, training, concepts, terminology
No Need to Protect Your Website From Scraping: 8 Reasons157
web, scraping, seo, legal
React Folder Structure in 5 Steps (rwi)156
react, architecture
What to Use Instead of Number Inputs (chr/css)155
forms, html
What’s New in ECMAScript 2020 (paw)154
ecmascript, standards
How to Create a Native Web Component Without a Framework153
how-tos, web-components, javascript
The Frameworks Paradox (j9t)152
frameworks
Why Do Some HTML Elements Become Deprecated? (css)151
html, standards, deprecation
Creating a Similar Post Component With Eleventy (fos)150
eleventy, functionality
The Devastating Price Developers Pay for Working Hard149
career, culture, productivity, communication
How to Build a Bad Design System (fon/css)148
how-tos, design-systems
Why “Dark Mode” Causes More Accessibility Issues Than It Solves147
dark-mode, accessibility
No Web Without Women146
websites, community
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs (css)145
css, grids, layout
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset (chr/css)144
css, transforms
The Component Gallery143
websites, components
MEAN Stack: Build an App With Angular and the Angular CLI142
angularjs, nodejs, express, mongodb, databases, functionality
Start Render: The Web Performance Metric That Heralds the End of the Blank Page141
performance, metrics, web-vitals
On the Responsibility That Comes With Good JavaScript Support (j9t)140
javascript, support
An Introduction to MDXJS (css)139
introductions, markdown, mdx
How to Debug a Node.js Application: Tips, Tricks, and Tools (cra)138
how-tos, nodejs, debugging, terminology, tips-and-tricks, tooling
What Is Git?137
git, concepts
Performance Tips: Minifying HTML, CSS, and JS136
videos, performance, html, css, javascript, minification, tips-and-tricks
How to Use an Emoji as a Favicon Easily (chr/css)135
how-tos, images, favicons, emoji, data-urls
Margin Considered Harmful134
css, margins, components
Different Favicon for Development (chr/css)133
favicons, images, environments
Creating Sortable Tables With React (sma)132
react, tables, sorting
Neumorphism and CSS (cod/css)131
design, effects, css
The Complete Guide to the Dark Mode Toggle130
guides, dark-mode, toggles
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