News and Tools for Frontend Development (26)

(Stay up-to-date on all topics by RSS feed or on Mastodon.)

Intrinsic Typography Is the Future of Styling Text on the Web · Apr 20, 2021 · typography, css
Five Reasons Your First Design System Will Fail · Apr 19, 2021 · design-systems
Content-Aware Image Resizing in JavaScript · Apr 16, 2021 · javascript, images
CSS Hell · Apr 16, 2021 · websites, css
What Is DevOps? A Comprehensive Introduction · Apr 16, 2021 · introductions, dev-ops
Fifteen Design Trends from an Accessibility Perspective · Apr 13, 2021 · accessibility, design, trends
The 5 Most Popular Front-End Frameworks Compared · Apr 13, 2021 · frameworks, comparisons, react, angular, vuejs, svelte, emberjs
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know · Apr 12, 2021 · accessibility, wcag
Web Developer’s Guide to AVIF Images · Apr 12, 2021 · guides, images, avif
Variable Scope, Lexical Scope, and Code Blocks in JavaScript · Apr 12, 2021 · javascript, scope
Understanding Logical Focus Order · Apr 11, 2021 · accessibility, focus, html
Comparing the New Generation of Build Tools · Apr 8, 2021 · tooling, building, bundling, comparisons
Write a Plugin for Tailwind CSS · Apr 7, 2021 · tailwind, plugins
Getting Started With Preact · Apr 3, 2021 · introductions, preact
Building an Accessibility Library · Apr 2, 2021 · accessibility, processes
Defining a Strategy for Accessibility · Apr 1, 2021 · accessibility, strategies
Code in Quarantine · Mar 31, 2021 · quality, maintenance
Using Design Tokens to Accelerate Design Systems · Mar 31, 2021 · design-systems, design-tokens, css
Sentence Case versus Title Case · Mar 31, 2021 · accessibility, writing, headings
5 Things I’m Thinking About When I Check a Pull Request for Accessibility · Mar 30, 2021 · code-reviews, accessibility
How to Build a Developer Blog With Gatsby and MDX · Mar 30, 2021 · how-tos, gatsby, blogging
Primitive Values, Objects, and References in JavaScript Made Simple · Mar 29, 2021 · javascript, objects
Why Should We Care About Developer Experience (DX) · Mar 26, 2021 · developer-experience
Human-Readable JavaScript: A Tale of Two Experts · Mar 25, 2021 · javascript, maintainability
Not Your Typical Horizontal Rules · Mar 25, 2021 · html, semantics
How to Build a Great Developer Experience · Mar 23, 2021 · how-tos, developer-experience
Why Skip-Links Are Important for Accessibility · Mar 23, 2021 · accessibility, links
Taming Blend Modes: “difference” and “exclusion” · Mar 22, 2021 · css, blend-modes
Git Maintenance · Mar 20, 2021 · git, maintenance
React vs. Vue in 2021: Best JavaScript Framework · Mar 19, 2021 · frameworks, vuejs, react, comparisons
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations · Mar 18, 2021 · css, animations, accessibility
Why Your Website Should Work Without JavaScript · Mar 17, 2021 · accessibility, javascript, support, graceful-degradation
The 5-Hour CDN · Mar 16, 2021 · performance, content-delivery
Minimalism Is Boring · Mar 10, 2021 · design, minimalism
Comparing Svelte and React · Mar 9, 2021 · svelte, react, comparisons
A Comprehensive Guide to JavaScript Design Patterns · Mar 9, 2021 · guides, javascript, software-design-patterns
You Want Enabling CSS Selectors, Not Disabling Ones · Mar 8, 2021 · css, selectors
JavaScript: What Is the Meaning of “this”? · Mar 8, 2021 · javascript
Beyond “console.log()”—Level Up Your Debugging Skills · Mar 8, 2021 · javascript, console, debugging
Enforce, Enable, and Empower · Mar 5, 2021 · design-systems
How to Get a Dysfunctional Team Back on Track · Mar 4, 2021 · leadership, culture, collaboration
Semantic Versioning Will Not Save You · Mar 2, 2021 · versioning
Introduction to ARIA Live Regions · Feb 25, 2021 · introductions, accessibility, aria, live-regions
The Future of Web Software Is HTML-over-WebSockets · Feb 25, 2021 · visions, html, websocket
Automating the Accessibility Tests of Your Source Code With GitHub Actions · Feb 22, 2021 · accessibility, testing, automation, github
Hello World · Feb 18, 2021 · announcements
Managing CSS Colors Systems With a Single Source of Truth · Feb 17, 2021 · css, colors, maintainability
Front-of-the-Front-End and Back-of-the-Front-End Web Development · Feb 16, 2021 · career
Understanding Z-Index in CSS · Feb 16, 2021 · css
How to Test the Accessibility of Your Components With Storybook · Feb 13, 2021 · how-tos, accessibility, components, storybook
The Significance of Building Offline-First Apps · Feb 12, 2021 · offline, web-apps
The Never-Ending Job of Selling Design Systems · Feb 11, 2021 · design-systems
Seven Myths About Alt Text · Feb 11, 2021 · accessibility, alt-text
10 Principles of the Best Landing Page Design · Feb 8, 2021 · principles, design, landing-pages
Revisiting Dark Patterns With the HTML “dialog” Tag · Feb 8, 2021 · modals, html, javascript
5 Tips for Your Next Promotion or Salary Raise · Feb 3, 2021 · career
One Figma Component—3,360 Variants · Feb 1, 2021 · components, figma
Uniwidth Typefaces for Interface Design · Jan 27, 2021 · typography, fonts
Hotwire: HTML over the Wire · Jan 27, 2021 · hotwire
Building a Consistent Platform · Jan 26, 2021 · design-systems
Javascript Obfuscation: What, Why, and How? · Jan 26, 2021 · javascript, obfuscation
The Do’s and Don’ts of Code Reviews · Jan 25, 2021 · code-reviews, quality, learning
In Critical Defense of Frontend Development · Jan 21, 2021 · quality
HTML: The 16 Content Categories and Their Elements · Jan 20, 2021 · html, semantics
The Definitive Guide to Feature Management · Jan 20, 2021 · guides, feature-management, releasing
How Does CSS Work? · Jan 19, 2021 · css
Laravel and Hotwire Intro · Jan 15, 2021 · introductions, laravel, hotwire
Popup Problems · Jan 8, 2021 · videos, pop-ups, modals, usability
Ethical Design Guide · Dec 27, 2020 · websites, guides, design
HTML and CSS Techniques to Reduce Your JavaScript · Dec 27, 2020 · html, css, javascript, performance
The Art of Leadership · Dec 24, 2020 · leadership
Using “throw” as an Expression in PHP 8 · Dec 23, 2020 · php
Symbols to Copy · Dec 23, 2020 · websites, tooling, typography
Ignore AMP · Dec 21, 2020 · amp
Why You Should Self-Host Google Fonts in 2021 · Dec 16, 2020 · fonts, google
The Shorthand–Longhand Problem in Atomic CSS · Dec 14, 2020 · css, cascade, css-in-js
JavaScript · Dec 10, 2020 · studies, research, javascript
Page Weight · Dec 10, 2020 · studies, research, performance
TLS and mTLS Demystified · Dec 9, 2020 · security, tls, protocols
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of · Dec 9, 2020 · edge-computing, security
Accessibility · Dec 9, 2020 · studies, research, accessibility
CSS · Dec 9, 2020 · studies, research, css
Command Line Interface Guidelines · Dec 4, 2020 · websites, guidelines, command-line
Alt vs. Figcaption · Dec 1, 2020 · html, accessibility, comparisons
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages · Nov 25, 2020 · html, css, javascript
To Be Creative, Practice · Nov 24, 2020 · design, creativity
Know Your Standards · Nov 24, 2020 · accessibility, standards, wcag, aria, html, link-lists
Best Practices for Inclusive Textual Websites · Nov 23, 2020 · security, performance, accessibility, best-practices
Leveraging System Fonts on the Web · Nov 23, 2020 · fonts
CSS Vendor Prefixes · Nov 22, 2020 · css, prefixing
Upgrade Your HTML II · Nov 17, 2020 · books, html, minimalism, craft, conformance
How to Deal With Common React JS Problems—Actionable Tips · Nov 16, 2020 · how-tos, react, tips-and-tricks
The Raven Technique: One Step Closer to Container Queries · Nov 10, 2020 · css, container-queries, techniques
Markup · Nov 10, 2020 · studies, research, html
Chasing the Pixel-Perfect Dream · Nov 2, 2020 · design, css
Touch, Point, Click: Mouse vs. Touch Screen Input · Oct 20, 2020 · accessibility, interaction-design, comparisons
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met · Oct 16, 2020 · guidelines, seo, quality, google
An Opinionated Guide to Accessibility Testing · Oct 14, 2020 · guides, accessibility, testing
What Apple, Google, and Amazon’s Websites Looked Like in 1999 · Oct 11, 2020 · design, history
How to Find the Cause of Horizontal Scrollbars · Oct 8, 2020 · how-tos, css, debugging, scrolling
CSS Variables 101 · Oct 6, 2020 · css
Micro-Note on “aria-roledescription” · Oct 6, 2020 · accessibility, aria
Reducing the Site Speed Impact of Third-Party Tags · Oct 2, 2020 · performance, embed-code
“font-kerning” · Sep 25, 2020 · css, kerning, typography
Drawing the Invisible: React Explained in Five Visual Metaphors · Sep 22, 2020 · videos, react
Custom Properties: Questioning “:root” · Sep 21, 2020 · cross-posted, css, custom-properties
Generate a Sitemap for Your Eleventy Website · Sep 16, 2020 · eleventy, sitemaps, seo
MIME Types (IANA Media Types) · Sep 15, 2020 · mime-types
Use Advanced Typography With Local Fonts · Aug 24, 2020 · typography, fonts, apis
The Thing With Leading in CSS · Aug 24, 2020 · css, typography
Why Did Mozilla Remove XUL Add-Ons? · Aug 21, 2020 · user-agents, mozilla, xul
Loading Third-Party JavaScript · Aug 20, 2020 · javascript, performance
“this” in JavaScript and TypeScript · Aug 19, 2020 · javascript, typescript
The Anti-Reset (to Reset to User Agent Styles) · Aug 17, 2020 · css, resetting
Effective Code Browsing · Aug 16, 2020 · code-reviews
JS Minification Benchmarks · Aug 14, 2020 · javascript, minification, metrics
Islands Architecture · Aug 11, 2020 · architecture, html, concepts
Vue vs. React in 2021: Which Framework to Choose and When · Aug 6, 2020 · frameworks, vuejs, react, comparisons
Updating React at Etsy · Jul 29, 2020 · case-studies, react, preact, frameworks
Introduction to Metrics, Monitoring, and Alerting · Jul 29, 2020 · introductions, metrics, monitoring, alerting
Accessibility on the Canvas With JavaScript · Jul 28, 2020 · accessibility, javascript, canvas
Introduction to Memoization in JavaScript · Jul 25, 2020 · introductions, memoization, javascript
JavaScript to Know for React · Jul 15, 2020 · javascript, react
How to Document the Screen Reader User Experience · Jul 10, 2020 · how-tos, user-agents, assistive-tech, screen-readers, documentation, user-experience
A Beginner’s Guide to Microcontent · Jul 7, 2020 · guides, content, microcontent, concepts
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn · Jul 6, 2020 · websites, guides, design
Introduction to Logging in Python · Jul 3, 2020 · introductions, logging, python
Fast Sorting With Quicksort · Jul 2, 2020 · algorithms, sorting
Platform Adjacency Theory · Jun 30, 2020 · user-agents, web-platform
90’s Cursor Effects · Jun 28, 2020 · websites, effects, javascript
CSS Fundamentals: Vendor Prefixing · Jun 25, 2020 · css, fundamentals, prefixing
A Practical Guide to Testing React Applications With Jest · Jun 24, 2020 · guides, testing, react, jest
App Shell UX With Service Workers and Streams · Jun 23, 2020 · web-apps, spas, architecture, web-workers, streaming
Decentralization off the Shelf · Jun 15, 2020 · websites, design-patterns
Javascript RORO Pattern · Jun 13, 2020 · javascript
Allow End-User Styling Overrides · Jun 12, 2020 · css, cascade, user-styles
The Complete Guide to CSS Media Queries · Jun 2, 2020 · guides, css, media-queries
30 Seconds of Code · May 28, 2020 · websites, javascript, css, techniques
Dark Patterns in UX · May 28, 2020 · user-experience, dark-patterns
Web Platform Contribution Guide · May 26, 2020 · websites, guides, web-platform, standards, community
Tools for Better Thinking · May 25, 2020 · websites, productivity, learning, training
A User’s Guide to CSS Variables · May 21, 2020 · guides, css, custom-properties
Ask an Expert: Why Is CSS… the Way It Is? · May 21, 2020 · css
Micro-Frontends in Context · May 21, 2020 · micro-frontends
How to Reevaluate Your Frontend Architecture · May 21, 2020 · how-tos, architecture
Static Hoisting · May 20, 2020 · javascript
The Third Age of JavaScript · May 20, 2020 · javascript
The Secret of Typography, Kerning, Explained for Dummies · May 20, 2020 · typography, kerning
What Every JavaScript Developer Should Know About Unicode · May 19, 2020 · javascript, unicode
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior · May 17, 2020 · guides, react, client-side-rendering
The Need for Speed, 23 Years Later · May 17, 2020 · performance, user-experience, history
Developer Experience Metrics · May 11, 2020 · developer-experience, metrics
Manipulating Arrays and Objects in JavaScript · May 9, 2020 · videos, javascript, arrays, objects
What Is mTLS and How Does It Work? · Apr 30, 2020 · security
Invisible Design Systems · Apr 28, 2020 · videos, design-systems
Introduction to Netlify CMS · Apr 28, 2020 · introductions, netlify, content-management, tooling
The 4 Pillars of Good Embed Code · Apr 23, 2020 · embed-code, usability, quality
Everything You Should Know About SSH and SSH Key Exchange · Apr 17, 2020 · videos, protocols, ssh
Learn Programming · Apr 14, 2020 · courses, programming, javascript
No Need to Protect Your Website from Scraping: 8 Reasons · Apr 7, 2020 · web, scraping, seo, legal
The Web Development Glossary · Apr 7, 2020 · books, learning, training, concepts, terminology
How to Create a Native Web Component Without a Framework · Apr 3, 2020 · how-tos, web-components, javascript
The Frameworks Paradox · Apr 2, 2020 · frameworks
Why “Dark Mode” Causes More Accessibility Issues Than It Solves · Mar 31, 2020 · dark-mode, accessibility
The Component Gallery · Mar 30, 2020 · websites, components
On the Responsibility That Comes With Good JavaScript Support · Mar 26, 2020 · javascript, support
Margin Considered Harmful · Mar 24, 2020 · css, components
The Complete Guide to the Dark Mode Toggle · Mar 20, 2020 · guides, dark-mode
Mutual TLS: Stuff You Should Know · Mar 19, 2020 · security, tls, protocols
A Practical Overview of CSS Houdini · Mar 19, 2020 · overviews, css, apis, polyfills
10 Behavior Patterns for UX Design · Mar 16, 2020 · user-experience
Testing with Jest: An Introduction · Mar 15, 2020 · introductions, testing, jest
The Perils of Rehydration · Mar 7, 2020 · react, hydration
A Beginner’s Guide to Webpack · Mar 6, 2020 · guides, webpack
Why Are We Talking About CSS4? · Mar 4, 2020 · css, standards
How Emojis Work · Mar 3, 2020 · emoji, unicode
Simple Systems Have Less Downtime · Mar 2, 2020 · simplicity
Cross-Cultural Design · Feb 27, 2020 · design, culture
The Economics of JavaScript Web Apps · Feb 23, 2020 · javascript, web-apps, economics
Page Builders Might Not Be a Good Idea · Feb 20, 2020 · maintainability, consistency, performance, quality
What Is Kerning? Here’s What You Need to Know · Feb 18, 2020 · typography, kerning
Google Tag Manager vs. Page Speed: The Impact and How to Improve · Feb 18, 2020 · google, tag-management, analytics, performance, optimization
What Is Memoization? · Feb 13, 2020 · memoization, javascript, concepts
Understanding Map and Set in JavaScript · Feb 12, 2020 · javascript
Design System UI Is More Expensive Than a Product Team’s UI · Feb 11, 2020 · design-systems, design
The Web We Want · Feb 11, 2020 · surveys, standards, tooling, web
Introduction to WebSockets: How to Create Responsive and Low-Latency Applications · Feb 1, 2020 · introductions, protocols, apis, websocket
Standards for Writing Accessibly · Jan 23, 2020 · accessibility, user-experience, content, writing, conventions
The History of JavaScript: A Journey from Netscape to Frameworks and Libraries · Jan 22, 2020 · history, javascript, frameworks, libraries, netscape
React Tutorial · Jan 20, 2020 · courses, tutorials, react
Goodbye, Clean Code · Jan 11, 2020 · principles, processes, quality
Improving Site Performance With Webpack Tree Shaking · Jan 10, 2020 · performance, optimization, webpack, tree-shaking
How to Convert Variable TTF Font Files to WOFF2 · Jan 9, 2020 · how-tos, fonts, typography, conversion
Decision Strategies for a Micro Frontends Architecture · Jan 8, 2020 · architecture, micro-frontends
Putting Devs Before Users: How Frameworks Destroyed Web Performance · Jan 2, 2020 · frameworks, performance, developer-experience
An Introduction to Cascading Style Sheets (CSS) · Dec 26, 1999 · introductions, css
HTML 4.01 Specification · Dec 24, 1999 · html, standards
XML Looks Like a Winner, but Where Are Its Tag Sets? · Dec 13, 1999 · xml
XSL Transformations (XSLT) Version 1.0 · Nov 16, 1999 · xsl, standards
Making Sites Accessible to the Whole Wide World · Nov 8, 1999 · accessibility, legal, guidelines, tips-and-tricks
The Money Page · Nov 5, 1999 · user-experience, economics
Graceful Degradation of Scalable Internet Services · Oct 31, 1999 · graceful-degradation, mobile
An Introduction to XML · Oct 12, 1999 · introductions, xml
How the Web Works: HTTP and CGI Explained · Oct 12, 1999 · web, protocols, http
Where the Web Leads Us · Oct 6, 1999 · web, visions, open-source, economics
Ten Good Deeds in Web Design · Oct 3, 1999 · design, usability, best-practices, conventions
Conformance Testing for XML Processors · Sep 15, 1999 · xml, conformance, testing
What Is XML? · Aug 15, 1999 · terminology, xml, css, xsl, dom
Why Open Standards Are a Myth · Aug 6, 1999 · standards, open-source
JavaScript Guidelines and Best Practice · Jun 26, 1999 · javascript, guidelines, best-practices
Everything You Never Need to Know About HTML 4.0 · Jun 25, 1999 · interviews, html
Netscape Bites Bullet · Jun 18, 1999 · user-agents, netscape
Framesets and Nested Frames · Jun 18, 1999 · html, layout, frames
The Web Accessibility Initiative: A Reality Check · Jun 17, 1999 · w3c, accessibility, legal
What Are Web Standards and Why Should I Use Them? · Jun 15, 1999 · html, xml, css, dom, ecmascript, accessibility, standards, craft
Disabled Accessibility: The Pragmatic Approach · Jun 13, 1999 · accessibility, design, processes
A Hitchhiker’s Guide to XML · Jun 7, 1999 · guides, xml
Bitmaps and Vectors: Web Graphics Evolve · Jun 1, 1999 · images, comparisons, gif, jpeg, png
XSL Considered Harmful · May 20, 1999 · xsl
The Single Pixel GIF · May 14, 1999 · html, images, gif, techniques
Web Content Accessibility Guidelines 1.0 · May 5, 1999 · accessibility, guidelines, wcag, standards
Getting Started With XML Programming · Apr 21, 1999 · introductions, xml, programming
25 Top Unsung Heroes on the Net · Apr 19, 1999 · web, community
Stuck With Old Browsers Until 2003 · Apr 17, 1999 · user-agents, netscape, support
Access for All · Mar 29, 1999 · accessibility, w3c, case-studies
Fear of Style Sheets · Mar 12, 1999 · css, user-agents, support, interoperability, progressive-enhancement
The Creative Process · Mar 12, 1999 · design, creativity, processes
How to Spruce Up Your E-Mail With HTML · Feb 18, 1999 · email, html
Vendors Can’t Agree on XML Data Exchange · Feb 15, 1999 · xml
Basic Image Insertion · Feb 12, 1999 · html, images
XML: More Than Just a Quick Fix · Feb 8, 1999 · xml
Redefining Possible · Jan 22, 1999 · web-platform
Writing for the Web · Jan 22, 1999 · writing
Comparing XSL and CSS · Jan 19, 1999 · xsl, css, comparisons
The Extensible Style Language · Jan 1, 1999 · xsl, css, comparisons
Reformulating HTML in XML · Dec 5, 1998 · html, xml
A Technical Introduction to XML · Oct 3, 1998 · introductions, xml
Validators · Sep 24, 1998 · html, conformance, quality, tooling, link-lists
Java-Related HTML Tags · Sep 11, 1998 · html, java
WAI Scenarios for Accessibility · Sep 1, 1998 · accessibility
Collecting Your Font Styles · Aug 28, 1998 · css, typography
Tagset for Compact HTML · Aug 21, 1998 · html, overviews
Graceful Degradation · Jul 19, 1998 · concepts, graceful-degradation, forms, javascript
Why Attribute Values Should Always Be Quoted in HTML · Jul 6, 1998 · html
Nesting · Jun 30, 1998 · concepts, html, nesting
Cascading Style Sheets, Level 2 · May 12, 1998 · css, standards
HDML, Take Two · May 11, 1998 · hdml, wap, mobile
Namespaces Put “Extensibility” in XML · May 11, 1998 · xml, namespacing, scaling
Metadata: The Matchmaker of the Web · May 4, 1998 · metadata, html, xml
Cost of User Testing a Website · May 2, 1998 · usability, testing, economics