“2020” Archive

HTML and CSS Techniques to Reduce Your JavaScript (by/via) · Dec 27, 2020 · html, css, javascript, performance
Ethical Design Guide (by) · Dec 27, 2020 · websites, guides, design
The Art of Leadership (by) · Dec 24, 2020 · leadership
Using “throw” as an Expression in PHP 8 (by) · Dec 23, 2020 · php
Symbols to Copy (by) · Dec 23, 2020 · websites, tooling, typography
Ignore AMP (by) · Dec 21, 2020 · google, amp
Get Up to Speed With Partial Clone and Shallow Clone (by/via) · Dec 21, 2020 · git
A Beginner’s Guide to Webpack (by/via) · Dec 21, 2020 · guides, webpack
Why You Should Self-Host Google Fonts in 2021 (by) · Dec 16, 2020 · google, fonts
The Shorthand–Longhand Problem in Atomic CSS (by) · Dec 14, 2020 · css, shorthands, cascade, atomic-css, css-in-js
Page Weight (by/via) · Dec 10, 2020 · studies, research, performance
JavaScript (by/via) · Dec 10, 2020 · studies, research, javascript
TLS and mTLS Demystified · Dec 9, 2020 · security, tls, protocols
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of (via) · Dec 9, 2020 · edge-computing, security
CSS (by+/via) · Dec 9, 2020 · studies, research, css
Accessibility (by+/via) · Dec 9, 2020 · studies, research, accessibility
Notes on HTML 3.2 (by) · Dec 6, 2020 · html
Command Line Interface Guidelines (by+) · Dec 4, 2020 · websites, guidelines, command-line
Alt vs. Figcaption (by/via) · Dec 1, 2020 · html, accessibility, comparisons
Time to Say Goodbye to Google Fonts: Cache Performance (by) · Nov 30, 2020 · google, fonts, caching, performance
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (by) · Nov 25, 2020 · html, css, javascript
To Be Creative, Practice (by/via) · Nov 24, 2020 · design, creativity
Know Your Standards (by) · Nov 24, 2020 · accessibility, standards, wcag, aria, html, link-lists
Leveraging System Fonts on the Web (by) · Nov 23, 2020 · fonts
Best Practices for Inclusive Textual Websites (by) · Nov 23, 2020 · security, performance, accessibility, best-practices
CSS Vendor Prefixes · Nov 22, 2020 · css, vendor-extensions
Upgrade Your HTML II (by/via) · Nov 17, 2020 · books, html, minimalism, craft, conformance
A GitHub Action for Automated Deployment to WP Engine (via) · Nov 17, 2020 · github, deploying, automation, wordpress
How to Deal With Common React JS Problems—Actionable Tips (via) · Nov 16, 2020 · how-tos, react, tips-and-tricks
The What, Why, and How of Using a Skeleton Loading Screen (by) · Nov 12, 2020 · performance, react
Write Better Code and Be a Better Programmer by Avoiding “else” Statements (by) · Nov 10, 2020 · programming, best-practices
The Raven Technique: One Step Closer to Container Queries (by/via) · Nov 10, 2020 · css, container-queries, techniques
Markup (by+/via) · Nov 10, 2020 · studies, research, html
Chasing the Pixel-Perfect Dream (by) · Nov 2, 2020 · design, css
A General Introduction to Cloud Computing (by/via) · Oct 23, 2020 · introductions, cloud-computing, concepts, history
Touch, Point, Click: Mouse vs. Touch Screen Input (by/via) · Oct 20, 2020 · accessibility, interaction-design, comparisons
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met (by/via) · Oct 16, 2020 · guidelines, seo, quality, google
How to Test Responsive Web Design Cross-Browser Compatibility (by/via) · Oct 15, 2020 · how-tos, testing, responsive-design, user-agents
An Opinionated Guide to Accessibility Testing (by) · Oct 14, 2020 · guides, accessibility, testing
The “--var: ;” Hack to Toggle Multiple Values With One Custom Property (by) · Oct 12, 2020 · css, custom-properties, hacks, toggles
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (by/via) · Oct 11, 2020 · design, history
How to Find the Cause of Horizontal Scrollbars (by/via) · Oct 8, 2020 · how-tos, css, debugging, scrolling
GitLab vs. GitHub—a Comparison of the Two Version Control Systems (via) · Oct 6, 2020 · version-control, gitlab, github, comparisons
How to Create High-Performance CSS Animations (by+/via) · Oct 6, 2020 · how-tos, css, animations, performance
Micro-Note on “aria-roledescription” (by) · Oct 6, 2020 · accessibility, aria
CSS Variables 101 (by) · Oct 6, 2020 · css
Reducing the Site Speed Impact of Third-Party Tags (by) · Oct 2, 2020 · performance, embed-code
“font-kerning” (by/via) · Sep 25, 2020 · css, kerning, typography
Building and Running WebKit (by) · Sep 24, 2020 · webkit, building
Drawing the Invisible: React Explained in Five Visual Metaphors (by/via) · Sep 22, 2020 · videos, react
Custom Properties: Questioning “:root” (by) · Sep 21, 2020 · cross-posted, css, custom-properties
Generate a Sitemap for Your Eleventy Website (by) · Sep 16, 2020 · eleventy, sitemaps, seo
MIME Types (IANA Media Types) (by/via) · Sep 15, 2020 · mime-types
A Brief About Web Browser Wars · Sep 4, 2020 · user-agents, browser-wars, retrospectives
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had (by) · Sep 2, 2020 · introductions, guides, eleventy
Adversarial Interoperability (by/via) · Aug 27, 2020 · interoperability, terminology, concepts, link-lists
Use Advanced Typography With Local Fonts (by/via) · Aug 24, 2020 · typography, fonts, apis
The Thing With Leading in CSS (by) · Aug 24, 2020 · css, typography
Why Did Mozilla Remove XUL Add-Ons? · Aug 21, 2020 · user-agents, mozilla, xul
Loading Third-Party JavaScript (by+/via) · Aug 20, 2020 · javascript, performance
“this” in JavaScript and TypeScript (by) · Aug 19, 2020 · javascript, typescript
The Anti-Reset (to Reset to User Agent Styles) (by) · Aug 17, 2020 · css, resetting
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (by/via) · Aug 17, 2020 · user-agents, microsoft, internet-explorer, edge
Effective Code Browsing (by) · Aug 16, 2020 · code-reviews
JS Minification Benchmarks (by) · Aug 14, 2020 · javascript, minification, metrics
A Smashing Guide to the World of Search Engine Optimization (by/via) · Aug 14, 2020 · guides, seo
Performance Is an Issue of Equity (by/via) · Aug 11, 2020 · performance, accessibility
Islands Architecture (by) · Aug 11, 2020 · architecture, html, concepts
Difference Between Concurrent Versions System (CVS) and Subversion (SVN) (via) · Aug 9, 2020 · comparisons, version-control, cvs, svn
Vue vs. React in 2021: Which Framework to Choose and When (via) · Aug 6, 2020 · frameworks, vuejs, react, comparisons
Updating React at Etsy (by) · Jul 29, 2020 · case-studies, react, preact, frameworks
Introduction to Metrics, Monitoring, and Alerting (via) · Jul 29, 2020 · introductions, metrics, monitoring, alerting
Accessibility on the Canvas With JavaScript (by) · Jul 28, 2020 · accessibility, javascript, canvas
Introduction to Memoization in JavaScript (by/via) · Jul 25, 2020 · introductions, memoization, javascript
Writing Alt Text for Data Visualization (by/via) · Jul 23, 2020 · accessibility, alt-text, writing, information-design, visualization
Why We Moved a 20-Year-Old Site to Gatsby (by/via) · Jul 20, 2020 · gatsby, migration
JavaScript to Know for React (by) · Jul 15, 2020 · javascript, react
How to Document the Screen Reader User Experience (via) · Jul 10, 2020 · how-tos, user-agents, assistive-tech, screen-readers, documentation, user-experience
Webwaste (by/via) · Jul 9, 2020 · web, sustainability, images
The Cicada Principle, Revisited With CSS Variables (by) · Jul 7, 2020 · principles, css, custom-properties
A Beginner’s Guide to Microcontent (via) · Jul 7, 2020 · guides, content, microcontent, concepts
We Need More Inclusive Web Performance Metrics (by/via) · Jul 6, 2020 · performance, metrics, dei
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (via) · Jul 6, 2020 · websites, guides, design
A Brief Introduction to WebGL (via) · Jul 6, 2020 · introductions, webgl, javascript
Learn Deno: A Secure JavaScript and TypeScript Runtime (by/via) · Jul 5, 2020 · deno
WebGPU Fundamentals (by) · Jul 4, 2020 · fundamentals, webgpu
Introduction to Logging in Python (by/via) · Jul 3, 2020 · introductions, logging, python
Learn Regex: A Beginner’s Guide (by/via) · Jul 2, 2020 · guides, regex
Fast Sorting With Quicksort (by) · Jul 2, 2020 · algorithms, sorting
Namespaces in JavaScript (by) · Jul 1, 2020 · javascript, namespaces
How to Install Apache Web Server on Windows (by+/via) · Jul 1, 2020 · how-tos, installing, servers, apache, microsoft, windows
Platform Adjacency Theory (by) · Jun 30, 2020 · user-agents, web-platform
90’s Cursor Effects (by) · Jun 28, 2020 · websites, effects, javascript
CSS Fundamentals: Vendor Prefixing (by/via) · Jun 25, 2020 · css, fundamentals, vendor-extensions
A Practical Guide to Testing React Applications With Jest (by/via) · Jun 24, 2020 · guides, testing, react, jest
App Shell UX With Service Workers and Streams (by+/via) · Jun 23, 2020 · web-apps, spas, architecture, web-workers, streaming, javascript
A Lazy Dark Mode (by) · Jun 20, 2020 · dark-mode, react
Remembrance of Tags Past (by/via) · Jun 15, 2020 · history, web-platform, html, xhtml, css, hacks, doctype-switching
Decentralization Off the Shelf (via) · Jun 15, 2020 · websites, design-patterns
JavasSript RORO Pattern · Jun 13, 2020 · javascript, software-design-patterns
Allow End-User Styling Overrides (by) · Jun 12, 2020 · css, cascade, user-styles
Meteor vs. Next? A Brutally Honest Answer (by) · Jun 4, 2020 · frameworks, meteor, nextjs, comparisons
The Complete Guide to CSS Media Queries (by/via) · Jun 2, 2020 · guides, css, media-queries
Dark Patterns in UX (by/via) · May 28, 2020 · user-experience, dark-patterns
30 Seconds of Code (via) · May 28, 2020 · websites, javascript, css, techniques
Web Platform Contribution Guide (by+/via) · May 26, 2020 · websites, guides, web-platform, standards, community
Tools for Better Thinking (by) · May 25, 2020 · websites, productivity, learning, training
Today’s JavaScript, From an Outsider’s Perspective (by) · May 25, 2020 · javascript
Micro-Frontends in Context (by/via) · May 21, 2020 · micro-frontends
How to Reevaluate Your Frontend Architecture (by/via) · May 21, 2020 · how-tos, architecture
Ask an Expert: Why Is CSS… the Way It Is? (by/via) · May 21, 2020 · css
A User’s Guide to CSS Variables (by/via) · May 21, 2020 · guides, css, custom-properties
The Third Age of JavaScript (by) · May 20, 2020 · javascript
The Secret of Typography, Kerning, Explained for Dummies (by/via) · May 20, 2020 · typography, kerning
Static Hoisting (by) · May 20, 2020 · javascript
What Every JavaScript Developer Should Know About Unicode (by) · May 19, 2020 · javascript, unicode
The 24 Boolean Attributes of HTML (by) · May 19, 2020 · html
Speed Up Google Fonts (by) · May 19, 2020 · performance, google, fonts
The Need for Speed, 23 Years Later (by/via) · May 17, 2020 · performance, user-experience, history
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior (by) · May 17, 2020 · guides, react, client-side-rendering
Easily Use Design Tokens in Eleventy (by) · May 16, 2020 · eleventy, design-tokens
Developer Experience Metrics (by) · May 11, 2020 · developer-experience, metrics
Designing Intrinsic Layouts (by/via) · May 10, 2020 · videos, css, layout, design
Manipulating Arrays and Objects in JavaScript (by/via) · May 9, 2020 · videos, javascript, arrays, objects
5 Tips to Get Your Dev Blog Running (by) · May 6, 2020 · tips-and-tricks, blogging, career
What Is mTLS and How Does It Work? (by) · Apr 30, 2020 · security
Invisible Design Systems (by/via) · Apr 28, 2020 · videos, design-systems
Introduction to Netlify CMS (by) · Apr 28, 2020 · introductions, netlify, content-management, tooling
The 4 Pillars of Good Embed Code (by) · Apr 23, 2020 · embed-code, usability, quality
Real-World Effectiveness of Brotli (by) · Apr 22, 2020 · performance, compression, brotli, comparisons
Quick Tip: How to Hide Whitespace Changes in Git Diffs (by/via) · Apr 20, 2020 · tips-and-tricks, how-tos, github, gitlab, version-control
Everything You Should Know About SSH and SSH Key Exchange (by) · Apr 17, 2020 · videos, protocols, ssh
Learn Programming (by) · Apr 14, 2020 · websites, courses, programming, javascript
HTML Tips (by) · Apr 12, 2020 · html, tips-and-tricks
Usability Testing for Voice Content (via) · Apr 9, 2020 · usability, testing, voice
Web Animations in Safari 13.1 (via) · Apr 8, 2020 · user-agents, apple, safari, webkit, css, animations
The Web Development Glossary (by/via) · Apr 7, 2020 · books, learning, training, concepts, terminology
No Need to Protect Your Website From Scraping: 8 Reasons (via) · Apr 7, 2020 · web, scraping, seo, legal
What’s New in ECMAScript 2020 (by) · Apr 3, 2020 · ecmascript, standards
How to Create a Native Web Component Without a Framework (by/via) · Apr 3, 2020 · how-tos, web-components, javascript
The Frameworks Paradox (by) · Apr 2, 2020 · frameworks
The Devastating Price Developers Pay for Working Hard (via) · Apr 1, 2020 · career, productivity, communication
Why “Dark Mode” Causes More Accessibility Issues Than It Solves (by) · Mar 31, 2020 · dark-mode, accessibility
No Web Without Women (via) · Mar 31, 2020 · websites, community
The Component Gallery (by) · Mar 30, 2020 · websites, components
MEAN Stack: Build an App With Angular and the Angular CLI (by/via) · Mar 30, 2020 · angular, nodejs, express, mongodb, databases, functionality
Start Render: The Web Performance Metric That Heralds the End of the Blank Page (via) · Mar 27, 2020 · performance, metrics, web-vitals
On the Responsibility That Comes With Good JavaScript Support (by) · Mar 26, 2020 · javascript, support
Margin Considered Harmful (by) · Mar 24, 2020 · css, components
The Complete Guide to the Dark Mode Toggle (by) · Mar 20, 2020 · guides, dark-mode, toggles
Mutual TLS: Stuff You Should Know (by/via) · Mar 19, 2020 · security, tls, protocols
A Practical Overview of CSS Houdini (by/via) · Mar 19, 2020 · overviews, css, apis, polyfills
10 Behavior Patterns for UX Design (by/via) · Mar 16, 2020 · user-experience
Testing With Jest: An Introduction (by/via) · Mar 15, 2020 · introductions, testing, jest
The Perils of Rehydration (by) · Mar 7, 2020 · react, hydration
A Beginner’s Guide to Webpack (via) · Mar 6, 2020 · guides, webpack
Why Are We Talking About CSS4? (by/via) · Mar 4, 2020 · css, standards
How Emojis Work (by) · Mar 3, 2020 · emoji, unicode
Simple Systems Have Less Downtime (by) · Mar 2, 2020 · simplicity
Cross-Cultural Design (by/via) · Feb 27, 2020 · design, culture
The Economics of JavaScript Web Apps (by) · Feb 23, 2020 · javascript, web-apps, economics
Page Builders Might Not Be a Good Idea (by) · Feb 20, 2020 · maintainability, consistency, performance, quality
How We Learned to Draw Text on HTML5 Canvas (via) · Feb 19, 2020 · html, canvas, apis, svg, javascript
What Is Kerning? Here’s What You Need to Know (via) · Feb 18, 2020 · typography, kerning
Google Tag Manager vs. Page Speed: The Impact and How to Improve (by) · Feb 18, 2020 · google, tag-management, analytics, performance, optimization
What Is Node and When Should I Use It? (by/via) · Feb 16, 2020 · nodejs, javascript, dependencies
What Is Memoization? (by) · Feb 13, 2020 · memoization, javascript, concepts
Understanding Map and Set in JavaScript (by) · Feb 12, 2020 · javascript
IME Smoke Testing (by) · Feb 12, 2020 · testing
The Web We Want (by+/via) · Feb 11, 2020 · surveys, standards, tooling, web
Design System UI Is More Expensive Than a Product Team’s UI (by/via) · Feb 11, 2020 · design-systems, design
How to Publish an Updated Version of an npm Package (by/via) · Feb 10, 2020 · how-tos, npm, dependencies
Playing With CSS Grid (by) · Feb 6, 2020 · css, layout
Introduction to WebSockets: How to Create Responsive and Low-Latency Applications (via) · Feb 1, 2020 · introductions, how-tos, protocols, apis, websocket
How to Automatically Update Your JavaScript Dependencies (by/via) · Jan 30, 2020 · how-tos, javascript, dependencies, automation, processes, security
What SSL Is, and Which Certificate Type Is Right for You (by/via) · Jan 29, 2020 · ssl, privacy, concepts
Professional Agile Leadership (PAL) Reminders and Resources (by) · Jan 29, 2020 · agile, leadership, engineering-management, learning, link-lists
Standards for Writing Accessibly (by+/via) · Jan 23, 2020 · writing, content, conventions, accessibility, user-experience, screen-readers, colors, icons
The History of JavaScript: A Journey From Netscape to Frameworks and Libraries (by/via) · Jan 22, 2020 · history, javascript, frameworks, libraries, netscape
Using MySQL With Node.js and the mysql JavaScript Client (by+/via) · Jan 20, 2020 · databases, mysql, nodejs, tooling
React Tutorial (by) · Jan 20, 2020 · websites, courses, tutorials, react
Learn End-to-End Testing With Puppeteer (by/via) · Jan 15, 2020 · tutorials, testing, puppeteer
If It Can Be Done Using an HTTP Header, Use an HTTP Header (by) · Jan 13, 2020 · maintainability, maintenance, http, html
Should You Self-Host Google Fonts? (by) · Jan 12, 2020 · fonts, google, hosting, performance
Goodbye, Clean Code · Jan 11, 2020 · principles, processes, quality
Improving Site Performance With Webpack Tree Shaking (by/via) · Jan 10, 2020 · performance, optimization, webpack, tree-shaking
How to Convert Variable TTF Font Files to WOFF2 (by) · Jan 9, 2020 · how-tos, fonts, typography, conversion
Performance Budgets, Pragmatically (by) · Jan 8, 2020 · performance, performance-budgets
Decision Strategies for a Micro Frontends Architecture (by/via) · Jan 8, 2020 · architecture, micro-frontends
How Running Your Own Website Is Much Better for You Than You Think (by) · Jan 3, 2020 · career, craft
Putting Devs Before Users: How Frameworks Destroyed Web Performance (by/via) · Jan 2, 2020 · frameworks, performance, developer-experience