Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 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)590
eleventy, environments, variables
A Practical Introduction to Dependency Injection (sma)589
introductions, javascript, maintainability
Ethical Design Guide588
websites, guides, design
HTML and CSS Techniques to Reduce Your JavaScript (per)587
html, css, javascript, performance
Integrating TypeScript With Svelte (ada/css)586
svelte, typescript
What’s Coming to Vuex? (sma)585
vuejs, state-management, libraries
The Art of Leadership584
leadership
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)583
performance, lighthouse, google, github-actions
Symbols to Copy582
tooling, typography
Using “throw” as an Expression in PHP 8 (ami)581
php
WordPress Cookies (wpe)580
wordpress, cookies
CSS Snapshot 2020 (tab+/w3c)579
css, standards
“Yes or No?” (chr/css)578
forms, html, comparisons
A Beginner’s Guide to Webpack577
guides, webpack
Get Up to Speed With Partial Clone and Shallow Clone (sto/git)576
git
How the Web Is Really Built (lea/css)575
tech-stacks, jquery, wordpress
Ignore AMP (j9t)574
google, amp
Optimizing Image Depth (mey/css)573
images, quality, performance, optimization
I Learned to Love the Same-Origin Policy (eee/css)572
security, cors
Meet Redwood, a Full-Stack, Serverless Jamstack Framework571
frameworks, redwoodjs, jamstack
W3C in 2020 (koa/w3c)570
w3c, standards, retrospectives
Why You Should Self-Host Google Fonts in 2021569
google, fonts, self-hosting
What’s New in WCAG 2.1: Label in Name (css)568
accessibility, wcag, aria
Debugging CSS (chr/css)567
books, css, debugging
Netlify and Next.js (chr/css)566
netlify, nextjs
The Shorthand–Longhand Problem in Atomic CSS (rob)565
css, shorthands, cascade, atomic-css, css-in-js
How and Why to Use Lynx—the Faster Web Browser (ede)564
lynx, browsers
Make It Personal (mat/css)563
blogging, career
JavaScript (tka/htt)562
web-almanac, studies, research, metrics, javascript
Page Weight (htt)561
web-almanac, studies, research, metrics, performance
Accessibility (htt)560
web-almanac, studies, research, metrics, accessibility
CSS (lea+/htt)559
web-almanac, studies, research, metrics, css
Houdini.how (una/dev)558
websites, css, apis, houdini
How to Create a Favicon That Changes Automatically (css)557
how-tos, favicons, data-urls, javascript
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of556
edge-computing, security
“npm ruin dev” (ada/css)555
html, css, javascript, nodejs, npm
TLS and mTLS Demystified554
security, tls, protocols
Notes on Zsh and Oh My Zsh (spe)553
shell, oh-my-zsh
Very Extremely Practical CSS Art (mia/css)552
css, art
The Power of Web Development Outside Tech (css)551
career, lessons
Notes on HTML 3.2 (j9t)550
html
Command Line Interface Guidelines549
websites, guidelines, command-line
How to Display the Last Build Date in Eleventy (ste)548
how-tos, eleventy
CommonMark: A Formal Specification for Markdown (sma)547
markdown, content, documentation
Happier HTML5 Form Validation in Vue (chr/css)546
html, forms, validation, css, selectors, vuejs
How to Make an Area Chart With CSS (css)545
how-tos, css, clipping, visualization
Minimal Takes on Faking Container Queries (chr/css)544
container-queries, web-components, javascript, css
The Internet’s Server-Based Infrastructure Is Ushering Us Through the Pandemic—Here’s How the W3C Is Helping543
web, servers, w3c, standards
How to Make Your Code Reviewer Fall in Love With You (mtl)542
how-tos, code-reviews, documentation, automation, communication, best-practices
Alt vs. Figcaption (tho)541
html, accessibility, comparisons
Why Choose TYPO3 CMS for Your Website540
videos, typo3, content-management
Native CSS Masonry Layout in CSS Grid (chr/css)539
css, layout, masonry, grids
The State of UX: 100 Design Lessons for 2021 (fab/uxd)538
user-experience, design, outlooks
Time to Say Goodbye to Google Fonts: Cache Performance537
google, fonts, caching, performance
Weaving Web Accessibility With Usability (sma)536
accessibility, usability, testing
How to Kill a Hung SSH Session535
how-tos, ssh
Migrating a Large Angular Project From Jasmine to Jest Incrementally534
migrating, angular, jest, testing
Information Scent533
videos, links, usability, information-scent
Considerations for Making a CSS Framework (css)532
css, frameworks, theming
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)531
html, css, javascript
Know Your Standards (ste)530
accessibility, standards, wcag, aria, html, link-lists
Testing Vue Applications With the Vue Testing Library (sma)529
vuejs, testing, tooling
To Be Creative, Practice528
design, creativity
Best Practices for Inclusive Textual Websites527
security, performance, accessibility, best-practices
DRY-ing Up styled-components (css)526
components, css, maintainability
Leveraging System Fonts on the Web (jim)525
fonts
CSS Vendor Prefixes524
css, vendor-extensions
Color Theming With CSS Custom Properties and Tailwind (mic/css)523
theming, colors, css, custom-properties, tailwind
“console.log({ myVariable });” (chr/css)522
javascript, console
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)521
html, forms
A GitHub Action for Automated Deployment to WP Engine (clo)520
github, deploying, automation, wordpress, wp-engine
Measuring Core Web Vitals With Sentry (fon/css)519
performance, web-vitals, tooling
Semantic Web With Structured Data518
semantic-web, json, structured-data
Upgrade Your HTML II (j9t/fro)517
books, frontend-dogma, html, minimalism, craft, conformance
Creating a Continuous Integration Test Workflow Using GitHub Actions (sma)516
nodejs, ci-cd, github-actions
CSS Gradients Guide (geo/css)515
guides, css, gradients
How to Deal With Common React JS Problems—Actionable Tips514
how-tos, react, tips-and-tricks
New WebKit Features in Safari 14 (jon/web)513
release-notes, safari, apple, browsers, webkit
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format512
webp, images, google
Abandoning Best Practices in UX511
videos, user-experience, usability, best-practices
What’s New in Vue 3? (sma)510
vuejs
Warp: Improved JS Performance in Firefox 83 (jan/moz)509
firefox, mozilla, browsers, javascript, performance, spidermonkey, javascript-engines
Career Opportunities Mean a Lot of Things (kar)508
career
No Config for Old Men507
configuration
The What, Why, and How of Using a Skeleton Loading Screen (tre)506
placeholders, performance, react
Authenticating React Apps With Auth0 (sma)505
react, authentication, tooling, auth0
My WordPress Comments Wishlist (chr/css)504
wordpress, blogging, wish-lists
ARIA in CSS (chr/css)503
css, aria
Markup (j9t+/htt)502
web-almanac, studies, research, metrics, html
The Raven Technique: One Step Closer to Container Queries (css)501
css, container-queries, techniques
Webmentions and Eleventy Talk (sia)500
slides, webmentions, eleventy
Write Better Code and Be a Better Programmer by Avoiding “else” Statements499
programming, best-practices
[JavaScript] Operator Lookup (jos)498
javascript, operators
How to Find and Fix Common Website Accessibility Issues (kil)497
how-tos, accessibility, contrast, color-blindness, colors, responsive-design, quality
Quick localStorage Usage in Vue (sar/css)496
vuejs, browser-storage
Internationalization and Localization for Static Sites (sma)495
internationalization, localization, site-generators
GIFs and “prefers-reduced-motion” (chr/css)494
images, gif, reduced-motion, html
Chasing the Pixel-Perfect Dream (jos)493
design, css
Native CSS Masonry Layout in CSS Grid (rac/sma)492
css, masonry, grids, layout
What Is Section 508 and Why Does It Matter? (deq)491
accessibility, legal, section-508
In Defense of Tables and Floats in Modern Day Development (css)490
html, css, floats, tables
The Principles of Visual Communication (sma)489
design, communication, principles, examples
Clickjacking Attacks and How to Prevent Them488
how-tos, security
Bootstrap vs. Materialize Showdown487
bootstrap, materialize, comparisons, frameworks
Are Template Engines Still Relevant in 2020?486
discussions, template-engines, pug, nunjucks, handlebars
More on “content-visibility” (chr/css)485
css
Authentication in Vue.js (sma)484
vuejs, authentication
Comparing Various Ways to Hide Things in CSS (css)483
accessibility, css, hiding, comparisons
Selecting Random Posts in Eleventy (ray)482
eleventy, randomness
WordPress and Jamstack (chr/css)481
wordpress, jamstack, netlify
A General Introduction to Cloud Computing480
introductions, cloud-computing, concepts, history
Getting Started With Next.js (sma)479
introductions, nextjs, react
A Primer on the Different Types of Browser Storage (ido/css)478
introductions, browser-storage, indexeddb, databases, apis, cookies, caching
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css)477
html, php, pug
Touch, Point, Click: Mouse vs. Touch Screen Input476
accessibility, interaction-design, comparisons
Comparing Styling Methods in 2020 (chr/css)475
css, sass, less, stylus, postcss, modules, css-in-js, presentational-html, comparisons
Handling Continuous Integration and Delivery With GitHub Actions (sma)474
ci-cd, github-actions, heroku, deploying, automation
Come Full Circle—Back to HTML473
code-editors, vi+vim, neovim, html
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met472
guidelines, seo, quality, google
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)471
guides, google, web-vitals, performance
How to Test Responsive Web Design Cross-Browser Compatibility (cra)470
how-tos, testing, responsive-design, browsers, support
An Opinionated Guide to Accessibility Testing469
guides, accessibility, testing
CSS “min()”, “max()”, and “clamp()” (una/dev)468
css, functions, typography
Signed Exchanges (SXGs) (twi/dev)467
authentication, signed-exchanges, web-packaging, performance
An Introduction to JSX466
introductions, jsx
Run Gulp as You Open a VS Code Project (chr/css)465
gulp, vs-code, microsoft, code-editors
The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (lea)464
css, custom-properties, hacks, toggles
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (mas)463
design, history
Node.js Testing Best Practices462
nodejs, testing, best-practices, examples
What Can We Learn From the W3C CMS Selection Process461
w3c, tooling, content-management, lessons
Getting Started With React: A Beginner’s Guide460
introductions, guides, react, jsx
How to Find the Cause of Horizontal Scrollbars (kil/pol)459
how-tos, css, overflow, debugging, scrolling
Apache Configuration Basics458
fundamentals, servers, apache, configuration
How to Design a Set of Icons457
design, icons, images
The Widening Responsibility for Front-End Developers (chr/css)456
career, craft, tech-stacks
Tuning Your Apache Server455
apache, servers, optimization, configuration
CSS Variables 101 (sha)454
css, custom-properties
GitLab vs. GitHub—a Comparison of the Two Version Control Systems453
version-control, gitlab, github, comparisons
How to Create High-Performance CSS Animations (rac/dev)452
how-tos, css, animations, performance
Micro-Note on “aria-roledescription” (ste)451
accessibility, aria
A Guide to HTML and CSS Forms (No Hacks) (dxn)450
guides, html, css, forms
Compile Svelte in Your Head449
svelte, compiling, javascript
Reading Content With RSS448
rss, syndication
Should Coding Be Mandatory? (ara)447
programming, training, career
CSS Media Queries Guide (css)446
guides, css, media-queries
Reducing the Site Speed Impact of Third-Party Tags445
performance, embed-code
The Monospaced System UI CSS Font Stack444
css, fonts, link-lists
Unit Testing in React Native Applications (sma)443
react, native, testing
Webflow vs. WordPress: A Head-to-Head Comparison442
webflow, wordpress, content-management, hosting, comparisons
Why I IndieWeb441
indieweb, community
“font-kerning” (geo/css)440
css, kerning, typography
Building and Running WebKit (mar)439
webkit, building
Accessible Web Animation: The WCAG on Animation Explained (vlh/css)438
accessibility, animations, reduced-motion, wcag
Drawing the Invisible: React Explained in Five Visual Metaphors437
videos, react
Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS? (dre/sma)436
podcasts, interviews, redwoodjs, jamstack
Custom Properties: Questioning “:root” (j9t)435
cross-posts, css, custom-properties
New Open Source robots.txt Projects (met)434
robotstxt, tooling, foss
Enforcing Performance Budgets With Webpack (css)433
performance-budgets, performance, webpack
The Good Web and the Bad Web (kzi)432
web, mastodon, javascript
Vue 3 (chr/css)431
vuejs
[Vue.js] v3.0.0 One Piece (vue)430
vuejs, release-notes
Advanced GraphQL Usage in Gatsby Websites (sma)429
gatsby, graphql, javascript
Generate a Sitemap for Your Eleventy Website428
eleventy, sitemaps, seo
Basic Math in JavaScript—Numbers and Operators (mdn)427
javascript, math, operators
Change the [Eleventy] Default Directories (per)426
eleventy
Mastering Wrapping of Flex Items (mdn)425
css, flexbox, layout
MIME Types (IANA Media Types) (mdn)424
mime-types
npx [Cheatsheet]423
npx, nodejs, cheat-sheets
Animating React Components With GreenSock (sma)422
react, gsap, javascript, components, animations
React With TypeScript: Best Practices421
react, typescript, best-practices
An Introduction to Running Lighthouse Programmatically (sma)420
introductions, lighthouse, google, automation
Creating a Custom Cursor Using CSS?419
css, images, svg, cursors
Getting Started With Eleventy (11ty)418
introductions, eleventy, site-generators
Modifying Specific Letters With CSS and JavaScript (css)417
css, javascript
How CSS Perspective Works (ami/css)416
css, transforms, animations
AVIF Has Landed (jaf)415
images, avif, performance, quality, jpeg, webp, svg, png, comparisons
Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks (mar)414
eleventy, nunjucks, markdown, escaping
How to Automate API Testing With Postman (sma)413
how-tos, testing, apis, automation, postman
Working With JavaScript Media Queries (css)412
javascript, media-queries
Similarity Principle in Visual Design (nng)411
design, principles, colors, shapes
A Brief About Web Browser Wars410
browsers, browser-wars, retrospectives
Building React Apps With Storybook (sma)409
react, storybook
Everything Developers Need to Know About Figma (sma)408
figma, processes
How to Use CSS Grid for Sticky Headers and Footers (ada/css)407
css, grids, layout, navigation
Using “@ property” for CSS Custom Properties (chr/css)406
css, custom-properties, houdini
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had405
introductions, guides, eleventy
My Experience With Jekyll404
jekyll
Ground Rules for Web Animations (css)403
animations, transitions, css
Copy the Browser’s Native Focus Styles (chr/css)402
css, focus
Adversarial Interoperability (plu)401
interoperability, terminology, concepts, link-lists
A Bit on CI/CD (chr/css)400
ci-cd, link-lists
9 Best CSS Frameworks in 2020399
css, presentational-html, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, tachyons, materialize, comparisons
Electron 10.0.0 (kee/ele)398
release-notes, electron
How to Create Customer-Centric Landing Pages (sma)397
how-tos, landing-pages, content, design
The Thing With Leading in CSS (mat)396
css, typography
Use Advanced Typography With Local Fonts (tom/dev)395
typography, fonts, apis
Where Does Logic Go on Jamstack Sites? (css)394
jamstack
Why Did Mozilla Remove XUL Add-Ons?393
browsers, mozilla, xul
Run JavaScript When Variable Exists (sea)392
javascript, variables
Loading Third-Party JavaScript (add/dev)391
javascript, performance
Optimize Images With a GitHub Action (chr/css)390
images, compression, github-actions
“this” in JavaScript and TypeScript (dea)389
javascript, typescript
21 Node.js Interview Questions With Solutions388
nodejs, interviewing
Mastering Props and PropTypes in React (sma)387
react, props
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (ver)386
browsers, microsoft, internet-explorer, edge
The Anti-Reset (to Reset to User Agent Styles) (j9t)385
css, resets
Effective Code Browsing384
code-reviews
A Smashing Guide to the World of Search Engine Optimization (fre/sma)383
guides, seo, link-lists
JS Minification Benchmarks382
javascript, minification, metrics
That’s Just How I Scroll (chr/css)381
scrolling, user-experience
What I Learned by Fixing One Line of CSS in an Open Source Project (css)380
css, apple, mobile
Accessibility in Chrome DevTools (sma)379
dev-tools, chrome, google, browsers, accessibility
Islands Architecture378
architecture, html, concepts
Meet Polypane, a Browser That Makes You Five Times Faster (kil)377
polypane, browsers, productivity, developer-experience
Performance Is an Issue of Equity (clo)376
performance, accessibility
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma)375
podcasts, interviews, architecture, serverless
Better Error Handling in Node.js With Error Classes (sma)374
nodejs, javascript, errors
Difference Between Concurrent Versions System (CVS) and Subversion (SVN)373
comparisons, version-control, cvs, svn
Every Website Is an Essay (fon/css)372
design, communication
“font-weight: 300” Considered Harmful (chr/css)371
css, typography, legibility
HTML for Subheadings and Headings (chr/css)370
html, headings
TypeScript, Minus TypeScript (css)369
typescript
Vue vs. React in 2021: Which Framework to Choose and When368
frameworks, vuejs, react, comparisons
In a Land Before Dev Tools (amb)367
dev-tools, browsers
The Myth of Incentive Alignment (lor)366
culture, prioritization, google
LCARS Website HTML Template365
websites, templates
Five Decades of Access to Tools (lor)364
tooling
SVG Title vs. HTML Title Attribute (chr/css)363
svg, html, attributes
The Renaissance of No-Code for Web Designers (sma)362
design, low-and-no-code
Introduction to Metrics, Monitoring, and Alerting361
introductions, metrics, monitoring, alerting
Updating React at Etsy360
case-studies, react, preact, frameworks
A Bit on Web Component Libraries (chr/css)359
web-components, pattern-libraries
Pausing a GIF With “details”/“summary” (chr/css)358
html, disclosure-widgets, gif, images, animations
Want to Get Better at Code? Teach Someone CSS (css)357
css, learning
Accessibility on the Canvas With JavaScript356
accessibility, javascript, canvas
Happy Birthday Web Fonts! (w3c)355
anniversaries, fonts, woff, standards
The GitHub Profile Trick (chr/css)354
github, readme
Bold on Hover… Without the Layout Shift (chr/css)353
css
Introduction to Memoization in JavaScript (hic)352
introductions, memoization, javascript
How to Use Styled Components in React (sma)351
how-tos, react, css-in-js, css, javascript
Writing Alt Text for Data Visualization350
accessibility, images, alt-text, writing, information-design, visualization
Modern CSS Techniques to Improve Legibility (sma)349
css, techniques, legibility, typography
The Recruitment Confusion Matrix and Your Right to Be Wrong348
hiring, metrics
ReactJS: A Simple Custom Hook347
react, hooks
Creating a Gatsby Site With WordPress Data (css)346
gatsby, wordpress
Levels of Fix (chr/css)345
maintenance
When Do You Use “inline-block”? (chr/css)344
css
Why We Moved a 20-Year-Old Site to Gatsby343
gatsby, migrating
PHP 8: Before and After (bre)342
php, comparisons
Terminating a Frozen SSH Session341
ssh, command-line
“font-weight: 300” Considered Harmful (and a Fontconfig Workaround) (lis)340
css, typography, legibility, unix-like
10 Modern Layouts in 1 Line of CSS (una/dev)339
videos, css, layout
JSON-LD 1.1 (gke+/w3c)338
json-ld, json, standards
Lazy Loading Images in Svelte (css)337
images, lazy-loading, svelte, performance
Methods of Improving and Optimizing Performance in React Apps (sma)336
react, performance, optimization
Release Notes for Safari Technology Preview 110 (jon/web)335
release-notes, safari, apple, browsers
An Introduction to Stimulus.js (sma)334
introductions, frameworks, stimulus
JavaScript to Know for React (ken)333
javascript, react
Germany Digital Accessibility Laws: BITV (2.0) and BGG332
legal, bitv, accessibility
JavaScript Event Delegation: A Beginner’s Guide331
guides, javascript, events
Most Popular JavaScript Frameworks in 2020330
frameworks, javascript, react, angular, vuejs, nodejs, svelte, comparisons
Netlify Does Cache Invalidation for You (chr/css)329
caching, netlify
Three CSS Alternatives to JavaScript Navigation (css)328
navigation, css
Crowdfunding Web Platform Features With Open Prioritization (rac/sma)327
web-platform, prioritization
My Long Journey to a Decoupled WordPress Gatsby Site (css)326
wordpress, gatsby
Node.js vs. Deno: What You Need to Know325
nodejs, deno, runtimes, comparisons
Create and Activate GitHub Profile README324
github, readme
An Eleventy Starter With Tailwind CSS and Alpine.js (gre/css)323
eleventy, tailwind, alpinejs
CSS Transitions in Vue.js and Nuxt.js (sma)322
vuejs, nuxt, css, transitions
How to Document the Screen Reader User Experience321
how-tos, screen-readers, assistive-tech, documentation, user-experience
Building a Blog With Next.js (pan/css)320
blogging, nextjs
Webwaste (ger/ali)319
web, sustainability, images
The Vuetify Roadmap (vue)318
release-notes, vuetify
A Beginner’s Guide to Microcontent317
guides, content, microcontent, concepts
Browser Wish List—Tabs Time Machine (kar)316
browsers, wish-lists
#defundAI (tan)315
ai, economics
The Browser Engine That Could (jay)314
history, browsers, browser-engines, trident, gecko, presto, khtml, webkit, v8, blink, safari, apple, konqueror, chrome, google, link-lists
The Cicada Principle, Revisited With CSS Variables (lea)313
principles, css, custom-properties
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (uxd)312
websites, guides, design
We Need More Inclusive Web Performance Metrics (sco)311
performance, metrics, dei
A Brief Introduction to WebGL310
introductions, webgl, javascript
Learn Deno: A Secure JavaScript and TypeScript Runtime309
deno, runtimes, javascript, typescript
WebGPU Fundamentals308
fundamentals, webgpu
Introduction to Logging in Python307
introductions, logging, python
Let’s Not Be Pedantic About “Open Source” (arp)306
foss, history
Fast Sorting With Quicksort305
algorithms, sorting
Learn Regex: A Beginner’s Guide304
guides, regex
Web Standards303
standards, w3c, html, xml, xhtml, css, wcag
How to Install Apache Web Server on Windows (cra)302
how-tos, installing, servers, apache, microsoft, windows
Information and Information Architecture: The Big Picture (sma)301
information-architecture, content, navigation, user-experience
Namespaces in JavaScript (fla)300
javascript, namespaces
What Is Type Coercion in JavaScript ?299
javascript, operators, concepts
Learn GSAP in 23 Minutes298
videos, gsap
Platform Adjacency Theory (sli)297
browsers, web-platform
Responsive Styling Using Attribute Selectors (css)296
css, selectors, attributes, responsive-design
When Sass and New CSS Features Collide (ana/css)295
sass, css
90’s Cursor Effects294
cursors, effects, javascript
CSS Debt293
css, technical-debt, maintainability, testing, namespaces, preprocessors
In Defense of a Fussy Website (sar/css)292
design, user-experience, web
Speeding Up My Shell (Oh My Zsh)291
shell, command-line, oh-my-zsh, optimization
Where Do You Learn HTML and CSS in 2020? (chr/css)290
html, css, learning, link-lists
CSS Fundamentals: Vendor Prefixing289
css, fundamentals, vendor-extensions
A Practical Guide to Testing React Applications With Jest (sma)288
guides, testing, react, jest
Hide Scrollbars During an Animation (chr/css)287
css, animations, transitions, scrolling
App Shell UX With Service Workers and Streams (jef/dev)286
web-apps, single-page-apps, architecture, web-workers, streaming, javascript
What Is Brand Identity and Why Does It Matter?285
branding
Writing for HTML Newbies (geo)284
html, training
An Overview of Scroll Technologies (zac/css)283
overviews, scrolling, animations, css, javascript, tooling
WAI–ARIA Usage (tpg)282
bookmarklets, accessibility, aria, compliance
GitHub CLI: A Guide to GitHub From the Command Line281
guides, github, command-line
A Lazy Dark Mode280
dark-mode, react
Easing Animations in Canvas (css)279
canvas, animations, javascript
A Little Bit of Plain JavaScript Can Do a Lot (b0r)278
javascript, css
Sending Emails in PHP With PHPMailer277
email, php, tooling
Web Engine Diversity and Ecosystem Health (chr/css)276
browser-engines, web-platform
Decentralization Off the Shelf275
websites, design-patterns
Remembrance of Tags Past (mey)274
history, web-platform, html, xhtml, css, hacks, doctype-switching
What Is Developer Experience (DX)? (chr/css)273
developer-experience, terminology, comparisons
What Is P3P Policy and How Does It Work?272
p3p, policies, standards, privacy
JavasSript RORO Pattern271
javascript, software-design-patterns
Allow End-User Styling Overrides (alv)270
css, cascade, user-styles
Internationalization in Vue With the Vue I18N Plugin (sma)269
vuejs, plugins, internationalization, localization
On Adding IDs to Headings (chr/css)268
html, headings
How to Reverse CSS Custom Counters (css)267
how-tos, css, lists, html
Blocking Navigation Gestures on iOS Safari (rik)266
mobile, safari, apple, browsers
5 Myths About Jamstack (rem/css)265
jamstack, myths
Higher-Order Components in React (sma)264
react, components
How to Get All Custom Properties on a Page in JavaScript (tyl/css)263
how-tos, css, custom-properties, javascript
The Importance of Clarity in UX (uxd)262
user-experience, design
Getting Started With HTML Using Glitch.com (jon)261
videos, introductions, glitch, html
How to Set Up a Blog With Eleventy260
how-tos, eleventy, blogging
Firebase Config in a React App (ama)259
firebase, configuration, react
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)258
performance, compression, brotli
Meteor vs. Next? A Brutally Honest Answer257
frameworks, meteor, nextjs, comparisons
What Is Parallax Scrolling, Explained With Examples256
parallax, scrolling, effects, examples
Why You Should Use SWC (and Not Babel) (log)255
transpiling, tooling, babel
How to Add a Sitemap to Eleventy254
how-tos, eleventy, sitemaps
The Complete Guide to CSS Media Queries (kil/pol)253
guides, css, media-queries
Web Crawler vs. Web Scraper: The Differences252
crawling, scraping, comparisons, terminology
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy251
site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy, comparisons
5 Projects to Help You Master Modern CSS (cra)250
css, print, forms, performance
30 Seconds of Code249
websites, javascript, css, techniques
A First Look at “aspect-ratio” (chr/css)248
css, aspect-ratio
Core Web Vitals (chr/css)247
google, performance, web-vitals, metrics
Dark Patterns in UX246
user-experience, dark-patterns
Evaluating Page Experience for a Better Web245
google, search, user-experience
Equivalent Experiences: What Are They? (eri/sma)244
accessibility, dei, community, design, user-experience
The Expanding Gamut of Color on the Web (oll/css)243
colors, css, functions, oklch
When Frontend Means Full Stack (chr)242
career, tech-stacks, architecture, state-management
CUBE CSS (bel)241
websites, css
Getting Started With Axios in Nuxt (sma)240
introductions, nuxt, nodejs
GitHub Actions: A Deep Dive Into “pull_request” (fro)239
deep-dives, github-actions, ci-cd, automation
Web Platform Contribution Guide (zco/boc)238
websites, guides, web-platform, standards, community
Building Reusable React Components Using Tailwind (sma)237
react, components, tailwind, maintainability
On Fixed Elements and Backgrounds (hui)236
css, backgrounds, positioning, scrolling, performance
Today’s JavaScript, From an Outsider’s Perspective (lea)235
javascript
Tools for Better Thinking234
websites, productivity, learning, training
Design Principles 101233
videos, introductions, design, principles
How to Design a Brand Logo (With Ease) (sma)232
how-tos, design, branding, logos, images
Some .zshrc Tricks (arp)231
shell, command-line, configuration, aliases, oh-my-zsh, tips-and-tricks
A User’s Guide to CSS Variables (lea)230
guides, css, custom-properties
Ask an Expert: Why Is CSS… the Way It Is? (svg)229
css
How to Reevaluate Your Frontend Architecture228
how-tos, architecture
Micro-Frontends in Context227
micro-frontends
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects (chr/css)226
design, forms
Static Hoisting (rau)225
javascript
The Third Age of JavaScript (swy)224
javascript, retrospectives, outlooks
The Secret of Typography, Kerning, Explained for Dummies (uxd)223
typography, kerning
How to Build a Chrome Extension (sar/css)222
how-tos, browser-extensions, chrome, google, browsers
Speed Up Google Fonts (css)221
performance, google, fonts
The 24 Boolean Attributes of HTML (j9t)220
html, attributes
What Every JavaScript Developer Should Know About Unicode219
javascript, unicode
First Steps Into a Possible CSS Masonry Layout (chr/css)218
css, masonry, layout
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior217
guides, react, client-side-rendering
Still Using Node.js? Deno 1.0 Is Here! (ant)216
nodejs, deno, runtimes, javascript, typescript
The Need for Speed, 23 Years Later (nng)215
performance, user-experience, history
Hiding Scroll Bars While Maintaining Scroll Functionality in Modern Browsers214
scrolling, css, hiding
Easily Use Design Tokens in Eleventy (hey)213
eleventy, design-tokens
Architecting Data in Eleventy (sia)212
eleventy
How to Tame Line Height in CSS (css)211
how-tos, css, typography
In Defense of the Modern Web (ric)210
react, javascript, svelte
Liquid vs. Nunjucks209
template-engines, liquid, nunjucks, comparisons
Styling Components in React (sma)208
react, components, css, sass, css-in-js, javascript
How to Convince Others Not to Use Dark Patterns (boa/sma)207
how-tos, design, user-experience, ethics, design-patterns, anti-patterns
Maybe You Don’t Need That SPA206
single-page-apps, javascript, react, marko, performance
Developer Experience Metrics205
developer-experience, metrics
Designing Intrinsic Layouts (jen)204
videos, css, layout, design, intrinsic-design
prerender.js (chr/css)203
libraries, performance
Second-Guessing the Modern Web (tmc)202
react, single-page-apps, code-splitting, server-side-rendering, apis, data-fetching
Manipulating Arrays and Objects in JavaScript201
videos, javascript, arrays, objects
Let’s Take a Deep Dive Into the CSS “contain” Property (css)200
deep-dives, css
Reducing Design Risk (sma)199
design, product-management
Working With MDX Custom Elements and Shortcodes (css)198
markdown, mdx, gatsby, react
5 Tips to Get Your Dev Blog Running (j9t)197
tips-and-tricks, blogging, career
An Introduction to Parcel.js, the No-Config Web Application Bundler (lou)196
introductions, parcel, bundling
Static Hoisting (chr/css)195
jamstack, content-delivery
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)194
introductions, web-vitals, performance, metrics, google
“lh” and “rlh” Units (chr/css)193
css, units
CSS Functions Guide (eri/css)192
guides, css, functions, selectors
Automated Dependency Management With Depfu (the)191
dependencies, automation, depfu
What Is mTLS and How Does It Work?190
security
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)189
alpinejs, frameworks, javascript, jquery, vuejs, tailwind, comparisons
How to Succeed in Wireframe Design (sma)188
how-tos, design, prototyping, tooling, link-lists
The CSS “content” Property Accepts Alternative Text (ste)187
css, generated-content, alt-text, accessibility
Implementing Dark Mode in React Apps Using styled-components (sma)186
dark-mode, react, components, javascript
Introduction to Netlify CMS (joe)185
introductions, netlify, content-management, tooling
Invisible Design Systems (jin)184
videos, design-systems
Getting Started With Nuxt (sma)183
introductions, nuxt
“@ property” (chr/css)182
css, houdini
How to Make a CSS-Only Carousel (fon/css)181
how-tos, css, carousels
SVG, Favicons, and All the Fun Things We Can Do With Them (eri/css)180
images, favicons, svg, dark-mode
The Biggest Mistake in Writing for the Web179
videos, mistakes, writing, content, user-experience
“The Title ‘Front-End Developer’ Is Obsolete” (chr/css)178
career, terminology
Accessible Font Sizing, Explained (css)177
typography, accessibility, wcag, css, units
Dark Mode and Variable Fonts (fon/css)176
dark-mode, variable-fonts, fonts, css
Exploring Node.js Internals (sma)175
nodejs
The 4 Pillars of Good Embed Code (j9t)174
embed-code, usability, quality
Real-World Effectiveness of Brotli (css)173
performance, compression, brotli, comparisons
Fake Code (chr/css)172
placeholders
How to Create a Compelling Landing Page (boa/sma)171
how-tos, landing-pages, prioritization, hierarchy
The Cost of JavaScript Frameworks (tka)170
javascript, frameworks, performance, metrics, jquery, vuejs, angular, react
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)169
javascript, zooming, apis
Quick Tip: How to Hide Whitespace Changes in Git Diffs (spa/clo)168
whitespace, tips-and-tricks, how-tos, github, gitlab, atlassian, version-control
Recursive Functions in TypeScript167
typescript, functions
Christopher Schmitt (yat)166
obituaries
Everything You Should Know About SSH and SSH Key Exchange165
videos, protocols, ssh
98.css164
design-systems, microsoft, windows
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)163
theming, colors, css, custom-properties, functions
Best Practices With React Hooks (sma)162
react, hooks, best-practices
W3C Finalizes Web of Things (WoT) Recommendations (inf)161
w3c, standards
How to Create a Particle Trail Animation in JavaScript (sma)160
how-tos, animations, javascript
Learn Programming (jad)159
websites, courses, programming, javascript
Rename a File With JavaScript in the Browser (rik)158
javascript, file-handling
No-Class CSS Frameworks (chr/css)157
frameworks, css, link-lists
HTML Tips (mar)156
html, tips-and-tricks
Listboxes vs. Dropdown Lists (nng)155
design, forms, usability, comparisons
Getting Started With the React Hooks API (sma)154
introductions, react, hooks, apis
Usability Testing for Voice Content (ali)153
usability, testing, voice
Web Animations in Safari 13.1 (web)152
browsers, apple, safari, webkit, css, animations
Why I Don’t Use a Static Site Generator (kev)151
site-generators, wordpress
No Need to Protect Your Website From Scraping: 8 Reasons150
web, scraping, seo, legal
The Web Development Glossary (j9t/fro)149
books, frontend-dogma, learning, training, concepts, terminology
React Folder Structure in 5 Steps (rwi)148
react, architecture
What to Use Instead of Number Inputs (chr/css)147
forms, html
How to Create a Native Web Component Without a Framework146
how-tos, web-components, javascript
What’s New in ECMAScript 2020 (paw)145
ecmascript, standards
The Frameworks Paradox (j9t)144
frameworks
Why Do Some HTML Elements Become Deprecated? (css)143
html, standards, deprecation
Creating a Similar Post Component With Eleventy (fos)142
eleventy, functionality
The Devastating Price Developers Pay for Working Hard141
career, culture, productivity, communication
How to Build a Bad Design System (fon/css)140
how-tos, design-systems
No Web Without Women139
websites, community
Why “Dark Mode” Causes More Accessibility Issues Than It Solves138
dark-mode, accessibility
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs (css)137
css, grids, layout
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset (chr/css)136
css, transforms
MEAN Stack: Build an App With Angular and the Angular CLI135
angularjs, nodejs, express, mongodb, databases, functionality
The Component Gallery134
websites, components
Start Render: The Web Performance Metric That Heralds the End of the Blank Page133
performance, metrics, web-vitals
On the Responsibility That Comes With Good JavaScript Support (j9t)132
javascript, support
An Introduction to MDXJS (css)131
introductions, markdown, mdx
How to Debug a Node.js Application: Tips, Tricks, and Tools (cra)130
how-tos, nodejs, debugging, terminology, tips-and-tricks, tooling
Performance Tips: Minifying HTML, CSS, and JS129
videos, performance, html, css, javascript, minification, tips-and-tricks
How to Use an Emoji as a Favicon Easily (chr/css)128
how-tos, images, favicons, emoji, data-urls
Margin Considered Harmful127
css, margins, components
Different Favicon for Development (chr/css)126
favicons, images, environments
Creating Sortable Tables With React (sma)125
react, tables, sorting
Neumorphism and CSS (cod/css)124
design, effects, css
The Complete Guide to the Dark Mode Toggle123
guides, dark-mode, toggles
A Practical Overview of CSS Houdini (cod/sma)122
overviews, css, houdini, apis, polyfills
Mutual TLS: Stuff You Should Know121
security, tls, protocols
How to Create a “Skip to Content” Link (css)120
how-tos, skip-links, html, css, accessibility
The CSS Calculating Function Guide (chr/css)119
guides, css, functions, math, examples
The Rise of the No-Code Movement118
web, low-and-no-code
Tools for Optimizing SVG (chr/css)117
tooling, svg, images, optimization, link-lists
10 Behavior Patterns for UX Design (uxd)116
user-experience
The Most Critical Python Code Metric115
python, metrics, quality, principles
Testing With Jest: An Introduction (hac)114
introductions, testing, jest
Accessible SVGs: Inclusiveness Beyond Patterns (car/sma)113
svg, images, accessibility, tooling
Quick Tip: Configuring nginx and SSL With Node.js112
servers, nginx, ssl, nodejs, configuration, tips-and-tricks
10 Git Techniques You Need to Know Before You Join a Team111
git, command-line, techniques
Fluid Width Video (chr/css)110
multimedia, html, responsive-design
How to Make a Line Chart With CSS (css)109
how-tos, css, transforms
Setting Height and Width on Images Is Important Again (tun/sma)108
html, images, performance, web-vitals
The Perils of Rehydration (jos)107
react, hydration
A Beginner’s Guide to Webpack106
guides, webpack
Currying in CSS (chr/css)105
css
Optimize CSS Background Images With Media Queries (dev)104
css, images, backgrounds, media-queries, optimization
Why Are We Talking About CSS4? (rac/sma)103
css, standards
How Emojis Work (joe)102
emoji, unicode
4 Ways to Animate the Color of a Text Link on Hover (kat/css)101
links, colors, animations, css
Google Confirms Microformats Are Still a Recommended Metadata Format for Content (www)100
google, microformats, metadata, search, support
Simple Systems Have Less Downtime99
simplicity
Unfortunately, “clip-path: path()” Is Still a No-Go (ana/css)98
css, clipping
Marginalized by Design (hey/que)97
design, community, dei, career
Where Does SEO Belong in Your Web Design Process? (sma)96
seo, design, processes
Best Practices for News Coverage With Search95
google, search, amp
Cross-Cultural Design (ali)94
design, culture
Don’t Try to Sanitize Input—Escape Output93
security, sanitization, escaping
Why Is CSS Frustrating? (fon/css)92
css
What Does a Foldable Web Actually Mean? (fre/sma)91
mobile, responsive-design, user-experience