Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! 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)602
eleventy, environments, variables
A Practical Introduction to Dependency Injection (sma)601
introductions, javascript, maintainability
Ethical Design Guide600
websites, guides, design
HTML and CSS Techniques to Reduce Your JavaScript (per)599
html, css, javascript, performance
Integrating TypeScript With Svelte (ada/css)598
svelte, typescript
What’s Coming to Vuex? (sma)597
vuejs, state-management, libraries
The Art of Leadership596
leadership
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)595
performance, lighthouse, google, github-actions
Symbols to Copy594
tooling, typography
Using “throw” as an Expression in PHP 8 (ami)593
php
WordPress Cookies (wpe)592
wordpress, cookies
CSS Snapshot 2020 (tab+/w3c)591
css, standards
“Yes or No?” (chr/css)590
forms, html, comparisons
Get Up to Speed With Partial Clone and Shallow Clone (sto/git)589
git
How the Web Is Really Built (lea/css)588
tech-stacks, jquery, wordpress
Ignore AMP (j9t)587
google, amp
A Beginner’s Guide to Webpack586
guides, webpack
Optimizing Image Depth (mey/css)585
images, quality, performance, optimization
I Learned to Love the Same-Origin Policy (eee/css)584
security, cors
Meet Redwood, a Full-Stack, Serverless Jamstack Framework583
frameworks, redwoodjs, jamstack
W3C in 2020 (koa/w3c)582
w3c, standards, retrospectives
Why You Should Self-Host Google Fonts in 2021581
google, fonts, self-hosting
What’s New in WCAG 2.1: Label in Name (css)580
accessibility, wcag, aria
“user-scalable=no” and Suppressing Zoom Suppression (ppk)579
metadata, zooming, viewport, accessibility
Debugging CSS (chr/css)578
books, css, debugging
Netlify and Next.js (chr/css)577
netlify, nextjs
The Shorthand–Longhand Problem in Atomic CSS (rob)576
css, shorthands, cascade, atomic-css, css-in-js
How and Why to Use Lynx—the Faster Web Browser (ede)575
lynx, browsers
Make It Personal (mat/css)574
blogging, career
JavaScript (tka/htt)573
web-almanac, studies, research, metrics, javascript
Page Weight (htt)572
web-almanac, studies, research, metrics, performance
Accessibility (htt)571
web-almanac, studies, research, metrics, accessibility
CSS (lea+/htt)570
web-almanac, studies, research, metrics, css
Houdini.how (una/dev)569
websites, css, apis, houdini
How to Create a Favicon That Changes Automatically (css)568
how-tos, favicons, data-urls, javascript
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of567
edge-computing, security
“npm ruin dev” (ada/css)566
html, css, javascript, nodejs, npm
TLS and mTLS Demystified565
security, tls, protocols
Very Extremely Practical CSS Art (mia/css)564
css, art
Notes on Zsh and Oh My Zsh (spe)563
shells, zsh, oh-my-zsh
The Power of Web Development Outside Tech (css)562
career, lessons
Notes on HTML 3.2 (j9t)561
html
Command Line Interface Guidelines560
websites, guidelines, command-line
How to Display the Last Build Date in Eleventy (ste)559
how-tos, eleventy
Happier HTML5 Form Validation in Vue (chr/css)558
html, forms, validation, css, selectors, vuejs
CommonMark: A Formal Specification for Markdown (sma)557
markdown, content, documentation
How to Make an Area Chart With CSS (css)556
how-tos, css, clipping, visualization
Minimal Takes on Faking Container Queries (chr/css)555
container-queries, web-components, javascript, css
How to Make Your Code Reviewer Fall in Love With You (mtl)554
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 Helping553
web, servers, infrastructure, w3c, standards
Alt vs. Figcaption (tho)552
html, accessibility, comparisons
Why Choose TYPO3 CMS for Your Website551
videos, typo3, content-management
Native CSS Masonry Layout in CSS Grid (chr/css)550
css, layout, masonry, grids
Time to Say Goodbye to Google Fonts: Cache Performance549
google, fonts, caching, performance
Weaving Web Accessibility With Usability (sma)548
accessibility, usability, testing
The State of UX: 100 Design Lessons for 2021 (fab/uxd)547
user-experience, design, outlooks
How to Kill a Hung SSH Session546
how-tos, ssh
Migrating a Large Angular Project From Jasmine to Jest Incrementally545
migrating, angular, jest, testing
Information Scent544
videos, links, usability, information-scent
Considerations for Making a CSS Framework (css)543
css, frameworks, theming
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)542
html, css, javascript
Know Your Standards (ste)541
accessibility, standards, wcag, aria, html, link-lists
Testing Vue Applications With the Vue Testing Library (sma)540
vuejs, testing, tooling
To Be Creative, Practice539
design, creativity
Best Practices for Inclusive Textual Websites538
security, performance, accessibility, best-practices
DRY-ing Up styled-components (css)537
components, css, maintainability
Leveraging System Fonts on the Web (jim)536
fonts
CSS Vendor Prefixes535
css, vendor-extensions
Color Theming With CSS Custom Properties and Tailwind (mic/css)534
theming, colors, css, custom-properties, tailwind
“console.log({ myVariable });” (chr/css)533
javascript, console
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)532
html, forms
A GitHub Action for Automated Deployment to WP Engine (clo)531
github, deploying, automation, wordpress, wp-engine
Measuring Core Web Vitals With Sentry (fon/css)530
performance, web-vitals, tooling
Semantic Web With Structured Data529
semantic-web, json, structured-data
Upgrade Your HTML II (j9t/fro)528
books, frontend-dogma, html, minimalism, craft, conformance
Creating a Continuous Integration Test Workflow Using GitHub Actions (sma)527
nodejs, ci-cd, github-actions
CSS Gradients Guide (geo/css)526
guides, css, gradients
How to Deal With Common React JS Problems—Actionable Tips525
how-tos, react, tips-and-tricks
New WebKit Features in Safari 14 (jon/web)524
release-notes, safari, apple, browsers, webkit
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format523
webp, images, google
Abandoning Best Practices in UX522
videos, user-experience, usability, best-practices
What’s New in Vue 3? (sma)521
vuejs
Warp: Improved JS Performance in Firefox 83 (jan/moz)520
firefox, mozilla, browsers, javascript, performance, spidermonkey, javascript-engines
Career Opportunities Mean a Lot of Things (kar)519
career
No Config for Old Men518
configuration
The What, Why, and How of Using a Skeleton Loading Screen (tre)517
placeholders, performance, react
Authenticating React Apps With Auth0 (sma)516
react, authentication, tooling, auth0
My WordPress Comments Wishlist (chr/css)515
wordpress, blogging, wish-lists
ARIA in CSS (chr/css)514
css, aria
Markup (j9t+/htt)513
web-almanac, studies, research, metrics, html
The Raven Technique: One Step Closer to Container Queries (css)512
css, container-queries, techniques
Webmentions and Eleventy Talk (sia)511
slides, webmentions, eleventy
Write Better Code and Be a Better Programmer by Avoiding “else” Statements510
programming, best-practices
[JavaScript] Operator Lookup (jos)509
javascript, operators
How to Find and Fix Common Website Accessibility Issues (kil)508
how-tos, accessibility, contrast, color-blindness, colors, responsive-design, quality
Quick localStorage Usage in Vue (sar/css)507
vuejs, browser-storage
Internationalization and Localization for Static Sites (sma)506
internationalization, localization, site-generators
GIFs and “prefers-reduced-motion” (chr/css)505
images, gif, reduced-motion, html
Chasing the Pixel-Perfect Dream (jos)504
design, css
Native CSS Masonry Layout in CSS Grid (rac/sma)503
css, masonry, grids, layout
What Is Section 508 and Why Does It Matter? (deq)502
accessibility, legal, section-508
In Defense of Tables and Floats in Modern Day Development (css)501
html, css, floats, tables
The Principles of Visual Communication (sma)500
design, communication, principles, examples
Clickjacking Attacks and How to Prevent Them499
how-tos, security
Bootstrap vs. Materialize Showdown498
bootstrap, materialize, comparisons, frameworks
Are Template Engines Still Relevant in 2020?497
discussions, template-engines, pug, nunjucks, handlebars
More on “content-visibility” (chr/css)496
css
Authentication in Vue.js (sma)495
vuejs, authentication
Comparing Various Ways to Hide Things in CSS (css)494
accessibility, css, hiding, comparisons
Selecting Random Posts in Eleventy (ray)493
eleventy, randomness
WordPress and Jamstack (chr/css)492
wordpress, jamstack, netlify
A General Introduction to Cloud Computing491
introductions, cloud-computing, concepts, history
Getting Started With Next.js (sma)490
introductions, nextjs, react
A Primer on the Different Types of Browser Storage (ido/css)489
introductions, browser-storage, indexeddb, databases, apis, cookies, caching
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css)488
html, php, pug
Touch, Point, Click: Mouse vs. Touch Screen Input487
accessibility, interaction-design, touch, comparisons
Comparing Styling Methods in 2020 (chr/css)486
css, sass, less, stylus, postcss, modules, css-in-js, presentational-html, comparisons
Handling Continuous Integration and Delivery With GitHub Actions (sma)485
ci-cd, github-actions, heroku, deploying, automation
Come Full Circle—Back to HTML484
code-editors, vi+vim, neovim, html
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met483
guidelines, seo, quality, google
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)482
guides, google, web-vitals, performance
How to Test Responsive Web Design Cross-Browser Compatibility (cra)481
how-tos, testing, responsive-design, browsers, support
An Opinionated Guide to Accessibility Testing480
guides, accessibility, testing
CSS “min()”, “max()”, and “clamp()” (una/dev)479
css, functions, typography
Signed Exchanges (SXGs) (twi/dev)478
authentication, signed-exchanges, web-packaging, performance
An Introduction to JSX477
introductions, jsx
Run Gulp as You Open a VS Code Project (chr/css)476
gulp, vs-code, microsoft, code-editors
The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (lea)475
css, custom-properties, hacks, toggles
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (mas)474
design, history
Node.js Testing Best Practices473
nodejs, testing, best-practices, examples
What Can We Learn From the W3C CMS Selection Process472
w3c, tooling, content-management, lessons
How to Find the Cause of Horizontal Scrollbars (kil/pol)471
how-tos, css, overflow, debugging, scrolling
Getting Started With React: A Beginner’s Guide470
introductions, guides, react, jsx
Apache Configuration Basics469
fundamentals, servers, apache, configuration
How to Design a Set of Icons468
design, icons, images
The Widening Responsibility for Front-End Developers (chr/css)467
career, craft, tech-stacks
Tuning Your Apache Server466
apache, servers, optimization, configuration
CSS Variables 101 (sha)465
css, custom-properties
GitLab vs. GitHub—a Comparison of the Two Version Control Systems464
version-control, gitlab, github, comparisons
How to Create High-Performance CSS Animations (rac/dev)463
how-tos, css, animations, performance
Micro-Note on “aria-roledescription” (ste)462
accessibility, aria
A Guide to HTML and CSS Forms (No Hacks) (dxn)461
guides, html, css, forms
Compile Svelte in Your Head460
svelte, compiling, javascript
Reading Content With RSS459
rss, syndication
Should Coding Be Mandatory? (ara)458
programming, training, career
CSS Media Queries Guide (css)457
guides, css, media-queries
Reducing the Site Speed Impact of Third-Party Tags456
performance, embed-code
The Monospaced System UI CSS Font Stack455
css, fonts, link-lists
Unit Testing in React Native Applications (sma)454
react, native, testing
Webflow vs. WordPress: A Head-to-Head Comparison453
webflow, wordpress, content-management, hosting, comparisons
Why I IndieWeb452
indieweb, community
“font-kerning” (geo/css)451
css, kerning, typography
Building and Running WebKit (mar)450
webkit, building
Accessible Web Animation: The WCAG on Animation Explained (vlh/css)449
accessibility, animations, reduced-motion, wcag
Drawing the Invisible: React Explained in Five Visual Metaphors448
videos, react
Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS? (dre/sma)447
podcasts, interviews, redwoodjs, jamstack
Custom Properties: Questioning “:root” (j9t)446
cross-posts, css, custom-properties
New Open Source robots.txt Projects (met)445
robotstxt, tooling, foss
Enforcing Performance Budgets With Webpack (css)444
performance-budgets, performance, webpack
Vue 3 (chr/css)443
vuejs
[Vue.js] v3.0.0 One Piece (vue)442
vuejs, release-notes
The Good Web and the Bad Web (kzi)441
web, mastodon, internet-archive, javascript
Advanced GraphQL Usage in Gatsby Websites (sma)440
gatsby, graphql, javascript
Generate a Sitemap for Your Eleventy Website439
eleventy, sitemaps, seo
Basic Math in JavaScript—Numbers and Operators (mdn)438
javascript, math, operators
Change the [Eleventy] Default Directories (per)437
eleventy
Mastering Wrapping of Flex Items (mdn)436
css, flexbox, layout
MIME Types (IANA Media Types) (mdn)435
mime-types
npx [Cheatsheet]434
npx, nodejs, cheat-sheets
Animating React Components With GreenSock (sma)433
react, gsap, javascript, components, animations
React With TypeScript: Best Practices432
react, typescript, best-practices
An Introduction to Running Lighthouse Programmatically (sma)431
introductions, lighthouse, google, automation
Creating a Custom Cursor Using CSS?430
css, images, svg, cursors
Getting Started With Eleventy (11ty)429
introductions, eleventy, site-generators
Modifying Specific Letters With CSS and JavaScript (css)428
css, javascript
How CSS Perspective Works (ami/css)427
css, transforms, animations
The Argument That Kills Any Monetisation Discussion (ppk)426
monetization, social-media
AVIF Has Landed (jaf)425
images, avif, performance, quality, jpeg, webp, svg, png, comparisons
Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks (mar)424
eleventy, nunjucks, markdown, escaping
How to Automate API Testing With Postman (sma)423
how-tos, testing, apis, automation, postman
Working With JavaScript Media Queries (css)422
javascript, media-queries
Similarity Principle in Visual Design (nng)421
design, principles, colors, shapes
A Brief About Web Browser Wars420
browsers, browser-wars, retrospectives
Building React Apps With Storybook (sma)419
react, storybook
Everything Developers Need to Know About Figma (sma)418
figma, processes
How to Use CSS Grid for Sticky Headers and Footers (ada/css)417
css, grids, layout, navigation
Using “@ property” for CSS Custom Properties (chr/css)416
css, custom-properties, houdini
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had415
introductions, guides, eleventy
My Experience With Jekyll414
jekyll
Ground Rules for Web Animations (css)413
animations, transitions, css
Copy the Browser’s Native Focus Styles (chr/css)412
css, focus
Adversarial Interoperability (plu)411
interoperability, terminology, concepts, link-lists
A Bit on CI/CD (chr/css)410
ci-cd, link-lists
9 Best CSS Frameworks in 2020409
css, presentational-html, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, tachyons, materialize, comparisons
Electron 10.0.0 (kee/ele)408
release-notes, electron
How to Create Customer-Centric Landing Pages (sma)407
how-tos, landing-pages, content, design
The Thing With Leading in CSS (mat)406
css, typography
Use Advanced Typography With Local Fonts (tom/dev)405
typography, fonts, apis
Where Does Logic Go on Jamstack Sites? (css)404
jamstack
Why Did Mozilla Remove XUL Add-Ons?403
browsers, mozilla, xul
Run JavaScript When Variable Exists (sea)402
javascript, variables
Loading Third-Party JavaScript (add/dev)401
javascript, performance
Optimize Images With a GitHub Action (chr/css)400
images, compression, github-actions
“this” in JavaScript and TypeScript (dea)399
javascript, typescript
21 Node.js Interview Questions With Solutions398
nodejs, interviewing
Mastering Props and PropTypes in React (sma)397
react, props
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (ver)396
browsers, microsoft, internet-explorer, edge
The Anti-Reset (to Reset to User Agent Styles) (j9t)395
css, resets
Effective Code Browsing394
code-reviews
A Smashing Guide to the World of Search Engine Optimization (fre/sma)393
guides, seo, link-lists
JS Minification Benchmarks392
javascript, minification, metrics
That’s Just How I Scroll (chr/css)391
scrolling, user-experience
What I Learned by Fixing One Line of CSS in an Open Source Project (css)390
css, apple, mobile
I Love MDN, or the Cult of the Free in Action (ppk)389
mdn, community, economics
[JavaScript] Minification Benchmarks (hir)388
minification, tooling, metrics, comparisons, javascript, oxc, bun, esbuild
Accessibility in Chrome DevTools (sma)387
dev-tools, chrome, google, browsers, accessibility
Islands Architecture386
architecture, html, concepts
Meet Polypane, a Browser That Makes You Five Times Faster (kil)385
polypane, browsers, productivity, developer-experience
Performance Is an Issue of Equity (clo)384
performance, accessibility
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma)383
podcasts, interviews, architecture, serverless
Better Error Handling in Node.js With Error Classes (sma)382
nodejs, javascript, errors
Difference Between Concurrent Versions System (CVS) and Subversion (SVN)381
comparisons, version-control, cvs, svn
Every Website Is an Essay (fon/css)380
design, communication
“font-weight: 300” Considered Harmful (chr/css)379
css, typography, legibility
HTML for Subheadings and Headings (chr/css)378
html, headings
TypeScript, Minus TypeScript (css)377
typescript
Vue vs. React in 2021: Which Framework to Choose and When376
frameworks, vuejs, react, comparisons
In a Land Before Dev Tools (amb)375
dev-tools, browsers
The Myth of Incentive Alignment (lor)374
culture, prioritization, google
LCARS Website HTML Template373
websites, templates
Five Decades of Access to Tools (lor)372
tooling
SVG Title vs. HTML Title Attribute (chr/css)371
svg, html, attributes
The Renaissance of No-Code for Web Designers (sma)370
design, low-and-no-code
Introduction to Metrics, Monitoring, and Alerting369
introductions, metrics, monitoring, alerting
Updating React at Etsy368
case-studies, react, preact, frameworks
A Bit on Web Component Libraries (chr/css)367
web-components, pattern-libraries
Pausing a GIF With “details”/“summary” (chr/css)366
html, disclosure-widgets, gif, images, animations
Want to Get Better at Code? Teach Someone CSS (css)365
css, learning
Accessibility on the Canvas With JavaScript364
accessibility, javascript, canvas
Happy Birthday Web Fonts! (w3c)363
anniversaries, fonts, woff, standards
The GitHub Profile Trick (chr/css)362
github, readme
Bold on Hover… Without the Layout Shift (chr/css)361
css, hover
Introduction to Memoization in JavaScript (hic)360
introductions, memoization, javascript
How to Use Styled Components in React (sma)359
how-tos, react, css-in-js, css, javascript
Writing Alt Text for Data Visualization358
accessibility, images, alt-text, writing, information-design, visualization
Modern CSS Techniques to Improve Legibility (sma)357
css, techniques, legibility, typography
The Recruitment Confusion Matrix and Your Right to Be Wrong356
hiring, metrics
How to Safely Use GitHub Actions in Organizations (nza)355
how-tos, github-actions, security
ReactJS: A Simple Custom Hook354
react, hooks
Creating a Gatsby Site With WordPress Data (css)353
gatsby, wordpress
Levels of Fix (chr/css)352
maintenance
When Do You Use “inline-block”? (chr/css)351
css
Why We Moved a 20-Year-Old Site to Gatsby350
gatsby, migrating
PHP 8: Before and After (bre)349
php, comparisons
Terminating a Frozen SSH Session348
ssh, command-line
“font-weight: 300” Considered Harmful (and a Fontconfig Workaround) (lis)347
css, typography, legibility, unix-like
10 Modern Layouts in 1 Line of CSS (una/dev)346
videos, css, layout
JSON-LD 1.1 (gke+/w3c)345
json-ld, json, standards
Lazy Loading Images in Svelte (css)344
images, lazy-loading, svelte, performance
Methods of Improving and Optimizing Performance in React Apps (sma)343
react, performance, optimization
Release Notes for Safari Technology Preview 110 (jon/web)342
release-notes, safari, apple, browsers
An Introduction to Stimulus.js (sma)341
introductions, frameworks, stimulus
JavaScript to Know for React (ken)340
javascript, react
Germany Digital Accessibility Laws: BITV (2.0) and BGG339
legal, bitv, accessibility
JavaScript Event Delegation: A Beginner’s Guide338
guides, javascript, events
Most Popular JavaScript Frameworks in 2020337
frameworks, javascript, react, angular, vuejs, nodejs, svelte, comparisons
Netlify Does Cache Invalidation for You (chr/css)336
caching, netlify
Three CSS Alternatives to JavaScript Navigation (css)335
navigation, css
Crowdfunding Web Platform Features With Open Prioritization (rac/sma)334
web-platform, prioritization
My Long Journey to a Decoupled WordPress Gatsby Site (css)333
wordpress, gatsby
Node.js vs. Deno: What You Need to Know332
nodejs, deno, runtimes, comparisons
Create and Activate GitHub Profile README331
github, readme
An Eleventy Starter With Tailwind CSS and Alpine.js (gre/css)330
eleventy, tailwind, alpinejs
CSS Transitions in Vue.js and Nuxt.js (sma)329
vuejs, nuxt, css, transitions
How to Document the Screen Reader User Experience328
how-tos, screen-readers, assistive-tech, documentation, user-experience
Building a Blog With Next.js (pan/css)327
blogging, nextjs
Webwaste (ger/ali)326
web, sustainability, images
The Vuetify Roadmap (vue)325
release-notes, vuetify
A Beginner’s Guide to Microcontent324
guides, content, microcontent, concepts
Browser Wish List—Tabs Time Machine (kar)323
browsers, wish-lists
#defundAI (tan)322
ai, economics
The Cicada Principle, Revisited With CSS Variables (lea)321
principles, css, custom-properties
The Browser Engine That Could (jay)320
history, browsers, browser-engines, trident, gecko, presto, khtml, javascriptcore, webkit, v8, blink, safari, apple, konqueror, chrome, google, link-lists
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (uxd)319
websites, guides, design
We Need More Inclusive Web Performance Metrics (sco)318
performance, metrics, dei
A Brief Introduction to WebGL317
introductions, webgl, javascript
Learn Deno: A Secure JavaScript and TypeScript Runtime316
deno, runtimes, javascript, typescript
WebGPU Fundamentals315
fundamentals, webgpu
Introduction to Logging in Python314
introductions, logging, python
Let’s Not Be Pedantic About “Open Source” (arp)313
foss, history
Fast Sorting With Quicksort312
algorithms, sorting
Web Standards311
standards, w3c, html, xml, xhtml, css, wcag
Learn Regex: A Beginner’s Guide310
guides, regex
Information and Information Architecture: The Big Picture (sma)309
information-architecture, content, navigation, user-experience
Namespaces in JavaScript (fla)308
javascript, namespaces
What Is Type Coercion in JavaScript ?307
javascript, operators, concepts
How to Install Apache Web Server on Windows (cra)306
how-tos, installing, servers, apache, microsoft, windows
Learn GSAP in 23 Minutes305
videos, gsap
Platform Adjacency Theory (sli)304
browsers, web-platform
Responsive Styling Using Attribute Selectors (css)303
css, selectors, attributes, responsive-design
When Sass and New CSS Features Collide (ana/css)302
sass, css
90’s Cursor Effects301
cursors, effects, javascript
CSS Debt300
css, technical-debt, maintainability, testing, namespaces, preprocessors
In Defense of a Fussy Website (sar/css)299
design, user-experience, web
Where Do You Learn HTML and CSS in 2020? (chr/css)298
html, css, learning, link-lists
Speeding Up My Shell (Oh My Zsh)297
shells, command-line, oh-my-zsh, optimization
CSS Fundamentals: Vendor Prefixing296
css, fundamentals, vendor-extensions
A Practical Guide to Testing React Applications With Jest (sma)295
guides, testing, react, jest
Hide Scrollbars During an Animation (chr/css)294
css, animations, transitions, scrolling
App Shell UX With Service Workers and Streams (jef/dev)293
web-apps, single-page-apps, architecture, web-workers, streaming, javascript
What Is Brand Identity and Why Does It Matter?292
branding
Writing for HTML Newbies (geo)291
html, training
An Overview of Scroll Technologies (zac/css)290
overviews, scrolling, animations, css, javascript, tooling
WAI–ARIA Usage (tpg)289
bookmarklets, accessibility, aria, compliance
GitHub CLI: A Guide to GitHub From the Command Line288
guides, github, command-line
A Lazy Dark Mode287
dark-mode, react
Easing Animations in Canvas (css)286
canvas, animations, javascript
A Little Bit of Plain JavaScript Can Do a Lot (b0r)285
javascript, css
Web Engine Diversity and Ecosystem Health (chr/css)284
browser-engines, web-platform
Sending Emails in PHP With PHPMailer283
email, php, tooling
Decentralization Off the Shelf282
websites, design-patterns
Remembrance of Tags Past (mey)281
history, web-platform, html, xhtml, css, hacks, doctype-switching
What Is Developer Experience (DX)? (chr/css)280
developer-experience, terminology, comparisons
What Is P3P Policy and How Does It Work?279
p3p, policies, standards, privacy
JavasSript RORO Pattern278
javascript, software-design-patterns
Allow End-User Styling Overrides (alv)277
css, cascade, user-styles
Internationalization in Vue With the Vue I18N Plugin (sma)276
vuejs, plugins, internationalization, localization
On Adding IDs to Headings (chr/css)275
html, headings
How to Reverse CSS Custom Counters (css)274
how-tos, css, lists, html
Blocking Navigation Gestures on iOS Safari (rik)273
mobile, safari, apple, browsers
5 Myths About Jamstack (rem/css)272
jamstack, myths
Higher-Order Components in React (sma)271
react, components
How to Get All Custom Properties on a Page in JavaScript (tyl/css)270
how-tos, css, custom-properties, javascript
The Importance of Clarity in UX (uxd)269
user-experience, design
Getting Started With HTML Using Glitch.com (jon)268
videos, introductions, glitch, html
How to Set Up a Blog With Eleventy267
how-tos, eleventy, blogging
Firebase Config in a React App (ama)266
firebase, configuration, react
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)265
performance, compression, brotli
Meteor vs. Next? A Brutally Honest Answer264
frameworks, meteor, nextjs, comparisons
What Is Parallax Scrolling, Explained With Examples263
parallax, scrolling, effects, examples
Why You Should Use SWC (and Not Babel) (log)262
transpiling, tooling, babel
How to Add a Sitemap to Eleventy261
how-tos, eleventy, sitemaps
The Complete Guide to CSS Media Queries (kil/pol)260
guides, css, media-queries
Web Crawler vs. Web Scraper: The Differences259
crawling, scraping, comparisons, terminology
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy258
site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy, comparisons
5 Projects to Help You Master Modern CSS (cra)257
css, print, forms, performance
30 Seconds of Code256
websites, javascript, css, techniques
A First Look at “aspect-ratio” (chr/css)255
css, aspect-ratio
Core Web Vitals (chr/css)254
google, performance, web-vitals, metrics
Dark Patterns in UX253
user-experience, dark-patterns
Evaluating Page Experience for a Better Web252
google, search, user-experience
Equivalent Experiences: What Are They? (eri/sma)251
accessibility, dei, community, design, user-experience
The Expanding Gamut of Color on the Web (oll/css)250
colors, css, functions, oklch
When Frontend Means Full Stack (chr)249
career, tech-stacks, architecture, state-management
CUBE CSS (bel)248
websites, css
GitHub Actions: A Deep Dive Into “pull_request” (fro)247
deep-dives, github-actions, ci-cd, automation
Web Platform Contribution Guide (zco/boc)246
websites, guides, web-platform, standards, community
Getting Started With Axios in Nuxt (sma)245
introductions, nuxt, nodejs
Building Reusable React Components Using Tailwind (sma)244
react, components, tailwind, maintainability
On Fixed Elements and Backgrounds (hui)243
css, backgrounds, positioning, scrolling, performance
Today’s JavaScript, From an Outsider’s Perspective (lea)242
javascript
Tools for Better Thinking241
websites, productivity, learning, training
Design Principles 101240
videos, introductions, design, principles
How to Design a Brand Logo (With Ease) (sma)239
how-tos, design, branding, logos, images
Some .zshrc Tricks (arp)238
shells, command-line, configuration, aliases, oh-my-zsh, tips-and-tricks
A User’s Guide to CSS Variables (lea)237
guides, css, custom-properties
Ask an Expert: Why Is CSS… the Way It Is? (svg)236
css
How to Reevaluate Your Frontend Architecture235
how-tos, architecture
Micro-Frontends in Context234
micro-frontends
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects (chr/css)233
design, forms
Static Hoisting (rau)232
javascript
The Third Age of JavaScript (swy)231
javascript, retrospectives, outlooks
The Secret of Typography, Kerning, Explained for Dummies (uxd)230
typography, kerning
How to Build a Chrome Extension (sar/css)229
how-tos, browser-extensions, chrome, google, browsers
Speed Up Google Fonts (css)228
performance, google, fonts
The 24 Boolean Attributes of HTML (j9t)227
html, attributes
What Every JavaScript Developer Should Know About Unicode226
javascript, unicode
First Steps Into a Possible CSS Masonry Layout (chr/css)225
css, masonry, layout
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior224
guides, react, client-side-rendering
Still Using Node.js? Deno 1.0 Is Here! (ant)223
nodejs, deno, runtimes, javascript, typescript
The Need for Speed, 23 Years Later (nng)222
performance, user-experience, history
Hiding Scroll Bars While Maintaining Scroll Functionality in Modern Browsers221
scrolling, css, hiding
Easily Use Design Tokens in Eleventy (hey)220
eleventy, design-tokens
Architecting Data in Eleventy (sia)219
eleventy
How to Tame Line Height in CSS (css)218
how-tos, css, typography
In Defense of the Modern Web (ric)217
react, javascript, svelte
Liquid vs. Nunjucks216
template-engines, liquid, nunjucks, comparisons
Styling Components in React (sma)215
react, components, css, sass, css-in-js, javascript
How to Convince Others Not to Use Dark Patterns (boa/sma)214
how-tos, design, user-experience, ethics, design-patterns, anti-patterns
Maybe You Don’t Need That SPA213
single-page-apps, javascript, react, marko, performance
Developer Experience Metrics212
developer-experience, metrics
Designing Intrinsic Layouts (jen)211
videos, css, layout, design, intrinsic-design
prerender.js (chr/css)210
libraries, performance
Second-Guessing the Modern Web (tmc)209
react, single-page-apps, code-splitting, server-side-rendering, apis, data-fetching
Manipulating Arrays and Objects in JavaScript208
videos, javascript, arrays, objects
Let’s Take a Deep Dive Into the CSS “contain” Property (css)207
deep-dives, css, containment
Reducing Design Risk (sma)206
design, product-management
Working With MDX Custom Elements and Shortcodes (css)205
markdown, mdx, gatsby, react
5 Tips to Get Your Dev Blog Running (j9t)204
tips-and-tricks, blogging, career
An Introduction to Parcel.js, the No-Config Web Application Bundler (lou)203
introductions, parcel, bundling
Static Hoisting (chr/css)202
jamstack, content-delivery
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)201
introductions, web-vitals, performance, metrics, google
“lh” and “rlh” Units (chr/css)200
css, units
CSS Functions Guide (eri/css)199
guides, css, functions, selectors
Automated Dependency Management With Depfu (the)198
dependencies, automation, depfu
What Is mTLS and How Does It Work?197
security
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)196
alpinejs, frameworks, javascript, jquery, vuejs, tailwind, comparisons
How to Succeed in Wireframe Design (sma)195
how-tos, design, prototyping, tooling, link-lists
The CSS “content” Property Accepts Alternative Text (ste)194
css, generated-content, alt-text, accessibility
Implementing Dark Mode in React Apps Using styled-components (sma)193
dark-mode, react, components, javascript
Introduction to Netlify CMS (joe)192
introductions, netlify, content-management, tooling
Invisible Design Systems (jin)191
videos, design-systems
Getting Started With Nuxt (sma)190
introductions, nuxt
“@ property” (chr/css)189
css, houdini
How to Make a CSS-Only Carousel (fon/css)188
how-tos, css, carousels
SVG, Favicons, and All the Fun Things We Can Do With Them (eri/css)187
images, favicons, svg, dark-mode
The Biggest Mistake in Writing for the Web186
videos, mistakes, writing, content, user-experience
“The Title ‘Front-End Developer’ Is Obsolete” (chr/css)185
career, terminology
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
Exploring Node.js Internals (sma)182
nodejs
The 4 Pillars of Good Embed Code (j9t)181
embed-code, usability, quality
Real-World Effectiveness of Brotli (css)180
performance, compression, brotli, comparisons
Fake Code (chr/css)179
placeholders
How to Create a Compelling Landing Page (boa/sma)178
how-tos, landing-pages, prioritization, hierarchy
The Cost of JavaScript Frameworks (tka)177
javascript, frameworks, performance, metrics, jquery, vuejs, angular, react
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)176
javascript, zooming, apis
Quick Tip: How to Hide Whitespace Changes in Git Diffs (spa/clo)175
whitespace, tips-and-tricks, how-tos, github, gitlab, atlassian, version-control
Recursive Functions in TypeScript174
typescript, functions
Christopher Schmitt (yat)173
obituaries
Everything You Should Know About SSH and SSH Key Exchange172
videos, protocols, ssh
98.css171
design-systems, microsoft, windows
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)170
theming, colors, css, custom-properties, functions
Best Practices With React Hooks (sma)169
react, hooks, best-practices
W3C Finalizes Web of Things (WoT) Recommendations (inf)168
w3c, standards
How to Create a Particle Trail Animation in JavaScript (sma)167
how-tos, animations, javascript
Learn Programming (jad)166
websites, courses, programming, javascript
Rename a File With JavaScript in the Browser (rik)165
javascript, file-handling
No-Class CSS Frameworks (chr/css)164
frameworks, css, link-lists
HTML Tips (mar)163
html, tips-and-tricks
Listboxes vs. Dropdown Lists (nng)162
design, forms, usability, comparisons
Getting Started With the React Hooks API (sma)161
introductions, react, hooks, apis
Usability Testing for Voice Content (ali)160
usability, testing, voice
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
How to Create a Native Web Component Without a Framework153
how-tos, web-components, javascript
What’s New in ECMAScript 2020 (paw)152
ecmascript, standards
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
How to Build a Bad Design System (fon/css)147
how-tos, design-systems
No Web Without Women146
websites, community
Why “Dark Mode” Causes More Accessibility Issues Than It Solves145
dark-mode, accessibility
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs (css)144
css, grids, layout
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset (chr/css)143
css, transforms
MEAN Stack: Build an App With Angular and the Angular CLI142
angularjs, nodejs, express, mongodb, databases, functionality
The Component Gallery141
websites, components
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
An Introduction to MDXJS (css)138
introductions, markdown, mdx
How to Debug a Node.js Application: Tips, Tricks, and Tools (cra)137
how-tos, nodejs, debugging, terminology, tips-and-tricks, tooling
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
The Rise of the No-Code Movement125
web, low-and-no-code
Tools for Optimizing SVG (chr/css)124
tooling, svg, images, optimization, link-lists
10 Behavior Patterns for UX Design (uxd)123
user-experience
The Most Critical Python Code Metric122
python, metrics, quality, principles
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 Queries (dev)110
css, images, backgrounds, media-queries, optimization
Why Are We Talking About CSS4? (rac/sma)109
css, standards
How Emojis Work (joe)108
emoji, unicode
4 Ways to Animate the Color of a Text Link on Hover (kat/css)107
links, colors, animations, css, hover
Google Confirms Microformats Are Still a Recommended Metadata Format for Content (www)106
google, microformats, metadata, search, support
Simple Systems Have Less Downtime105
simplicity
Unfortunately, “clip-path: path()” Is Still a No-Go (ana/css)104
css, clipping
Marginalized by Design (hey/que)103
design, community, dei, career