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)600
eleventy, environments, variables
A Practical Introduction to Dependency Injection (sma)599
introductions, javascript, maintainability
Ethical Design Guide598
websites, guides, design
HTML and CSS Techniques to Reduce Your JavaScript (per)597
html, css, javascript, performance
Integrating TypeScript With Svelte (ada/css)596
svelte, typescript
What’s Coming to Vuex? (sma)595
vuejs, state-management, libraries
The Art of Leadership594
leadership
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)593
performance, lighthouse, google, github-actions
Symbols to Copy592
tooling, typography
Using “throw” as an Expression in PHP 8 (ami)591
php
WordPress Cookies (wpe)590
wordpress, cookies
CSS Snapshot 2020 (tab+/w3c)589
css, standards
“Yes or No?” (chr/css)588
forms, html, comparisons
A Beginner’s Guide to Webpack587
guides, webpack
Get Up to Speed With Partial Clone and Shallow Clone (sto/git)586
git
How the Web Is Really Built (lea/css)585
tech-stacks, jquery, wordpress
Ignore AMP (j9t)584
google, amp
Optimizing Image Depth (mey/css)583
images, quality, performance, optimization
I Learned to Love the Same-Origin Policy (eee/css)582
security, cors
Meet Redwood, a Full-Stack, Serverless Jamstack Framework581
frameworks, redwoodjs, jamstack
W3C in 2020 (koa/w3c)580
w3c, standards, retrospectives
Why You Should Self-Host Google Fonts in 2021579
google, fonts, self-hosting
What’s New in WCAG 2.1: Label in Name (css)578
accessibility, wcag, aria
“user-scalable=no” and Suppressing Zoom Suppression (ppk)577
metadata, zooming, viewport, accessibility
Debugging CSS (chr/css)576
books, css, debugging
Netlify and Next.js (chr/css)575
netlify, nextjs
The Shorthand–Longhand Problem in Atomic CSS (rob)574
css, shorthands, cascade, atomic-css, css-in-js
How and Why to Use Lynx—the Faster Web Browser (ede)573
lynx, browsers
Make It Personal (mat/css)572
blogging, career
JavaScript (tka/htt)571
web-almanac, studies, research, metrics, javascript
Page Weight (htt)570
web-almanac, studies, research, metrics, performance
Accessibility (htt)569
web-almanac, studies, research, metrics, accessibility
CSS (lea+/htt)568
web-almanac, studies, research, metrics, css
Houdini.how (una/dev)567
websites, css, apis, houdini
How to Create a Favicon That Changes Automatically (css)566
how-tos, favicons, data-urls, javascript
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of565
edge-computing, security
“npm ruin dev” (ada/css)564
html, css, javascript, nodejs, npm
TLS and mTLS Demystified563
security, tls, protocols
Very Extremely Practical CSS Art (mia/css)562
css, art
Notes on Zsh and Oh My Zsh (spe)561
shells, zsh, oh-my-zsh
The Power of Web Development Outside Tech (css)560
career, lessons
Notes on HTML 3.2 (j9t)559
html
Command Line Interface Guidelines558
websites, guidelines, command-line
How to Display the Last Build Date in Eleventy (ste)557
how-tos, eleventy
Happier HTML5 Form Validation in Vue (chr/css)556
html, forms, validation, css, selectors, vuejs
CommonMark: A Formal Specification for Markdown (sma)555
markdown, content, documentation
How to Make an Area Chart With CSS (css)554
how-tos, css, clipping, visualization
Minimal Takes on Faking Container Queries (chr/css)553
container-queries, web-components, javascript, css
How to Make Your Code Reviewer Fall in Love With You (mtl)552
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 Helping551
web, servers, infrastructure, w3c, standards
Alt vs. Figcaption (tho)550
html, accessibility, comparisons
Why Choose TYPO3 CMS for Your Website549
videos, typo3, content-management
Native CSS Masonry Layout in CSS Grid (chr/css)548
css, layout, masonry, grids
The State of UX: 100 Design Lessons for 2021 (fab/uxd)547
user-experience, design, outlooks
Time to Say Goodbye to Google Fonts: Cache Performance546
google, fonts, caching, performance
Weaving Web Accessibility With Usability (sma)545
accessibility, usability, testing
How to Kill a Hung SSH Session544
how-tos, ssh
Migrating a Large Angular Project From Jasmine to Jest Incrementally543
migrating, angular, jest, testing
Information Scent542
videos, links, usability, information-scent
Considerations for Making a CSS Framework (css)541
css, frameworks, theming
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)540
html, css, javascript
Know Your Standards (ste)539
accessibility, standards, wcag, aria, html, link-lists
Testing Vue Applications With the Vue Testing Library (sma)538
vuejs, testing, tooling
To Be Creative, Practice537
design, creativity
Best Practices for Inclusive Textual Websites536
security, performance, accessibility, best-practices
DRY-ing Up styled-components (css)535
components, css, maintainability
Leveraging System Fonts on the Web (jim)534
fonts
CSS Vendor Prefixes533
css, vendor-extensions
Color Theming With CSS Custom Properties and Tailwind (mic/css)532
theming, colors, css, custom-properties, tailwind
“console.log({ myVariable });” (chr/css)531
javascript, console
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)530
html, forms
A GitHub Action for Automated Deployment to WP Engine (clo)529
github, deploying, automation, wordpress, wp-engine
Measuring Core Web Vitals With Sentry (fon/css)528
performance, web-vitals, tooling
Semantic Web With Structured Data527
semantic-web, json, structured-data
Upgrade Your HTML II (j9t/fro)526
books, frontend-dogma, html, minimalism, craft, conformance
Creating a Continuous Integration Test Workflow Using GitHub Actions (sma)525
nodejs, ci-cd, github-actions
CSS Gradients Guide (geo/css)524
guides, css, gradients
How to Deal With Common React JS Problems—Actionable Tips523
how-tos, react, tips-and-tricks
New WebKit Features in Safari 14 (jon/web)522
release-notes, safari, apple, browsers, webkit
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format521
webp, images, google
Abandoning Best Practices in UX520
videos, user-experience, usability, best-practices
What’s New in Vue 3? (sma)519
vuejs
Warp: Improved JS Performance in Firefox 83 (jan/moz)518
firefox, mozilla, browsers, javascript, performance, spidermonkey, javascript-engines
Career Opportunities Mean a Lot of Things (kar)517
career
No Config for Old Men516
configuration
The What, Why, and How of Using a Skeleton Loading Screen (tre)515
placeholders, performance, react
Authenticating React Apps With Auth0 (sma)514
react, authentication, tooling, auth0
My WordPress Comments Wishlist (chr/css)513
wordpress, blogging, wish-lists
ARIA in CSS (chr/css)512
css, aria
Markup (j9t+/htt)511
web-almanac, studies, research, metrics, html
The Raven Technique: One Step Closer to Container Queries (css)510
css, container-queries, techniques
Webmentions and Eleventy Talk (sia)509
slides, webmentions, eleventy
Write Better Code and Be a Better Programmer by Avoiding “else” Statements508
programming, best-practices
[JavaScript] Operator Lookup (jos)507
javascript, operators
How to Find and Fix Common Website Accessibility Issues (kil)506
how-tos, accessibility, contrast, color-blindness, colors, responsive-design, quality
Quick localStorage Usage in Vue (sar/css)505
vuejs, browser-storage
Internationalization and Localization for Static Sites (sma)504
internationalization, localization, site-generators
GIFs and “prefers-reduced-motion” (chr/css)503
images, gif, reduced-motion, html
Chasing the Pixel-Perfect Dream (jos)502
design, css
Native CSS Masonry Layout in CSS Grid (rac/sma)501
css, masonry, grids, layout
What Is Section 508 and Why Does It Matter? (deq)500
accessibility, legal, section-508
In Defense of Tables and Floats in Modern Day Development (css)499
html, css, floats, tables
The Principles of Visual Communication (sma)498
design, communication, principles, examples
Clickjacking Attacks and How to Prevent Them497
how-tos, security
Bootstrap vs. Materialize Showdown496
bootstrap, materialize, comparisons, frameworks
Are Template Engines Still Relevant in 2020?495
discussions, template-engines, pug, nunjucks, handlebars
More on “content-visibility” (chr/css)494
css
Authentication in Vue.js (sma)493
vuejs, authentication
Comparing Various Ways to Hide Things in CSS (css)492
accessibility, css, hiding, comparisons
Selecting Random Posts in Eleventy (ray)491
eleventy, randomness
WordPress and Jamstack (chr/css)490
wordpress, jamstack, netlify
A General Introduction to Cloud Computing489
introductions, cloud-computing, concepts, history
Getting Started With Next.js (sma)488
introductions, nextjs, react
A Primer on the Different Types of Browser Storage (ido/css)487
introductions, browser-storage, indexeddb, databases, apis, cookies, caching
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css)486
html, php, pug
Touch, Point, Click: Mouse vs. Touch Screen Input485
accessibility, interaction-design, touch, comparisons
Comparing Styling Methods in 2020 (chr/css)484
css, sass, less, stylus, postcss, modules, css-in-js, presentational-html, comparisons
Handling Continuous Integration and Delivery With GitHub Actions (sma)483
ci-cd, github-actions, heroku, deploying, automation
Come Full Circle—Back to HTML482
code-editors, vi+vim, neovim, html
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met481
guidelines, seo, quality, google
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)480
guides, google, web-vitals, performance
How to Test Responsive Web Design Cross-Browser Compatibility (cra)479
how-tos, testing, responsive-design, browsers, support
An Opinionated Guide to Accessibility Testing478
guides, accessibility, testing
CSS “min()”, “max()”, and “clamp()” (una/dev)477
css, functions, typography
Signed Exchanges (SXGs) (twi/dev)476
authentication, signed-exchanges, web-packaging, performance
An Introduction to JSX475
introductions, jsx
Run Gulp as You Open a VS Code Project (chr/css)474
gulp, vs-code, microsoft, code-editors
The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (lea)473
css, custom-properties, hacks, toggles
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (mas)472
design, history
Node.js Testing Best Practices471
nodejs, testing, best-practices, examples
What Can We Learn From the W3C CMS Selection Process470
w3c, tooling, content-management, lessons
Getting Started With React: A Beginner’s Guide469
introductions, guides, react, jsx
How to Find the Cause of Horizontal Scrollbars (kil/pol)468
how-tos, css, overflow, debugging, scrolling
Apache Configuration Basics467
fundamentals, servers, apache, configuration
How to Design a Set of Icons466
design, icons, images
The Widening Responsibility for Front-End Developers (chr/css)465
career, craft, tech-stacks
Tuning Your Apache Server464
apache, servers, optimization, configuration
CSS Variables 101 (sha)463
css, custom-properties
GitLab vs. GitHub—a Comparison of the Two Version Control Systems462
version-control, gitlab, github, comparisons
How to Create High-Performance CSS Animations (rac/dev)461
how-tos, css, animations, performance
Micro-Note on “aria-roledescription” (ste)460
accessibility, aria
A Guide to HTML and CSS Forms (No Hacks) (dxn)459
guides, html, css, forms
Compile Svelte in Your Head458
svelte, compiling, javascript
Reading Content With RSS457
rss, syndication
Should Coding Be Mandatory? (ara)456
programming, training, career
CSS Media Queries Guide (css)455
guides, css, media-queries
Reducing the Site Speed Impact of Third-Party Tags454
performance, embed-code
The Monospaced System UI CSS Font Stack453
css, fonts, link-lists
Unit Testing in React Native Applications (sma)452
react, native, testing
Webflow vs. WordPress: A Head-to-Head Comparison451
webflow, wordpress, content-management, hosting, comparisons
Why I IndieWeb450
indieweb, community
“font-kerning” (geo/css)449
css, kerning, typography
Building and Running WebKit (mar)448
webkit, building
Accessible Web Animation: The WCAG on Animation Explained (vlh/css)447
accessibility, animations, reduced-motion, wcag
Drawing the Invisible: React Explained in Five Visual Metaphors446
videos, react
Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS? (dre/sma)445
podcasts, interviews, redwoodjs, jamstack
Custom Properties: Questioning “:root” (j9t)444
cross-posts, css, custom-properties
New Open Source robots.txt Projects (met)443
robotstxt, tooling, foss
Enforcing Performance Budgets With Webpack (css)442
performance-budgets, performance, webpack
Vue 3 (chr/css)441
vuejs
[Vue.js] v3.0.0 One Piece (vue)440
vuejs, release-notes
The Good Web and the Bad Web (kzi)439
web, mastodon, internet-archive, javascript
Advanced GraphQL Usage in Gatsby Websites (sma)438
gatsby, graphql, javascript
Generate a Sitemap for Your Eleventy Website437
eleventy, sitemaps, seo
Basic Math in JavaScript—Numbers and Operators (mdn)436
javascript, math, operators
Change the [Eleventy] Default Directories (per)435
eleventy
Mastering Wrapping of Flex Items (mdn)434
css, flexbox, layout
MIME Types (IANA Media Types) (mdn)433
mime-types
npx [Cheatsheet]432
npx, nodejs, cheat-sheets
Animating React Components With GreenSock (sma)431
react, gsap, javascript, components, animations
React With TypeScript: Best Practices430
react, typescript, best-practices
An Introduction to Running Lighthouse Programmatically (sma)429
introductions, lighthouse, google, automation
Creating a Custom Cursor Using CSS?428
css, images, svg, cursors
Getting Started With Eleventy (11ty)427
introductions, eleventy, site-generators
Modifying Specific Letters With CSS and JavaScript (css)426
css, javascript
How CSS Perspective Works (ami/css)425
css, transforms, animations
The Argument That Kills Any Monetisation Discussion (ppk)424
monetization, social-media
AVIF Has Landed (jaf)423
images, avif, performance, quality, jpeg, webp, svg, png, comparisons
Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks (mar)422
eleventy, nunjucks, markdown, escaping
How to Automate API Testing With Postman (sma)421
how-tos, testing, apis, automation, postman
Working With JavaScript Media Queries (css)420
javascript, media-queries
Similarity Principle in Visual Design (nng)419
design, principles, colors, shapes
A Brief About Web Browser Wars418
browsers, browser-wars, retrospectives
Building React Apps With Storybook (sma)417
react, storybook
Everything Developers Need to Know About Figma (sma)416
figma, processes
How to Use CSS Grid for Sticky Headers and Footers (ada/css)415
css, grids, layout, navigation
Using “@ property” for CSS Custom Properties (chr/css)414
css, custom-properties, houdini
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had413
introductions, guides, eleventy
My Experience With Jekyll412
jekyll
Ground Rules for Web Animations (css)411
animations, transitions, css
Copy the Browser’s Native Focus Styles (chr/css)410
css, focus
Adversarial Interoperability (plu)409
interoperability, terminology, concepts, link-lists
A Bit on CI/CD (chr/css)408
ci-cd, link-lists
9 Best CSS Frameworks in 2020407
css, presentational-html, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, tachyons, materialize, comparisons
Electron 10.0.0 (kee/ele)406
release-notes, electron
How to Create Customer-Centric Landing Pages (sma)405
how-tos, landing-pages, content, design
The Thing With Leading in CSS (mat)404
css, typography
Use Advanced Typography With Local Fonts (tom/dev)403
typography, fonts, apis
Where Does Logic Go on Jamstack Sites? (css)402
jamstack
Why Did Mozilla Remove XUL Add-Ons?401
browsers, mozilla, xul
Run JavaScript When Variable Exists (sea)400
javascript, variables
Loading Third-Party JavaScript (add/dev)399
javascript, performance
Optimize Images With a GitHub Action (chr/css)398
images, compression, github-actions
“this” in JavaScript and TypeScript (dea)397
javascript, typescript
21 Node.js Interview Questions With Solutions396
nodejs, interviewing
Mastering Props and PropTypes in React (sma)395
react, props
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (ver)394
browsers, microsoft, internet-explorer, edge
The Anti-Reset (to Reset to User Agent Styles) (j9t)393
css, resets
Effective Code Browsing392
code-reviews
A Smashing Guide to the World of Search Engine Optimization (fre/sma)391
guides, seo, link-lists
JS Minification Benchmarks390
javascript, minification, metrics
That’s Just How I Scroll (chr/css)389
scrolling, user-experience
What I Learned by Fixing One Line of CSS in an Open Source Project (css)388
css, apple, mobile
I Love MDN, or the Cult of the Free in Action (ppk)387
mdn, community, economics
Accessibility in Chrome DevTools (sma)386
dev-tools, chrome, google, browsers, accessibility
Islands Architecture385
architecture, html, concepts
Meet Polypane, a Browser That Makes You Five Times Faster (kil)384
polypane, browsers, productivity, developer-experience
Performance Is an Issue of Equity (clo)383
performance, accessibility
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma)382
podcasts, interviews, architecture, serverless
Better Error Handling in Node.js With Error Classes (sma)381
nodejs, javascript, errors
Difference Between Concurrent Versions System (CVS) and Subversion (SVN)380
comparisons, version-control, cvs, svn
Every Website Is an Essay (fon/css)379
design, communication
“font-weight: 300” Considered Harmful (chr/css)378
css, typography, legibility
HTML for Subheadings and Headings (chr/css)377
html, headings
TypeScript, Minus TypeScript (css)376
typescript
Vue vs. React in 2021: Which Framework to Choose and When375
frameworks, vuejs, react, comparisons
In a Land Before Dev Tools (amb)374
dev-tools, browsers
The Myth of Incentive Alignment (lor)373
culture, prioritization, google
LCARS Website HTML Template372
websites, templates
Five Decades of Access to Tools (lor)371
tooling
SVG Title vs. HTML Title Attribute (chr/css)370
svg, html, attributes
The Renaissance of No-Code for Web Designers (sma)369
design, low-and-no-code
Introduction to Metrics, Monitoring, and Alerting368
introductions, metrics, monitoring, alerting
Updating React at Etsy367
case-studies, react, preact, frameworks
A Bit on Web Component Libraries (chr/css)366
web-components, pattern-libraries
Pausing a GIF With “details”/“summary” (chr/css)365
html, disclosure-widgets, gif, images, animations
Want to Get Better at Code? Teach Someone CSS (css)364
css, learning
Accessibility on the Canvas With JavaScript363
accessibility, javascript, canvas
Happy Birthday Web Fonts! (w3c)362
anniversaries, fonts, woff, standards
The GitHub Profile Trick (chr/css)361
github, readme
Bold on Hover… Without the Layout Shift (chr/css)360
css, hover
Introduction to Memoization in JavaScript (hic)359
introductions, memoization, javascript
How to Use Styled Components in React (sma)358
how-tos, react, css-in-js, css, javascript
Writing Alt Text for Data Visualization357
accessibility, images, alt-text, writing, information-design, visualization
Modern CSS Techniques to Improve Legibility (sma)356
css, techniques, legibility, typography
The Recruitment Confusion Matrix and Your Right to Be Wrong355
hiring, metrics
ReactJS: A Simple Custom Hook354
react, hooks
How to Safely Use GitHub Actions in Organizations (nza)353
how-tos, github-actions, security
Creating a Gatsby Site With WordPress Data (css)352
gatsby, wordpress
Levels of Fix (chr/css)351
maintenance
When Do You Use “inline-block”? (chr/css)350
css
Why We Moved a 20-Year-Old Site to Gatsby349
gatsby, migrating
PHP 8: Before and After (bre)348
php, comparisons
Terminating a Frozen SSH Session347
ssh, command-line
“font-weight: 300” Considered Harmful (and a Fontconfig Workaround) (lis)346
css, typography, legibility, unix-like
10 Modern Layouts in 1 Line of CSS (una/dev)345
videos, css, layout
JSON-LD 1.1 (gke+/w3c)344
json-ld, json, standards
Lazy Loading Images in Svelte (css)343
images, lazy-loading, svelte, performance
Methods of Improving and Optimizing Performance in React Apps (sma)342
react, performance, optimization
Release Notes for Safari Technology Preview 110 (jon/web)341
release-notes, safari, apple, browsers
An Introduction to Stimulus.js (sma)340
introductions, frameworks, stimulus
JavaScript to Know for React (ken)339
javascript, react
Germany Digital Accessibility Laws: BITV (2.0) and BGG338
legal, bitv, accessibility
JavaScript Event Delegation: A Beginner’s Guide337
guides, javascript, events
Most Popular JavaScript Frameworks in 2020336
frameworks, javascript, react, angular, vuejs, nodejs, svelte, comparisons
Netlify Does Cache Invalidation for You (chr/css)335
caching, netlify
Three CSS Alternatives to JavaScript Navigation (css)334
navigation, css
Crowdfunding Web Platform Features With Open Prioritization (rac/sma)333
web-platform, prioritization
My Long Journey to a Decoupled WordPress Gatsby Site (css)332
wordpress, gatsby
Node.js vs. Deno: What You Need to Know331
nodejs, deno, runtimes, comparisons
Create and Activate GitHub Profile README330
github, readme
An Eleventy Starter With Tailwind CSS and Alpine.js (gre/css)329
eleventy, tailwind, alpinejs
CSS Transitions in Vue.js and Nuxt.js (sma)328
vuejs, nuxt, css, transitions
How to Document the Screen Reader User Experience327
how-tos, screen-readers, assistive-tech, documentation, user-experience
Building a Blog With Next.js (pan/css)326
blogging, nextjs
Webwaste (ger/ali)325
web, sustainability, images
The Vuetify Roadmap (vue)324
release-notes, vuetify
A Beginner’s Guide to Microcontent323
guides, content, microcontent, concepts
Browser Wish List—Tabs Time Machine (kar)322
browsers, wish-lists
#defundAI (tan)321
ai, economics
The Cicada Principle, Revisited With CSS Variables (lea)320
principles, css, custom-properties
The Browser Engine That Could (jay)319
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)318
websites, guides, design
We Need More Inclusive Web Performance Metrics (sco)317
performance, metrics, dei
A Brief Introduction to WebGL316
introductions, webgl, javascript
Learn Deno: A Secure JavaScript and TypeScript Runtime315
deno, runtimes, javascript, typescript
WebGPU Fundamentals314
fundamentals, webgpu
Introduction to Logging in Python313
introductions, logging, python
Let’s Not Be Pedantic About “Open Source” (arp)312
foss, history
Fast Sorting With Quicksort311
algorithms, sorting
Learn Regex: A Beginner’s Guide310
guides, regex
Web Standards309
standards, w3c, html, xml, xhtml, css, wcag
How to Install Apache Web Server on Windows (cra)308
how-tos, installing, servers, apache, microsoft, windows
Information and Information Architecture: The Big Picture (sma)307
information-architecture, content, navigation, user-experience
Namespaces in JavaScript (fla)306
javascript, namespaces
What Is Type Coercion in JavaScript ?305
javascript, operators, concepts
Learn GSAP in 23 Minutes304
videos, gsap
Platform Adjacency Theory (sli)303
browsers, web-platform
Responsive Styling Using Attribute Selectors (css)302
css, selectors, attributes, responsive-design
When Sass and New CSS Features Collide (ana/css)301
sass, css
90’s Cursor Effects300
cursors, effects, javascript
CSS Debt299
css, technical-debt, maintainability, testing, namespaces, preprocessors
In Defense of a Fussy Website (sar/css)298
design, user-experience, web
Where Do You Learn HTML and CSS in 2020? (chr/css)297
html, css, learning, link-lists
Speeding Up My Shell (Oh My Zsh)296
shells, command-line, oh-my-zsh, optimization
CSS Fundamentals: Vendor Prefixing295
css, fundamentals, vendor-extensions
A Practical Guide to Testing React Applications With Jest (sma)294
guides, testing, react, jest
Hide Scrollbars During an Animation (chr/css)293
css, animations, transitions, scrolling
App Shell UX With Service Workers and Streams (jef/dev)292
web-apps, single-page-apps, architecture, web-workers, streaming, javascript
What Is Brand Identity and Why Does It Matter?291
branding
Writing for HTML Newbies (geo)290
html, training
An Overview of Scroll Technologies (zac/css)289
overviews, scrolling, animations, css, javascript, tooling
WAI–ARIA Usage (tpg)288
bookmarklets, accessibility, aria, compliance
GitHub CLI: A Guide to GitHub From the Command Line287
guides, github, command-line
A Lazy Dark Mode286
dark-mode, react
Easing Animations in Canvas (css)285
canvas, animations, javascript
A Little Bit of Plain JavaScript Can Do a Lot (b0r)284
javascript, css
Web Engine Diversity and Ecosystem Health (chr/css)283
browser-engines, web-platform
Sending Emails in PHP With PHPMailer282
email, php, tooling
Decentralization Off the Shelf281
websites, design-patterns
Remembrance of Tags Past (mey)280
history, web-platform, html, xhtml, css, hacks, doctype-switching
What Is Developer Experience (DX)? (chr/css)279
developer-experience, terminology, comparisons
What Is P3P Policy and How Does It Work?278
p3p, policies, standards, privacy
JavasSript RORO Pattern277
javascript, software-design-patterns
Allow End-User Styling Overrides (alv)276
css, cascade, user-styles
Internationalization in Vue With the Vue I18N Plugin (sma)275
vuejs, plugins, internationalization, localization
On Adding IDs to Headings (chr/css)274
html, headings
How to Reverse CSS Custom Counters (css)273
how-tos, css, lists, html
Blocking Navigation Gestures on iOS Safari (rik)272
mobile, safari, apple, browsers
5 Myths About Jamstack (rem/css)271
jamstack, myths
Higher-Order Components in React (sma)270
react, components
How to Get All Custom Properties on a Page in JavaScript (tyl/css)269
how-tos, css, custom-properties, javascript
The Importance of Clarity in UX (uxd)268
user-experience, design
Getting Started With HTML Using Glitch.com (jon)267
videos, introductions, glitch, html
How to Set Up a Blog With Eleventy266
how-tos, eleventy, blogging
Firebase Config in a React App (ama)265
firebase, configuration, react
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)264
performance, compression, brotli
Meteor vs. Next? A Brutally Honest Answer263
frameworks, meteor, nextjs, comparisons
What Is Parallax Scrolling, Explained With Examples262
parallax, scrolling, effects, examples
Why You Should Use SWC (and Not Babel) (log)261
transpiling, tooling, babel
How to Add a Sitemap to Eleventy260
how-tos, eleventy, sitemaps
The Complete Guide to CSS Media Queries (kil/pol)259
guides, css, media-queries
Web Crawler vs. Web Scraper: The Differences258
crawling, scraping, comparisons, terminology
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy257
site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy, comparisons
5 Projects to Help You Master Modern CSS (cra)256
css, print, forms, performance
30 Seconds of Code255
websites, javascript, css, techniques
A First Look at “aspect-ratio” (chr/css)254
css, aspect-ratio
Core Web Vitals (chr/css)253
google, performance, web-vitals, metrics
Dark Patterns in UX252
user-experience, dark-patterns
Evaluating Page Experience for a Better Web251
google, search, user-experience
Equivalent Experiences: What Are They? (eri/sma)250
accessibility, dei, community, design, user-experience
The Expanding Gamut of Color on the Web (oll/css)249
colors, css, functions, oklch
When Frontend Means Full Stack (chr)248
career, tech-stacks, architecture, state-management
CUBE CSS (bel)247
websites, css
GitHub Actions: A Deep Dive Into “pull_request” (fro)246
deep-dives, github-actions, ci-cd, automation
Web Platform Contribution Guide (zco/boc)245
websites, guides, web-platform, standards, community
Getting Started With Axios in Nuxt (sma)244
introductions, nuxt, nodejs
Building Reusable React Components Using Tailwind (sma)243
react, components, tailwind, maintainability
On Fixed Elements and Backgrounds (hui)242
css, backgrounds, positioning, scrolling, performance
Today’s JavaScript, From an Outsider’s Perspective (lea)241
javascript
Tools for Better Thinking240
websites, productivity, learning, training
Design Principles 101239
videos, introductions, design, principles
How to Design a Brand Logo (With Ease) (sma)238
how-tos, design, branding, logos, images
Some .zshrc Tricks (arp)237
shells, command-line, configuration, aliases, oh-my-zsh, tips-and-tricks
A User’s Guide to CSS Variables (lea)236
guides, css, custom-properties
Ask an Expert: Why Is CSS… the Way It Is? (svg)235
css
How to Reevaluate Your Frontend Architecture234
how-tos, architecture
Micro-Frontends in Context233
micro-frontends
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects (chr/css)232
design, forms
Static Hoisting (rau)231
javascript
The Third Age of JavaScript (swy)230
javascript, retrospectives, outlooks
The Secret of Typography, Kerning, Explained for Dummies (uxd)229
typography, kerning
How to Build a Chrome Extension (sar/css)228
how-tos, browser-extensions, chrome, google, browsers
Speed Up Google Fonts (css)227
performance, google, fonts
The 24 Boolean Attributes of HTML (j9t)226
html, attributes
What Every JavaScript Developer Should Know About Unicode225
javascript, unicode
First Steps Into a Possible CSS Masonry Layout (chr/css)224
css, masonry, layout
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior223
guides, react, client-side-rendering
Still Using Node.js? Deno 1.0 Is Here! (ant)222
nodejs, deno, runtimes, javascript, typescript
The Need for Speed, 23 Years Later (nng)221
performance, user-experience, history
Hiding Scroll Bars While Maintaining Scroll Functionality in Modern Browsers220
scrolling, css, hiding
Easily Use Design Tokens in Eleventy (hey)219
eleventy, design-tokens
Architecting Data in Eleventy (sia)218
eleventy
How to Tame Line Height in CSS (css)217
how-tos, css, typography
In Defense of the Modern Web (ric)216
react, javascript, svelte
Liquid vs. Nunjucks215
template-engines, liquid, nunjucks, comparisons
Styling Components in React (sma)214
react, components, css, sass, css-in-js, javascript
How to Convince Others Not to Use Dark Patterns (boa/sma)213
how-tos, design, user-experience, ethics, design-patterns, anti-patterns
Maybe You Don’t Need That SPA212
single-page-apps, javascript, react, marko, performance
Developer Experience Metrics211
developer-experience, metrics
Designing Intrinsic Layouts (jen)210
videos, css, layout, design, intrinsic-design
prerender.js (chr/css)209
libraries, performance
Second-Guessing the Modern Web (tmc)208
react, single-page-apps, code-splitting, server-side-rendering, apis, data-fetching
Manipulating Arrays and Objects in JavaScript207
videos, javascript, arrays, objects
Let’s Take a Deep Dive Into the CSS “contain” Property (css)206
deep-dives, css, containment
Reducing Design Risk (sma)205
design, product-management
Working With MDX Custom Elements and Shortcodes (css)204
markdown, mdx, gatsby, react
5 Tips to Get Your Dev Blog Running (j9t)203
tips-and-tricks, blogging, career
An Introduction to Parcel.js, the No-Config Web Application Bundler (lou)202
introductions, parcel, bundling
Static Hoisting (chr/css)201
jamstack, content-delivery
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)200
introductions, web-vitals, performance, metrics, google
“lh” and “rlh” Units (chr/css)199
css, units
CSS Functions Guide (eri/css)198
guides, css, functions, selectors
Automated Dependency Management With Depfu (the)197
dependencies, automation, depfu
What Is mTLS and How Does It Work?196
security
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)195
alpinejs, frameworks, javascript, jquery, vuejs, tailwind, comparisons
How to Succeed in Wireframe Design (sma)194
how-tos, design, prototyping, tooling, link-lists
The CSS “content” Property Accepts Alternative Text (ste)193
css, generated-content, alt-text, accessibility
Implementing Dark Mode in React Apps Using styled-components (sma)192
dark-mode, react, components, javascript
Introduction to Netlify CMS (joe)191
introductions, netlify, content-management, tooling
Invisible Design Systems (jin)190
videos, design-systems
Getting Started With Nuxt (sma)189
introductions, nuxt
“@ property” (chr/css)188
css, houdini
How to Make a CSS-Only Carousel (fon/css)187
how-tos, css, carousels
SVG, Favicons, and All the Fun Things We Can Do With Them (eri/css)186
images, favicons, svg, dark-mode
The Biggest Mistake in Writing for the Web185
videos, mistakes, writing, content, user-experience
“The Title ‘Front-End Developer’ Is Obsolete” (chr/css)184
career, terminology
Accessible Font Sizing, Explained (css)183
typography, accessibility, wcag, css, units
Dark Mode and Variable Fonts (fon/css)182
dark-mode, variable-fonts, fonts, css
Exploring Node.js Internals (sma)181
nodejs
The 4 Pillars of Good Embed Code (j9t)180
embed-code, usability, quality
Real-World Effectiveness of Brotli (css)179
performance, compression, brotli, comparisons
Fake Code (chr/css)178
placeholders
How to Create a Compelling Landing Page (boa/sma)177
how-tos, landing-pages, prioritization, hierarchy
The Cost of JavaScript Frameworks (tka)176
javascript, frameworks, performance, metrics, jquery, vuejs, angular, react
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)175
javascript, zooming, apis
Quick Tip: How to Hide Whitespace Changes in Git Diffs (spa/clo)174
whitespace, tips-and-tricks, how-tos, github, gitlab, atlassian, version-control
Recursive Functions in TypeScript173
typescript, functions
Christopher Schmitt (yat)172
obituaries
Everything You Should Know About SSH and SSH Key Exchange171
videos, protocols, ssh
98.css170
design-systems, microsoft, windows
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)169
theming, colors, css, custom-properties, functions
Best Practices With React Hooks (sma)168
react, hooks, best-practices
W3C Finalizes Web of Things (WoT) Recommendations (inf)167
w3c, standards
How to Create a Particle Trail Animation in JavaScript (sma)166
how-tos, animations, javascript
Learn Programming (jad)165
websites, courses, programming, javascript
Rename a File With JavaScript in the Browser (rik)164
javascript, file-handling
No-Class CSS Frameworks (chr/css)163
frameworks, css, link-lists
HTML Tips (mar)162
html, tips-and-tricks
Listboxes vs. Dropdown Lists (nng)161
design, forms, usability, comparisons
Getting Started With the React Hooks API (sma)160
introductions, react, hooks, apis
Usability Testing for Voice Content (ali)159
usability, testing, voice
Web Animations in Safari 13.1 (web)158
browsers, apple, safari, webkit, css, animations
Why I Don’t Use a Static Site Generator (kev)157
site-generators, wordpress
No Need to Protect Your Website From Scraping: 8 Reasons156
web, scraping, seo, legal
The Web Development Glossary (j9t/fro)155
books, frontend-dogma, learning, training, concepts, terminology
React Folder Structure in 5 Steps (rwi)154
react, architecture
What to Use Instead of Number Inputs (chr/css)153
forms, html
How to Create a Native Web Component Without a Framework152
how-tos, web-components, javascript
What’s New in ECMAScript 2020 (paw)151
ecmascript, standards
The Frameworks Paradox (j9t)150
frameworks
Why Do Some HTML Elements Become Deprecated? (css)149
html, standards, deprecation
Creating a Similar Post Component With Eleventy (fos)148
eleventy, functionality
The Devastating Price Developers Pay for Working Hard147
career, culture, productivity, communication
How to Build a Bad Design System (fon/css)146
how-tos, design-systems
No Web Without Women145
websites, community
Why “Dark Mode” Causes More Accessibility Issues Than It Solves144
dark-mode, accessibility
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs (css)143
css, grids, layout
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset (chr/css)142
css, transforms
MEAN Stack: Build an App With Angular and the Angular CLI141
angularjs, nodejs, express, mongodb, databases, functionality
The Component Gallery140
websites, components
Start Render: The Web Performance Metric That Heralds the End of the Blank Page139
performance, metrics, web-vitals
On the Responsibility That Comes With Good JavaScript Support (j9t)138
javascript, support
An Introduction to MDXJS (css)137
introductions, markdown, mdx
How to Debug a Node.js Application: Tips, Tricks, and Tools (cra)136
how-tos, nodejs, debugging, terminology, tips-and-tricks, tooling
Performance Tips: Minifying HTML, CSS, and JS135
videos, performance, html, css, javascript, minification, tips-and-tricks
How to Use an Emoji as a Favicon Easily (chr/css)134
how-tos, images, favicons, emoji, data-urls
Margin Considered Harmful133
css, margins, components
Different Favicon for Development (chr/css)132
favicons, images, environments
Creating Sortable Tables With React (sma)131
react, tables, sorting
Neumorphism and CSS (cod/css)130
design, effects, css
The Complete Guide to the Dark Mode Toggle129
guides, dark-mode, toggles
A Practical Overview of CSS Houdini (cod/sma)128
overviews, css, houdini, apis, polyfills
Mutual TLS: Stuff You Should Know127
security, tls, protocols
How to Create a “Skip to Content” Link (css)126
how-tos, skip-links, html, css, accessibility
The CSS Calculating Function Guide (chr/css)125
guides, css, functions, math, examples
The Rise of the No-Code Movement124
web, low-and-no-code
Tools for Optimizing SVG (chr/css)123
tooling, svg, images, optimization, link-lists
10 Behavior Patterns for UX Design (uxd)122
user-experience
The Most Critical Python Code Metric121
python, metrics, quality, principles
Testing With Jest: An Introduction (hac)120
introductions, testing, jest
Accessible SVGs: Inclusiveness Beyond Patterns (car/sma)119
svg, images, accessibility, tooling
Quick Tip: Configuring nginx and SSL With Node.js118
servers, nginx, ssl, nodejs, configuration, tips-and-tricks
10 Git Techniques You Need to Know Before You Join a Team117
git, command-line, techniques
Fluid Width Video (chr/css)116
multimedia, html, responsive-design
How to Make a Line Chart With CSS (css)115
how-tos, css, transforms
The Developer’s Dilemma (fla)114
tooling, developer-experience
Setting Height and Width on Images Is Important Again (tun/sma)113
html, images, performance, web-vitals
The Perils of Rehydration (jos)112
react, hydration
A Beginner’s Guide to Webpack111
guides, webpack
Currying in CSS (chr/css)110
css
Optimize CSS Background Images With Media Queries (dev)109
css, images, backgrounds, media-queries, optimization
Why Are We Talking About CSS4? (rac/sma)108
css, standards
How Emojis Work (joe)107
emoji, unicode
4 Ways to Animate the Color of a Text Link on Hover (kat/css)106
links, colors, animations, css, hover
Google Confirms Microformats Are Still a Recommended Metadata Format for Content (www)105
google, microformats, metadata, search, support
Simple Systems Have Less Downtime104
simplicity
Unfortunately, “clip-path: path()” Is Still a No-Go (ana/css)103
css, clipping
Marginalized by Design (hey/que)102
design, community, dei, career
Where Does SEO Belong in Your Web Design Process? (sma)101
seo, design, processes