“2020” Archive
Featured on Frontend Dogma? Confirm and whitelist your domain.
- HTML and CSS Techniques to Reduce Your JavaScript (by/via) · · html, css, javascript, performance
- Ethical Design Guide (by) · · websites, guides, design
- The Art of Leadership (by) · · leadership
- Using “throw” as an Expression in PHP 8 (by) · · php
- Symbols to Copy (by) · · websites, tooling, typography
- Get Up to Speed With Partial Clone and Shallow Clone (by/via) · · git
- Ignore AMP (by) · · google, amp
- A Beginner’s Guide to Webpack (by/via) · · guides, webpack
- Meet Redwood, a Full-Stack, Serverless Jamstack Framework (via) · · frameworks, jamstack
- Why You Should Self-Host Google Fonts in 2021 (by) · · google, fonts
- The Shorthand–Longhand Problem in Atomic CSS (by) · · css, shorthands, cascade, atomic-css, css-in-js
- JavaScript (by/via) · · web-almanac, studies, research, metrics, javascript
- Page Weight (by/via) · · web-almanac, studies, research, metrics, performance
- Accessibility (by+/via) · · web-almanac, studies, research, metrics, accessibility
- CSS (by+/via) · · web-almanac, studies, research, metrics, css
- Houdini.how (by/via) · · websites, css, apis, houdini
- TLS and mTLS Demystified · · security, tls, protocols
- Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of (via) · · edge-computing, security
- Notes on HTML 3.2 (by) · · html
- Command Line Interface Guidelines (by+) · · websites, guidelines, command-line
- Alt vs. Figcaption (by/via) · · html, accessibility, comparisons
- The State of UX: 100 Design Lessons for 2021 (by+/via) · · user-experience, design, visions
- Time to Say Goodbye to Google Fonts: Cache Performance (by) · · google, fonts, caching, performance
- Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (by) · · html, css, javascript
- To Be Creative, Practice (by/via) · · design, creativity
- Know Your Standards (by) · · accessibility, standards, wcag, aria, html, link-lists
- Leveraging System Fonts on the Web (by) · · fonts
- Best Practices for Inclusive Textual Websites (by) · · security, performance, accessibility, best-practices
- CSS Vendor Prefixes · · css, vendor-extensions
- Upgrade Your HTML II (by/via) · · books, html, minimalism, craft, conformance
- A GitHub Action for Automated Deployment to WP Engine (via) · · github, deploying, automation, wordpress, wp-engine
- New WebKit Features in Safari 14 (by/via) · · release-notes, safari, apple, browsers, webkit
- How to Deal With Common React JS Problems—Actionable Tips (via) · · how-tos, react, tips-and-tricks
- Google Is Already Experimenting With WebP2 As Successor To WebP Image Format (by/via) · · webp, images, google
- Warp: Improved JS Performance in Firefox 83 (by/via) · · firefox, mozilla, browsers, javascript, performance, javascript-engines
- The What, Why, and How of Using a Skeleton Loading Screen (by) · · performance, react
- Markup (by+/via) · · web-almanac, studies, research, metrics, html
- Webmentions and Eleventy Talk (by) · · slides, webmention, eleventy
- Write Better Code and Be a Better Programmer by Avoiding “else” Statements (by) · · programming, best-practices
- The Raven Technique: One Step Closer to Container Queries (by/via) · · css, container-queries, techniques
- How to Find and Fix Common Website Accessibility Issues (by/via) · · how-tos, accessibility, contrast, color-blindness, colors, responsive-design, quality
- What Is Section 508 and Why Does It Matter? (via) · · accessibility, legal, section-508
- Chasing the Pixel-Perfect Dream (by) · · design, css
- Are Template Engines Still Relevant in 2020? (by) · · discussions, template-engines, pug, nunjucks, handlebars
- A General Introduction to Cloud Computing (by/via) · · introductions, cloud-computing, concepts, history
- Touch, Point, Click: Mouse vs. Touch Screen Input (by/via) · · accessibility, interaction-design, comparisons
- Come Full Circle—Back to HTML · · code-editors, html
- New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met (by/via) · · guidelines, seo, quality, google
- How to Test Responsive Web Design Cross-Browser Compatibility (by/via) · · how-tos, testing, responsive-design, browsers
- Core Web Vitals: A Guide to Google’s Web Performance Metrics (by/via) · · guides, google, web-vitals, performance
- CSS “min()”, “max()”, and “clamp()” (by/via) · · css, functions, typography
- An Opinionated Guide to Accessibility Testing (by) · · guides, accessibility, testing
- An Introduction to JSX (via) · · introductions, jsx
- The “--var: ;” Hack to Toggle Multiple Values With One Custom Property (by) · · css, custom-properties, hacks, toggles
- What Apple, Google, and Amazon’s Websites Looked Like in 1999 (by/via) · · design, history
- How to Find the Cause of Horizontal Scrollbars (by/via) · · how-tos, css, debugging, scrolling
- Getting Started With React: A Beginner’s Guide (by/via) · · introductions, guides, react, jsx
- How to Design a Set of Icons (via) · · design, icons, images
- Apache Configuration Basics (via) · · fundamentals, servers, apache, configuration
- Tuning Your Apache Server (via) · · apache, servers, optimization, configuration
- A Guide to HTML and CSS Forms (No Hacks) (by/via) · · guides, html, css, forms
- GitLab vs. GitHub—a Comparison of the Two Version Control Systems (via) · · version-control, gitlab, github, comparisons
- How to Create High-Performance CSS Animations (by+/via) · · how-tos, css, animations, performance
- Micro-Note on “aria-roledescription” (by) · · accessibility, aria
- CSS Variables 101 (by) · · css
- Reducing the Site Speed Impact of Third-Party Tags (by) · · performance, embed-code
- Webflow vs. WordPress: A Head-to-Head Comparison (by/via) · · webflow, wordpress, content-management, hosting, comparisons
- “font-kerning” (by/via) · · css, kerning, typography
- Building and Running WebKit (by) · · webkit, building
- Drawing the Invisible: React Explained in Five Visual Metaphors (by/via) · · videos, react
- Custom Properties: Questioning “:root” (by) · · cross-posts, css, custom-properties
- The Good Web and the Bad Web (by) · · web, mastodon
- Generate a Sitemap for Your Eleventy Website (by) · · eleventy, sitemaps, seo
- Mastering Wrapping of Flex Items (via) · · css, flexbox, layout
- MIME Types (IANA Media Types) (by/via) · · mime-types
- React With TypeScript: Best Practices (by/via) · · react, typescript, best-practices
- Creating a Custom Cursor Using CSS? (by) · · css, images, svg, cursors
- A Brief About Web Browser Wars · · browsers, browser-wars, retrospectives
- How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had (by) · · introductions, guides, eleventy
- Adversarial Interoperability (by/via) · · interoperability, terminology, concepts, link-lists
- 9 Best CSS Frameworks in 2020 (via) · · css, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, comparisons
- Use Advanced Typography With Local Fonts (by/via) · · typography, fonts, apis
- The Thing With Leading in CSS (by) · · css, typography
- Why Did Mozilla Remove XUL Add-Ons? · · browsers, mozilla, xul
- Loading Third-Party JavaScript (by+/via) · · javascript, performance
- “this” in JavaScript and TypeScript (by) · · javascript, typescript
- Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (by/via) · · browsers, microsoft, internet-explorer, edge
- 21 Node.js Interview Questions With Solutions (by/via) · · nodejs, interviewing
- The Anti-Reset (to Reset to User Agent Styles) (by) · · css, resetting
- Effective Code Browsing (by) · · code-reviews
- JS Minification Benchmarks (by) · · javascript, minification, metrics
- A Smashing Guide to the World of Search Engine Optimization (by/via) · · guides, seo
- Meet Polypane, a Browser That Makes You Five Times Faster (by/via) · · polypane, browsers, productivity, developer-experience
- Performance Is an Issue of Equity (by/via) · · performance, accessibility
- Islands Architecture (by) · · architecture, html, concepts
- Difference Between Concurrent Versions System (CVS) and Subversion (SVN) (via) · · comparisons, version-control, cvs, svn
- Vue vs. React in 2021: Which Framework to Choose and When (via) · · frameworks, vuejs, react, comparisons
- In a Land Before Dev Tools (by) · · dev-tools, browsers
- Updating React at Etsy (by) · · case-studies, react, preact, frameworks
- Introduction to Metrics, Monitoring, and Alerting (via) · · introductions, metrics, monitoring, alerting
- Accessibility on the Canvas With JavaScript (by) · · accessibility, javascript, canvas
- Introduction to Memoization in JavaScript (by/via) · · introductions, memoization, javascript
- Writing Alt Text for Data Visualization (by/via) · · accessibility, alt-text, writing, information-design, visualization
- The Recruitment Confusion Matrix and Your Right to Be Wrong · · hiring, metrics
- Why We Moved a 20-Year-Old Site to Gatsby (by/via) · · gatsby, migrating
- Terminating a Frozen SSH Session · · ssh, command-line
- Release Notes for Safari Technology Preview 110 (by/via) · · release-notes, safari, apple, browsers
- JavaScript to Know for React (by) · · javascript, react
- Most Popular JavaScript Frameworks in 2020 · · frameworks, javascript, react, angular, vuejs, nodejs, svelte, comparisons
- Node.js vs. Deno: What You Need to Know (by/via) · · nodejs, deno, runtimes, comparisons
- How to Document the Screen Reader User Experience (via) · · how-tos, screen-readers, assistive-tech, documentation, user-experience
- Webwaste (by/via) · · web, sustainability, images
- The Cicada Principle, Revisited With CSS Variables (by) · · principles, css, custom-properties
- A Beginner’s Guide to Microcontent (via) · · guides, content, microcontent, concepts
- The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (via) · · websites, guides, design
- We Need More Inclusive Web Performance Metrics (by/via) · · performance, metrics, dei
- A Brief Introduction to WebGL (via) · · introductions, webgl, javascript
- Learn Deno: A Secure JavaScript and TypeScript Runtime (by/via) · · deno, runtimes, javascript, typescript
- WebGPU Fundamentals (by) · · fundamentals, webgpu
- Let’s Not Be Pedantic About “Open Source” (by) · · foss, history
- Introduction to Logging in Python (by/via) · · introductions, logging, python
- Learn Regex: A Beginner’s Guide (by/via) · · guides, regex
- Fast Sorting With Quicksort (by) · · algorithms, sorting
- Information and Information Architecture: The Big Picture (via) · · information-architecture, content, navigation, user-experience
- How to Install Apache Web Server on Windows (by+/via) · · how-tos, installing, servers, apache, microsoft, windows
- Namespaces in JavaScript (by) · · javascript, namespaces
- Platform Adjacency Theory (by) · · browsers, web-platform
- Learn GSAP in 23 Minutes (by) · · videos, gsap
- CSS Debt (by) · · css, technical-debt, maintainability, testing, namespaces, preprocessors
- 90’s Cursor Effects (by) · · websites, cursors, effects, javascript
- Speeding Up My Shell (Oh My Zsh) (by) · · shell, command-line, tooling, optimization
- CSS Fundamentals: Vendor Prefixing (by/via) · · css, fundamentals, vendor-extensions
- A Practical Guide to Testing React Applications With Jest (by/via) · · guides, testing, react, jest
- App Shell UX With Service Workers and Streams (by+/via) · · web-apps, single-page-apps, architecture, web-workers, streaming, javascript
- GitHub CLI: A Guide to GitHub from the Command Line (by/via) · · guides, github, command-line
- A Lazy Dark Mode (by) · · dark-mode, react
- Sending Emails in PHP With PHPMailer (by+/via) · · email, php, tooling
- Decentralization Off the Shelf (via) · · websites, design-patterns
- Remembrance of Tags Past (by/via) · · history, web-platform, html, xhtml, css, hacks, doctype-switching
- JavasSript RORO Pattern · · javascript, software-design-patterns
- Internationalization in Vue With the Vue I18N Plugin (by/via) · · vuejs, plugins, internationalization, localization
- Allow End-User Styling Overrides (by) · · css, cascade, user-styles
- Higher-Order Components in React (by/via) · · react, components
- The Importance of Clarity in UX (by/via) · · user-experience, design
- How to Set Up a Blog With Eleventy (by) · · how-tos, eleventy, blogging
- Meteor vs. Next? A Brutally Honest Answer (by) · · frameworks, meteor, nextjs, comparisons
- Why You Should Use SWC (and Not Babel) (via) · · transpiling, tooling, babel
- How to Add a Sitemap to Eleventy (by) · · how-tos, eleventy, sitemaps
- The Complete Guide to CSS Media Queries (by/via) · · guides, css, media-queries
- Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy (by) · · site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy, comparisons
- 5 Projects to Help You Master Modern CSS (by/via) · · css, print, forms, performance
- Dark Patterns in UX (by/via) · · user-experience, dark-patterns
- 30 Seconds of Code (via) · · websites, javascript, css, techniques
- Equivalent Experiences: What Are They? (by/via) · · accessibility, dei, community, design, user-experience
- Getting Started With Axios in Nuxt (by/via) · · introductions, nuxt, nodejs
- Web Platform Contribution Guide (by+/via) · · websites, guides, web-platform, standards, community
- Building Reusable React Components Using Tailwind (by/via) · · react, components, tailwind, maintainability
- On Fixed Elements and Backgrounds (by) · · css, backgrounds, positioning, scrolling, performance
- Tools for Better Thinking (by) · · websites, productivity, learning, training
- Today’s JavaScript, From an Outsider’s Perspective (by) · · javascript
- How to Design a Brand Logo (With Ease) (via) · · how-tos, design, branding, logos, images
- Some .zshrc Tricks (by) · · command-line, configuration, aliases, tooling, tips-and-tricks
- Micro-Frontends in Context (by/via) · · micro-frontends
- How to Reevaluate Your Frontend Architecture (by/via) · · how-tos, architecture
- Ask an Expert: Why Is CSS… the Way It Is? (by/via) · · css
- A User’s Guide to CSS Variables (by/via) · · guides, css, custom-properties
- The Secret of Typography, Kerning, Explained for Dummies (by/via) · · typography, kerning
- The Third Age of JavaScript (by) · · javascript
- Static Hoisting (by) · · javascript
- What Every JavaScript Developer Should Know About Unicode (by) · · javascript, unicode
- The 24 Boolean Attributes of HTML (by) · · html
- Speed Up Google Fonts (by) · · performance, google, fonts
- The Need for Speed, 23 Years Later (by/via) · · performance, user-experience, history
- Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior (by) · · guides, react, client-side-rendering
- Easily Use Design Tokens in Eleventy (by) · · eleventy, design-tokens
- Architecting Data in Eleventy (by) · · eleventy
- Liquid vs. Nunjucks · · template-engines, liquid, nunjucks, comparisons
- Styling Components in React (by/via) · · react, components, css, sass, css-in-js, javascript
- How to Convince Others Not to Use Dark Patterns (by/via) · · how-tos, design, user-experience, ethics, design-patterns, anti-patterns
- Developer Experience Metrics (by) · · developer-experience, metrics
- Designing Intrinsic Layouts (by/via) · · videos, css, layout, design
- Manipulating Arrays and Objects in JavaScript (by/via) · · videos, javascript, arrays, objects
- Reducing Design Risk (by/via) · · design, product-management
- An Introduction to Parcel.js, the No-Config Web Application Bundler (by/via) · · introductions, parcel, bundling
- 5 Tips to Get Your Dev Blog Running (by) · · tips-and-tricks, blogging, career
- What Is mTLS and How Does It Work? (by) · · security
- How to Succeed in Wireframe Design (by/via) · · how-tos, design, prototyping, tooling, link-lists
- Implementing Dark Mode in React Apps Using Styled-Components (by/via) · · dark-mode, react, components, javascript
- Invisible Design Systems (by/via) · · videos, design-systems
- Introduction to Netlify CMS (by) · · introductions, netlify, content-management, tooling
- Getting Started With Nuxt (by/via) · · introductions, nuxt
- Exploring Node.js Internals (via) · · nodejs
- The 4 Pillars of Good Embed Code (by) · · embed-code, usability, quality
- Real-World Effectiveness of Brotli (by) · · performance, compression, brotli, comparisons
- How to Create a Compelling Landing Page (by/via) · · how-tos, landing-pages, prioritization, hierarchy
- Quick Tip: How to Hide Whitespace Changes in Git Diffs (by/via) · · whitespace, tips-and-tricks, how-tos, github, gitlab, version-control
- Everything You Should Know About SSH and SSH Key Exchange (by) · · videos, protocols, ssh
- 98.css (by) · · websites, design-systems, microsoft, windows
- Best Practices With React Hooks (by/via) · · react, hooks, best-practices
- How to Create a Particle Trail Animation in JavaScript (by/via) · · how-tos, animations, javascript
- Learn Programming (by) · · websites, courses, programming, javascript
- HTML Tips (by) · · html, tips-and-tricks
- Getting Started With the React Hooks API (by/via) · · introductions, react, hooks, apis
- Usability Testing for Voice Content (via) · · usability, testing, voice
- Web Animations in Safari 13.1 (via) · · browsers, apple, safari, webkit, css, animations
- The Web Development Glossary (by/via) · · books, learning, training, concepts, terminology
- No Need to Protect Your Website From Scraping: 8 Reasons (via) · · web, scraping, seo, legal
- React Folder Structure in 5 Steps (by) · · react, architecture
- What’s New in ECMAScript 2020 (by) · · ecmascript, standards
- How to Create a Native Web Component Without a Framework (by/via) · · how-tos, web-components, javascript
- The Frameworks Paradox (by) · · frameworks
- The Devastating Price Developers Pay for Working Hard (via) · · career, culture, productivity, communication
- Creating a Similar Post Component With Eleventy (by) · · eleventy, functionality
- Why “Dark Mode” Causes More Accessibility Issues Than It Solves (by) · · dark-mode, accessibility
- No Web Without Women (via) · · websites, community
- MEAN Stack: Build an App With Angular and the Angular CLI (by/via) · · angularjs, nodejs, express, mongodb, databases, functionality
- The Component Gallery (by) · · websites, components
- Start Render: The Web Performance Metric That Heralds the End of the Blank Page (via) · · performance, metrics, web-vitals
- On the Responsibility That Comes With Good JavaScript Support (by) · · javascript, support
- How to Debug a Node.js Application: Tips, Tricks, and Tools (by/via) · · how-tos, nodejs, debugging, terminology, tips-and-tricks, tooling
- Performance Tips: Minifying HTML, CSS, and JS (via) · · videos, performance, html, css, javascript, minification, tips-and-tricks
- Margin Considered Harmful (by) · · css, components
- Creating Sortable Tables With React (by/via) · · react, tables, sorting
- The Complete Guide to the Dark Mode Toggle (by) · · guides, dark-mode, toggles
- A Practical Overview of CSS Houdini (by/via) · · overviews, css, houdini, apis, polyfills
- Mutual TLS: Stuff You Should Know (by/via) · · security, tls, protocols
- The Rise of the No-Code Movement (by/via) · · web, low-and-no-code
- 10 Behavior Patterns for UX Design (by/via) · · user-experience
- Testing With Jest: An Introduction (by/via) · · introductions, testing, jest
- Accessible SVGs: Inclusiveness Beyond Patterns (by/via) · · svg, images, accessibility, tooling
- Quick Tip: Configuring nginx and SSL With Node.js (by/via) · · servers, nginx, ssl, nodejs, configuration, tips-and-tricks
- 10 Git Techniques You Need to Know Before You Join a Team (by/via) · · git, command-line, techniques
- Setting Height and Width on Images Is Important Again (by/via) · · html, images, performance, web-vitals
- The Perils of Rehydration (by) · · react, hydration
- A Beginner’s Guide to Webpack (via) · · guides, webpack
- Optimize CSS Background Images With Media Queries (by/via) · · css, images, backgrounds, media-queries, optimization
- Why Are We Talking About CSS4? (by/via) · · css, standards
- How Emojis Work (by) · · emoji, unicode
- Simple Systems Have Less Downtime (by) · · simplicity
- Where Does SEO Belong in Your Web Design Process? (via) · · seo, design, processes
- Cross-Cultural Design (by/via) · · design, culture
- Don’t Try to Sanitize Input—Escape Output (by) · · security, sanitization, escaping
- What Does a Foldable Web Actually Mean? (by/via) · · mobile, responsive-design, user-experience
- A Cheatsheet of 128 Cheatsheets for Developers (by) · · cheat-sheets, link-lists
- Setting Up Tailwind CSS in a React Project (by/via) · · tailwind, react
- An Introduction to MongoDB (by/via) · · introductions, mongodb, databases
- The Economics of JavaScript Web Apps (by) · · javascript, web-apps, economics
- Page Builders Might Not Be a Good Idea (by) · · maintainability, consistency, performance, quality
- How We Learned to Draw Text on HTML5 Canvas (via) · · html, canvas, apis, svg, javascript
- Google Tag Manager vs. Page Speed: The Impact and How to Improve (by) · · google, tag-management, analytics, performance, optimization