“2010s” Archive
Frontend Dogma is a constant work in progress, but that’s particularly true for the 2000s and 2010s. Reach out to suggest articles, videos, and books from the time (including your own).
- What Is SSI? What Are Server-Side Includes? (via) · · ssi
- Usability and Security; Better Together (via) · · usability, security, user-experience
- There Is No Design System (by/via) · · design-systems, concepts
- An HTML Optimizer’s Config for html-minifier (by) · · html, html-minifier, minification, optimization, configuration, performance, minimalism
- How to Style and Animate the Letters in a String Using CSS (by) · · how-tos, html, css, animations
- Landing Pages: The Art of Conversion (via) · · landing-pages, user-conversion
- A History of CSS Through Fifteen Years of 24 Ways (by/via) · · css, history
- “rem” in CSS: Understanding and Using “rem” Units (by/via) · · css, units
- When to Open Links in a New Tab (by) · · links, user-experience
- A Tale of CSS Resets and Everything You Need to Know About Them (by/via) · · css, resetting, examples, link-lists
- Interactivity and Animation With Variable Fonts (by/via) · · variable-fonts, fonts, animations, javascript, css
- Future Accessibility Guidelines—for People Who Can’t Wait to Read Them (by/via) · · accessibility, guidelines, visions
- Dynamic Typography With Variable Fonts (by/via) · · videos, typography, fonts, variable-fonts
- WebGL Tips (by) · · webgl, canvas, tips-and-tricks
- CSS: When to Use Logical Properties (by) · · css, logical-properties
- 200 OK! Error Handling in GraphQL (by) · · graphql, errors
- CSS at the Intersection (via) · · videos, css
- Conversational Semantics (by/via) · · videos, html, semantics, voice
- The Layers of the Web (by/via) · · videos, web, history
- Getting Started With Puppeteer (via) · · introductions, tooling, puppeteer
- How TypeScript Makes You a Better JavaScript Developer (by/via) · · typescript, javascript
- Microservices Introduction (by) · · introductions, microservices
- Upgrade Your HTML (the Booklet) (by) · · books, html, minimalism, craft, conformance
- Shadow Tree Encapsulation Theory (by) · · dom, shadow-dom
- How the Success of WordPress Is Due to Its Plugin Ecosystem (via) · · wordpress, plugins
- What Is Functional Programming? (by/via) · · programming, concepts
- On Writing Better Markup (by) · · html, quality, maintainability, performance, terminology
- Heading Levels (by) · · html, headings
- CSS Circles (by/via) · · css, techniques
- The Case for XML5 (by) · · xml
- Create a Cron Job on AWS Lambda (by/via) · · cron, aws
- An Introduction to the Spatial Web (by/via) · · introductions, spatial-web
- The Developer’s Fallacy of Close Collaboration With Designers (by) · · design, collaboration, creativity
- Liquid Templating Crash Course · · crash-courses, liquid, template-engines, jekyll, examples
- A Brief History of the Original Browsers and the First Browser War (by) · · user-agents, browser-wars, history
- What Is Vuetify? How to Install and Key Components Overview · · vuetify, nuxt, laravel, examples, how-tos
- How to Add CSS Vendor Prefixes Automatically (by/via) · · how-tos, css, vendor-extensions, automation, tooling, postcss, webpack, gulp, npm
- Definition of Web Developer (by) · · terminology, career, tooling
- How to Build Unique, Beautiful Websites With Tailwind CSS (by/via) · · how-tos, tailwind
- Caniuse and MDN Compatibility Data Collaboration (by+/via) · · web-platform, user-agents, support, mozilla
- It’s Not Wrong that '🤦🏼♂️'.length == 7 (by) · · javascript, unicode
- “Must Work Without JavaScript” (by) · · javascript, support
- Optional HTML (by) · · html
- The History of Browser Wars (by/via) · · history, browser-wars, user-agents
- Optional HTML: Everything You Need to Know (by) · · html, performance, minimalism
- A Guide to Visual Testing With Percy (by/via) · · guides, testing, regressions, tooling
- Jenkins Cheatsheet—Know the Top Best Practices of Jenkins (by/via) · · dev-ops, ci-cd, jenkins, cheat-sheets, best-practices
- How to Set Up a Vue Development Environment (by/via) · · how-tos, vuejs, environments
- MSDN Magazine Ends in November (by) · · microsoft, learning
- AWS vs. Azure vs. Google: Cloud Services Comparison (by/via) · · cloud-computing, comparisons, aws, microsoft, google, gcp
- The Simplest Way to Load CSS Asynchronously (by/via) · · css, performance
- When to Use “img,” “img@ srcset,” and “picture” and “source” (by) · · html, images
- Shifting the Performance Burden (by/via) · · performance
- An Introduction to Cloudflare Workers (by/via) · · introductions, cloudflare
- How to Get Started With Vuetify (by/via) · · how-tos, libraries, components, vuetify
- A Beginner’s Guide to Vue CLI (by/via) · · guides, vuejs
- The Anatomy of Accessible Forms: Error Messages (by/via) · · accessibility, forms, errors, validation
- How to Use Redux With React Hooks (by) · · how-tos, redux, react, hooks
- The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (by) · · checklists, html, accessibility, performance, seo, social-media
- A Deep Dive Into Redux (via) · · redux, deep-dives
- Responsible JavaScript (by/via) · · javascript, tree-shaking, code-splitting, embed-code, transpiling, performance, tooling
- So You Think You’re Design Driven (by/via) · · design
- Perch Is Ten! Find Out What Comes Next (by/via) · · perch
- Self-Host Your Static Assets (by) · · performance, hosting, caching
- Daily Ethical Design (via) · · design, ethics
- Understanding Image Compression: Tooling and Context (by) · · images, performance, compression, tooling
- Why the Highest-Paid Developers “Fight” Their Coworkers (via) · · career, collaboration, culture
- Vue.js and SEO: How to Optimize Reactive Websites for Search Engines and Bots (by/via) · · how-tos, vuejs, seo
- Take Back Your Web (by/via) · · videos, web, social-media, indieweb
- The Scoville Scale of Web Font Loading Opinions (by/via) · · videos, fonts, performance
- A Guide to the Pug HTML Template Preprocessor (by/via) · · guides, template-engines, pug
- Polypane, Browser for Developers and Designers, Available Now (by) · · polypane, user-agents
- Beginner’s Guide: Build and Deploy a Web App With Ruby on Rails (via) · · guides, building, deploying, web-apps, ruby-on-rails
- A Crime Called Favicon (by) · · images, favicons, maintainability
- Explore GraphQL With Apollo and React: Build a Superhero Database (via) · · graphql, react, databases
- HTML Optimization: A Standard Config for HTMLMinifier (by/via) · · html, optimization, configuration, tooling
- Breaking to a New Row With Flexbox (by) · · css, flexbox, layout, techniques
- An Introduction to Gulp.js (by/via) · · introductions, gulp, examples
- Tips for Technical Interviews (by) · · interviewing, career, tips-and-tricks
- How Can We Make Website Maintenance Work More Visible? (by) · · maintenance
- Getting Up and Running With the Vue.js 2.0 Framework (by/via) · · introductions, vuejs
- Print Styling, the 3 Basics (by) · · fundamentals, print, css
- Introduction to Babel (by) · · introductions, babel, transpiling, tooling
- Parcel.js Quick Introduction—Zero Configuration Bundler (by) · · videos, introductions, parcel, bundling
- How to Conditionally Apply a CSS Class in Vue.js (by/via) · · how-tos, css, vuejs
- Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (by) · · performance, http, hints
- JS vs. Java—Dynamic Typing · · javascript, java, comparisons
- CSS Remedy (by/via) · · css, resetting
- “Cache-Control” for Civilians (by) · · performance, caching, http
- CSS Remedy—Rethinking the Approach to CSS Resets (by) · · css, resetting
- How to Avoid DOM Blocking in JavaScript (by/via) · · how-tos, dom, javascript, performance
- 5 Simple UX Principles to Guide Your Product Design (by/via) · · user-experience, design, principles
- Why Every Browser Switching to Blink Could Be Bad News for the Web · · user-agents, browser-engines, blink, google, chrome, microsoft, edge, web
- What’s New in ECMAScript 2019 (by) · · ecmascript, standards
- HTML and Performance: Leave Out Optional Tags and Quotes (by) · · html, performance
- Meteor Framework Review (by) · · meteor
- Guide to Web Authentication (by) · · websites, authentication, security, javascript
- How to Migrate to Gulp.js 4.0 (by/via) · · how-tos, gulp, migration
- UX in the Age of Personalization (by/via) · · user-experience, personalization
- Google Lighthouse and PWA (by) · · google, lighthouse, web-apps
- Automatic CloudFront Invalidation for S3 Origins (via) · · aws, cloudfront, caching, automation
- a11y-syntax-highlighting (by) · · packages, npm, accessibility, syntax-highlighting
- It’s Beginning to Look a Lot Like XSSmas (by/via) · · security, vulnerabilities
- “ERROR Error”: You Can’t Have a Focus Trap Without at Least One Focusable Element · · angular, focus, keyboard-navigation
- Keeping Sass Simple and Speedy on Eleventy (by) · · sass, eleventy, performance
- Checking if an Input Is Empty With CSS (by) · · css, forms
- Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (by/via) · · javascript, frameworks, libraries, tooling, link-lists
- On Visions for Performance, or: Performance Optimization Is a Process (by) · · performance, optimization, visions, processes
- A Blue Beanie for Blue Beanie Day (via) · · user-agents, vivaldi, standards, awareness-days
- Amazon DynamoDB Deep Dive: Advanced Design Patterns for DynamoDB (by/via) · · videos, aws, dynamodb, databases, software-design-patterns, deep-dives
- JavaScript Is for Web Apps, Not for Websites · · javascript, web-apps
- Should Designers Code (by) · · design, creativity, career
- Extreme Typography on the Web (by/via) · · videos, typography
- I, Human (by/via) · · videos, accessibility, ai
- Performance Rule #1: Do What You Need to Do—But Not More (by) · · performance, simplicity
- Performance Budgets 101 (by/via) · · introductions, performance, performance-budgets, metrics
- Focus Trapping for Accessibility (A11Y) · · accessibility, focus, keyboard-navigation, javascript
- AWS Security Guide: 7 Best Practices to Avoid Security Risks (via) · · guides, security, aws, best-practices
- Non-Noxious Nomenclature (via) · · naming
- Build a Single-Page App With Go and Vue (by/via) · · single-page-apps, vuejs, go
- Using WordPress as a Headless CMS (by/via) · · wordpress, headless, content-management
- Building a Non-Blog Site With WordPress (by/via) · · wordpress
- Writing for Designers (by/via) · · design, writing, processes
- Develop WordPress Themes Faster With Gulp (by/via) · · wordpress, theming, gulp
- A Guide to Caching in WordPress (by/via) · · guides, wordpress, performance, caching, plugins
- How to Configure Lighthouse for Balanced Quality Websites (by) · · how-tos, performance, google, lighthouse, configuration, quality
- The Beginner’s Guide to WordPress SEO (via) · · guides, wordpress, seo
- CSS Debugging and Optimization: Minification With CSSO (by/via) · · css, debugging, optimization, minification, tooling
- The Psychology of Design (by/via) · · design, user-experience, principles
- Privacy by Design: How to Sell Privacy and Make Change (by/via) · · how-tos, privacy
- A Short Guide to Minimal Web Development (by) · · guides, minimalism, learning, training
- Responsive Images (by/via) · · html, css, images, responsive-design
- How to Get Started With CSS Animation (by/via) · · how-tos, css, animations
- CSS Architecture: Block Element Modifier (BEM) and Atomic CSS (by/via) · · css, architecture, naming, bem, atomic-css
- How to Use Gulp.js to Automate Your CSS Tasks (by/via) · · how-tos, gulp, postcss, css, automation
- Web Development and the GDPR (by) · · embed-code, legal, privacy
- Conversational Semantics (by/via) · · html, semantics, voice
- 20 Tips for Optimizing CSS Performance (by/via) · · css, performance, optimization, tips-and-tricks
- CSS Logical Properties and Values Level 1 (by+/via) · · css, logical-properties, standards
- Three Ways to Grow Your Traffic and Capture Audience (by/via) · · marketing, social-media, seo, traffic, optimization
- The Benefits of Using CSS Grid for Web Form Layout (by/via) · · css, grids, forms, layout
- CSS Logical Properties (by/via) · · css, logical-properties
- 37 Theses on CSS and Web Development (by) · · css, optimization, best-practices, processes
- Variable Fonts: What They Are, and How to Use Them (by/via) · · how-tos, fonts, variable-fonts, performance
- Browser Painting and Considerations for Web Performance (by/via) · · user-agents, browser-engines, painting, rendering, performance
- Icon Fonts vs. SVGs—Which One Should You Use in 2018? (via) · · fonts, icon-fonts, svg, images
- The History of CSS Resets (via) · · css, resetting, history
- New Syntax for JS “Function Stuff” (by) · · javascript, functions, operators
- Doing More With Less, an Introduction to a CSS Pre-Processor · · introductions, css, preprocessors, less
- HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It (via) · · protocols, http, comparisons, performance
- How to Use Feature Flags in Continuous Integration (by/via) · · how-tos, feature-management, ci-cd, netlify
- Webmentions: Enabling Better Communication on the Internet (by/via) · · webmention
- AMP, a Strategy (by) · · google, amp, strategies
- HTTP/2: Background, Performance Benefits, and Implementations (by/via) · · protocols, http, performance
- Improving Performance Perception: On-Demand Image Resizing (by/via) · · performance, optimization, images, resizing, html
- The Craft of CSS (by) · · css, craft
- Server-Side Optimization With nginx and “pm=static” (by/via) · · servers, nginx, tooling, optimization
- Marketing as a Front End Web Developer? · · marketing
- 7 Performance Tips for Jank-Free JavaScript Animations (by/via) · · performance, javascript, animations, tips-and-tricks
- The Problem With Patterns (by/via) · · design, design-patterns, processes, user-experience, collaboration
- Making Your Website Faster and Safer With Cloudflare (by/via) · · performance, caching, security, cloudflare
- Debugging JavaScript Projects With VS Code and Chrome Debugger (by/via) · · javascript, debugging, vs-code, microsoft, code-editors, chrome, google, user-agents, dev-tools
- 10 Things I Regret About Node.js (by/via) · · videos, nodejs
- A Beginner’s Guide to Babel (via) · · guides, babel, transpiling, javascript
- Using ES Modules in the Browser Today (by/via) · · javascript, esm
- The History of WordPress (via) · · wordpress, history
- Whatever Happened to the Semantic Web? (via) · · semantic-web, xml, rdf, metadata, history
- Authenticating Firebase and Angular With Auth0 (by/via) · · authentication, angular
- 15 Bootstrap Tools and Playgrounds (by/via) · · bootstrap, tooling, link-lists
- What the Heck Does “Script Error” Mean? (by/via) · · javascript, errors
- 10 Tricks and Techniques to Make the Most Out of Sketch (by/via) · · sketch, tips-and-tricks, techniques
- The Slow Death of Internet Explorer and the Future of Progressive Enhancement (by/via) · · user-agents, microsoft, internet-explorer, progressive-enhancement
- Don’t Use My Grid System or Any Others (by/via) · · videos, css, layout, grids
- ARIA Serious? (by/via) · · videos, accessibility, aria
- The Dangers of Being a Web Developer (by/via) · · videos, career
- Responsive Tables, Revisited (by) · · tables, css, responsive-design
- How to Automate a Design (via) · · how-tos, design, automation
- Priority Guides: A Content-First Alternative to Wireframes (via) · · design, prototyping, content
- 10 Essential Sublime Text Plugins for JavaScript Developers (via) · · sublime-text, code-editors, plugins, javascript, link-lists
- Setting Up an ES6 Project Using Babel and Webpack (by/via) · · javascript, babel, webpack
- rfc.fyi (by) · · websites, web-platform
- An Introduction to Drupal for React Developers (by+/via) · · introductions, drupal, react
- JavaScript Design Patterns: The Singleton (via) · · javascript, software-design-patterns
- Introduction to the Fetch API (by/via) · · introductions, data-fetching, apis, javascript
- Understanding ES6 Modules (by/via) · · javascript, modules, commonjs, esm
- CSS Optimization Basics (by) · · books, css, optimization, fundamentals
- What Are the Differences Between PhpStorm and WebStorm? Which IDE Is Right for You? (via) · · phpstorm, webstorm, jetbrains, code-editors, comparisons
- Going Offline (by/via) · · web, offline, servers, web-workers
- A Practical Guide to Angular Directives (by/via) · · guides, angular
- MongoDB Evolved (via) · · mongodb, release-notes, history
- Introducing Last Painted Hero (by/via) · · introductions, performance
- Angular 2 Components and Providers: Classes, Factories, and Values (by/via) · · angular
- Python Developers Survey 2017 Results (via) · · surveys, python
- Trickle Down Accessibility (by) · · slides, accessibility
- Conversational Design (via) · · design, interaction-design
- Could This Be Easier? (by) · · simplicity
- 10 Advanced Joomla Tips to Become a Pro (via) · · joomla, tips-and-tricks
- We Write CSS Like We Did in the 90s, and Yes, It’s Silly (by/via) · · css, craft, quality, conventions, sorting
- Your Interactive Makes Me Sick (by/via) · · accessibility, scrolling, examples, user-experience
- What Happens to Us Does Not Happen to Most of You (by/via) · · community, dei
- Animating Bootstrap Carousels With GSAP’s Animation Library (via) · · bootstrap, carousels, animations, gsap
- HTML, CSS, and Dependency Direction (by) · · html, css, dependencies, maintainability, best-practices
- Front-End Frameworks: Custom vs. Ready-to-Use Solutions (by/via) · · frameworks, comparisons, customization
- How Declaration Repetition Developed Over Time, a Statistically Insignificant Sample (by) · · css, maintainability, metrics, history
- Why I Love Bootstrap, and Why You Should Too (by/via) · · bootstrap
- What’s New in ECMAScript 2018 (by) · · ecmascript, standards
- The Compact Guide to Web Maintainability: 200 Tips and Resources (by) · · guides, maintainability, tips-and-tricks, link-lists
- Why Fast Matters (by/via) · · videos, performance, economics
- Sacrificing the Golden Calf of “Coding” (by/via) · · videos, career, programming
- How to Optimize CSS and JS for Faster Sites (via) · · how-tos, css, javascript, performance, minification, optimization
- Finding Dead CSS (by) · · css, performance, maintenance
- Unit Test Your JavaScript Using Mocha and Chai (by/via) · · testing, javascript, tooling
- An Introduction to Functional JavaScript (by/via) · · introductions, javascript, programming
- The Two Extremes of Writing CSS, and What We Can Learn From Them (by) · · css, concepts, best-practices, principles, comparisons
- What New Developers Should Really Focus On (by) · · career, tips-and-tricks
- HTML 5.2 (by+/via) · · standards, html
- How the Sausage Gets Made: The Hidden Work of Content (by/via) · · content, processes
- What Donald Rumsfeld Can Teach Us About Software Estimates (by) · · project-management, agile, processes
- Performance of CSS Selectors Is Still Irrelevant (by) · · performance, css, selectors
- Progressive Web Apps: A Crash Course (via) · · crash-courses, web-apps, performance, lighthouse, google
- Optimizing CSS: Tweaking Animation Performance With DevTools (by/via) · · css, animations, performance, optimization, dev-tools, user-agents, firefox, mozilla
- On Big Picture Thinking in Web Development (by) · · user-experience, performance, maintainability, consistency, accessibility, visions
- Faux Grid Tracks (by/via) · · css, layout, grids
- How to Optimize SQL Queries for Faster Sites (by/via) · · how-tos, sql, mysql, databases, performance, caching, optimization
- Upgrade Your Project With CSS Selector and Custom Attributes (via) · · css, selectors, testing, selenium
- CSS: The Reason Why Selectors Should Be Ordered, Too (by) · · css, selectors, sorting
- The Future of the Browser (by/via) · · videos, user-agents, user-experience, visions
- Testing Standards (by) · · standards, testing, interoperability, web-platform
- Static Site Generation With Grow: How to Set Up Syndication Feeds (by) · · how-tos, syndication, rss, grow
- All You Need to Know About CSS-in-JS (by) · · css, javascript, css-in-js
- Planning for Accessibility (by/via) · · accessibility, project-management, processes, leadership
- Ten Extras for Great API Documentation (via) · · apis, documentation, developer-experience
- Your First PHP Code (via) · · php
- Web Typography: Designing Tables to Be Read, Not Looked At (by/via) · · typography, readability, tables, responsive-design
- UX: What Can We Prototype? What Can’t We Prototype? (via) · · user-experience, prototyping, information-architecture, navigation, layout
- DRY CSS: How to Use Declarations Just Once, Effectively (by) · · how-tos, css, principles, maintainability
- Reboot, Resets, and Reasoning (by/via) · · css, resetting, history
- 5 Reasons Against Resets, Normalizers, Reboots (by) · · css, resetting
- The Front-End Checklist (by) · · websites, checklists, html, css, javascript, images, accessibility, performance, seo
- A Look Back at the History of CSS (by/via) · · history, css, user-agents, doctype-switching, hacks
- Learn a CSS Framework in 6 Minutes With Bulma (by+/via) · · css, frameworks, bulma
- JavaScript Functions That Define and Rewrite Themselves (via) · · javascript, functions
- Understandable-Simple vs. Minimal-Simple Code (by) · · simplicity, comparisons
- The Ultimate Guide for Building Awesome Joomla Websites (by) · · guides, content-management, joomla
- Using Webfonts (by/via) · · fonts, css, at-rules
- On Enforcing Coding Guidelines (by) · · conventions, processes, engineering-management
- Getting Started With Redux (by/via) · · introductions, redux, react, state-management
- CSS “font-display”: The Future of Font Rendering on the Web (by/via) · · css, fonts, typography
- Considering Open Source Licenses (via) · · foss, licensing
- The Web’s First (and Second) Browser (by) · · user-agents, line-mode, history, web