Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect, accountability, and support. Hide

dxsrc

“2020” News Archive

Definition, related topics, tag feed

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

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