“2010s” Archive (3)
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).
- The Problem With Progressive Enhancement (by) · · progressive-enhancement, javascript, performance, resilience
- Blending Modes Demystified (by/via) · · design, images, colors, effects, css
- In Defense of CSS Resets (by) · · css, resetting
- JavaScript: 2015 in Review (by/via) · · javascript, retrospectives
- An in-Depth Look at CORS (by/via) · · security, cors, javascript, php
- A Beginner’s Guide to WebGL (by/via) · · guides, webgl, examples, tooling, link-lists
- Understanding the CSS Modules Methodology (by/via) · · css, modules, architecture, webpack
- Component-Driven CSS Frameworks (via) · · frameworks, css, components, bootstrap, foundation, pure
- Using Multi-Step Animations and Transitions (by/via) · · css, animations, transitions, examples
- Decorating the Web With CSS Border Images (by/via) · · decoration, css, borders, images
- Design, White Lies, and Ethics (by/via) · · design, testing
- What’s New in Vue.js 1.0 (by/via) · · vuejs
- A Brief(ish) History of the Web Universe: Time (by) · · web, history, html
- Learn PHP 7, Find Out What’s New, and More (by/via) · · php, tooling, link-lists
- The 10 Big Web Design Trends of 2015 (via) · · design, layout, trends, minimalism, scrolling, flat-design, animations, colors, backgrounds, typography
- Technical SEO—Fundamental Principles (by/via) · · seo, principles
- Vivaldi, Your Next Browser? (by/via) · · user-agents, vivaldi
- Rolling Out Responsive (by/via) · · responsive-design, processes
- Frameworks (by/via) · · design, responsive-design
- Seriously, Don’t Use Icon Fonts (by/via) · · fonts, icon-fonts, html, quality
- Blue Beanie Day · · websites, awareness-days, standards
- A Brief(ish) History of the Web Universe: The Pre-Web (by) · · web, history, sgml
- PHP vs. Ruby—Let’s All Just Get Along (by/via) · · php, ruby, comparisons
- Getting Started With Service Workers (by/via) · · introductions, web-workers, javascript
- JavaScript Frameworks and Mobile Performance (by) · · javascript, frameworks, performance, mobile
- You Should Use [Insert Library/Framework], It’s the Bestestest! (by/via) · · videos, frameworks
- The Cost of Frameworks (by) · · frameworks, metrics, efficiency
- An Overview of JavaScript Templating Engines (by/via) · · overviews, javascript, template-engines, handlebars, jquery
- Writing CSS on Growing Teams (by/via) · · css, processes, communication, code-reviews, documentation
- CSS in the Modern World (via) · · css, link-lists
- An Introduction to Google’s Accelerated Mobile Pages (AMP) (by/via) · · introductions, amp, google
- Design + Performance (by+/via) · · videos, design, performance, user-experience
- Style Guide Best Practices (by/via) · · videos, design, documentation, best-practices
- Modern Progressive Enhancement (by/via) · · videos, javascript, progressive-enhancement
- Why Passwordless Authentication Works (by/via) · · authentication, passwords, security
- 9 Ways That Design Trends Are Holding You Back (via) · · design, creativity
- A Primer on Using Flexbox With Compass (via) · · introductions, css, flexbox, layout, compass
- How I Got Started in Technical Evangelism (by/via) · · career, advocacy, developer-relations
- Templating With Handlebars (via) · · handlebars
- 4 Expert Tips for Getting the Most Out of Google Fonts (via) · · google, fonts, tips-and-tricks
- HTTP/2: The Pros, the Cons, and What You Need to Know (by/via) · · protocols, http, performance
- Offering Feedback (by/via) · · business-relations, collaboration, communication, product-management
- How to Solve Caching Conundrums (by/via) · · how-tos, caching, http
- Performance Budgets in Action (by/via) · · performance, performance-budgets
- Object-Oriented UX (via) · · user-experience, information-architecture, design
- Choosing a CMS Your Organization Will Love (by/via) · · content-management, tooling, productivity
- What’s New in Ember 2.0? (by/via) · · emberjs
- How to Create a Web Style Guide You’ll Be Proud Of (via) · · how-tos, design, documentation
- Caching a MongoDB Database With Redis (by/via) · · databases, mongodb, caching, javascript
- An Intro to the Twig Templating Engine in Drupal 8 (via) · · introductions, template-engines, twig, drupal
- Writing to Think (by/via) · · writing, career
- What I’ve Hated and What I’ve Loved About Web Development (by) · · retrospectives, career
- The Nearly-Headless CMS (by/via) · · content-management, headless, tooling
- SQL vs. NoSQL: How to Choose (by/via) · · how-tos, databases, sql, comparisons
- The Problem of “Fire and Forget” in Web Design (by) · · processes, maintenance, prioritization
- The Full Stack Overflow Developer (by/via) · · career, craft, quality, link-lists
- Preloading Images in Parallel With Promises (by/via) · · javascript, promises, images
- The Most Popular WordPress Landing Page Plugins (by/via) · · wordpress, plugins, landing-pages
- Node v4.0.0 (Current) (via) · · release-notes, nodejs
- Hello, My Name Is <Error> (via) · · naming, conventions, forms, errors, usability
- Object Orientated Development With WordPress (by/via) · · wordpress, oop, php
- How to Solve the Global npm Module Dependency Problem (by/via) · · how-tos, npm, dependencies
- Delivering Responsibly (by/via) · · videos, performance, usability, accessibility, sustainability
- A Brief History of Web Design (by/via) · · videos, design, history
- Animating the User Experience (by/via) · · videos, user-experience, css, animations
- SVG Lessons I Learned the Hard Way (by/via) · · videos, svg, images, lessons
- The Web’s Future Is Offline (by/via) · · videos, offline, visions
- SVG Is for Everybody (by/via) · · videos, svg, images
- Type Is Visible Language (by/via) · · videos, typography, fonts
- CSS Is a Mess (by/via) · · videos, css, maintainability
- Atomic Design (by/via) · · videos, design, atomic-design
- Architecting Scalable CSS (by/via) · · videos, css, architecture, scaling, naming
- Cheat Your Way With UX (by/via) · · videos, design, user-experience
- Breaking the Barriers—Moving Browsers and the Web Forward (by/via) · · videos, web, web-platform, user-agents
- JSON Validation by Committee (by/via) · · ruby, json, conformance, validation
- Firefox 40: Profiling JavaScript Performance and More (by/via) · · firefox, mozilla, user-agents
- 10 Common Mistakes Web Developers Make (by/via) · · mistakes, html, css, javascript, career, performance
- Microsoft Edge: The Review (by/via) · · edge, microsoft, user-agents
- Understanding Scope in Ruby (via) · · ruby, scope
- 5 Easy Performance Tweaks for Node.js Express (by/via) · · nodejs, express, performance, optimization, compression
- Deconfusing Pre- and Post-Processing (by) · · css, preprocessors, postprocessors, comparisons
- Using “@ error” Responsibly in Sass (by/via) · · sass, errors
- The ES6 Conundrum (by/via) · · ecmascript, javascript, feature-detection, transpiling, link-lists
- The Tedium of Managing Code (by/via) · · maintenance, maintainability, dependencies, javascript, tooling
- Mastering Image Optimization in WordPress (via) · · wordpress, images, optimization, performance
- The State of Accessibility in PHP Tools (by/via) · · accessibility, php, code-editors, jetbrains, phpstorm, sublime-text, notepad++
- An Introduction to Open-Source Licenses (by/via) · · introductions, foss, licensing
- A Look at Length Units in CSS (via) · · css, units
- Backbone.js Basics: Bringing an App to Life With Events (via) · · fundamentals, frameworks, backbone, events, javascript
- Making Minimalism Work in Mobile and Web (via) · · design, prototyping, minimalism, desktop, mobile
- Memory Management (by/via) · · career, tooling
- A Brief History of HTML (by) · · html, history, wml, hdml, chtml, wap
- jQuery 3.0 Is Released (by/via) · · jquery
- 12 Little-Known CSS Facts (the Sequel) (by/via) · · css, borders, typography, tables, naming, animations, selectors
- What’s New in Firefox 39 (via) · · firefox, mozilla, user-agents
- More Tips to Further Secure WordPress (by/via) · · wordpress, security, tips-and-tricks, plugins
- Atomic OOBEMITSCSS (by/via) · · css, atomic-css, bem, oocss
- React + Performance = ? (by) · · react, performance, metrics
- How to Grunt and Gulp Your Way to Workflow Automation (by/via) · · how-tos, automation, gulp
- Getting to Know Stylus (by/via) · · css, preprocessors
- Understanding Block Formatting Contexts in CSS (by/via) · · css, concepts
- Container Queries: Once More Unto the Breach (by/via) · · css, media-queries, container-queries
- Improving Web Security With the Content Security Policy (by/via) · · security, csp, http
- License to SIGKILL (by/via) · · ruby, unix-like
- Accessible Footnotes With CSS (by/via) · · html, css, accessibility
- The Homepage Exception (by/via) · · homepages, design, user-experience
- Learning New Tricks (by/via) · · career, learning, software-design-patterns
- Introducing Pure.css—a Lightweight Responsive Framework (via) · · introductions, frameworks, pure
- The Future Generation of CSS Selectors: Level 4 (by/via) · · css, selectors, examples
- (Some) CSS Best Practices Considered Harmful (by) · · slides, css, best-practices
- Building a Custom Twig Filter the TDD Way (via) · · twig
- No Good Can Come of Bad Code (by/via) · · quality, accessibility, semantics, standards
- Resetting Agency Culture (by/via) · · culture, collaboration, communication
- Understanding Less Guards and Loops (by/via) · · less
- How to Do a Content Audit of Your Website (by/via) · · how-tos, content, auditing, seo
- What You Should Know About Collapsing Margins (by/via) · · css
- The End of Global CSS (by/via) · · css, maintainability
- Approaching Content Strategy for Personalized Websites (by/via) · · content, content-strategy, customization
- Understanding CSS Counters and Their Use Cases (by/via) · · css
- Meta-Moments: Thoughtfulness by Design (by/via) · · design, user-experience
- What’s New in Firefox 38 (by/via) · · firefox, mozilla, user-agents
- Web Standards: We’re F’ing It Up (by) · · standards, complexity
- Using AJAX Forms in Drupal 8 (by/via) · · drupal, forms, ajax, javascript
- Debunking the 5 Myths of Conversion Rate Optimization (by/via) · · myths, marketing, user-conversion, optimization
- A Vision of Web Development (by) · · visions, minimalism, semantics, conformance, maintainability
- 5 Ridiculously Common Misconceptions About UX (via) · · user-experience, design
- 9 SEO Ideas for Small Businesses on a Budget (by/via) · · seo, social-media, redesign, responsive-design, marketing, multimedia
- Content-First Design (by/via) · · content, design
- Everyone Has JavaScript, Right? (by) · · javascript, support
- Sass and Responsive Typography (by/via) · · sass, typography, responsive-design
- Standardization and the Open Web (by/via) · · web, standards, foss, community
- 13 of the Best WordPress Magazine Themes (by/via) · · wordpress, themes, link-lists
- jQuery Considered Harmful (by) · · jquery
- New Web Layout Ideas for 2015 (by/via) · · design, layout
- Sass Theming With Configuration Files (by/via) · · sass, configuration
- 3 Things (Almost) No One Knows About CSS (by/via) · · css
- image-dimensions (by) · · packages, npm, images
- How to Build Your Own CSS Preprocessor With PostCSS (by/via) · · how-tos, css, preprocessors, postcss, gulp
- Modern Web Development With Perl (by) · · videos, perl
- Jekyll on Rails (by/via) · · jekyll, ruby-on-rails
- Sanitizing, Escaping, and Validating Data in WordPress (by/via) · · wordpress, sanitization, escaping, validation, examples
- Using GitHub Webhooks With PHP (by/via) · · github, webhooks, php
- Laravel 4 to Laravel 5—the Simple Upgrade Guide (by/via) · · guides, laravel
- The Poor, Misunderstood “innerText” (by) · · javascript, dom
- 7 Ways to Optimize Jenkins (by/via) · · ci-cd, jenkins, optimization, automation
- Let Links Be Links (by/via) · · links, html, javascript, frameworks
- Initiation to Code (by/via) · · learning, career, engineering-management, leadership
- Advanced Performance Audits With DevTools (by) · · performance, auditing, user-agents, dev-tools
- Should Our Agile Team Use Scrum or Kanban? (by/via) · · agile, scrum, kanban, processes, project-management
- Beyond Media Queries—it’s Time to Get Elemental (via) · · css, media-queries, responsive-design
- Toolkit: A Front-End Framework for the Modern Web (by/via) · · frameworks
- The Developer’s Guide to Feeds in WordPress (by/via) · · guides, wordpress, syndication, rss, atom
- First Look at Platform.sh—a Development and Deployment SaaS (by/via) · · deploying, tooling
- Why Content Is the New SEO (by/via) · · content, seo
- What Are the Security Risks of HTML5 Apps? (by/via) · · security, web-apps, sanitization
- Don’t Forget About Contrast (by/via) · · accessibility, colors, contrast
- Pluralization for JavaScript (by/via) · · javascript, localization
- HTML5 Local Storage Revisited (by/via) · · html, storage, apis
- Can CSS Be Too Modular? (by) · · css, html
- Demystifying React Components State (via) · · react, components, state-management
- Vivaldi: Opera’s Spiritual Successor (by/via) · · user-agents, vivaldi, opera
- Easy URL Parsing With Isomorphic JavaScript (by/via) · · javascript, urls
- New Book: “The Little Book of HTML/CSS Frameworks” (by) · · books, frameworks, html, css
- Stopping the Infighting About Digital Standards (by/via) · · standards, policies, conventions
- What’s New in Firefox 36: Android Debugging, HTTP/2 Support, and More (by/via) · · firefox, mozilla, user-agents
- Selector Specificity With CSS Preprocessors (by/via) · · css, selectors, cascade, preprocessors, bem, sass
- The Unbearable Inaccessibility of Slideshows (by/via) · · accessibility, design-patterns, best-practices
- Same-Origin Policy (by) · · security, cors, web-platform
- Responsive Hero Images (by/via) · · images, responsive-design
- HTTP/2 Is Done (by) · · protocols, http
- The Specialist–Generalist Balance (by/via) · · career, communication, collaboration
- The Love You Make (by/via) · · business-relations, career, design
- Why I Don’t Use Compass Anymore (by/via) · · frameworks, compass
- What Will Save Us From the Dark Side of CSS Pre-Processors? (by/via) · · css, preprocessors, postprocessors, craft
- The Big Web Design Trends for 2015 (by/via) · · design, trends
- Style Guide Generator Roundup (by/via) · · design, documentation, tooling, link-lists
- Reframing Accessibility for the Web (by/via) · · accessibility, usability
- Web Design and Principles (by) · · design, principles
- Writing AngularJS Apps Using ES6 (by/via) · · angularjs, ecmascript, javascript
- DOM: Custom Elements (by) · · dom, web-components
- How to Teach Yourself Web Development (via) · · how-tos, learning, training, career
- On the Deterioration of HTML/CSS Practices (by) · · html, css, craft
- What’s New in Firefox 35 (by/via) · · firefox, mozilla, user-agents
- A Vision for Our Sass (by/via) · · sass, processes
- Logically Speaking (by/via) · · communication, project-management
- Designing WordPress Themes for Printing (by/via) · · design, wordpress, theming, print
- Web Platform and JavaScript (by) · · web-platform, javascript
- How to Interview (by/via) · · how-tos, career, interviewing
- Maintainable Social Script Integration · · social-media, embed-code, maintainability
- The Ultimate Content Marketing Toolkit (via) · · content, marketing, tooling, link-lists
- AngularJS in Drupal Apps (by/via) · · angularjs, drupal
- The UX of Error Messages (by/via) · · user-experience, errors, microcontent
- Ground Rules for Working With Web Agencies (by) · · business-relations, processes, guidelines
- Why You Should Avoid Sass “@ extend” (by/via) · · sass
- The Problems of Working With Web Agencies (by) · · business-relations, quality
- Effective Event Binding With jQuery (by/via) · · jquery, events
- Browser Trends December 2014: Safari Survival? (by/via) · · user-agents, trends, metrics, apple, safari, desktop, mobile
- HTML5 Differences From HTML4 (by/via) · · html, comparisons
- Learning to Be Accessible (by/via) · · accessibility, learning
- The Non-Writer’s Guide to Writing for the Web (by/via) · · guides, writing, content, microcontent
- Analyzing a PHP Project With Jenkins (by/via) · · php, tooling, debugging, automation, jenkins
- What’s New in Firefox 34 (by/via) · · firefox, mozilla, user-agents
- CSS Sprites With Sass and Compass (via) · · css, images, sprites, sass, compass
- What Is the Web? (by) · · web, web-platform, standards, concepts
- 3 Principles for Perfect Typeface Pairing (via) · · typography, fonts, principles
- What’s New in Chrome 39 (by/via) · · chrome, google, user-agents
- 10 Typical HTML Interview Exercises (by/via) · · html, interviewing, conformance, semantics, aria
- Planning for Performance (by/via) · · performance
- Animation and UX Resources (by) · · css, javascript, animations, link-lists
- Blue Beanie Day 14: Toque ’em if You’ve Got ’em (by/via) · · awareness-days, standards
- The Basics of Node.js Streams (by/via) · · fundamentals, nodejs, streaming
- Specificity Graphs (by) · · css, selectors, cascade, visualization
- Migrating Your Team to Sass (via) · · sass, migration, collaboration
- UX for the Enterprise (via) · · user-experience
- Automate WordPress With IFTTT (via) · · wordpress, automation, tooling
- 5 Obsolete Features in HTML5 (by/via) · · html
- Joomla’s Coming of Age (by/via) · · joomla
- What You Need to Know About Meteor 1.0 (via) · · meteor
- Overwhelmed by Code (by/via) · · learning, career
- An Overview of Compass 1.0 (by/via) · · overviews, compass
- Why Responsive Images Matter (by/via) · · images, responsive-design
- The $PATH to Enlightenment (by/via) · · unix-like, command-line
- Responsive Images in Practice (by/via) · · images, responsive-design, html, css
- 6 Current Options for CSS Preprocessors (via) · · css, preprocessors, tooling, link-lists, sass, less
- The Specificity Graph (by) · · css, selectors, cascade, visualization
- WordPress Landing Page Creation Made Easy (via) · · wordpress, landing-pages
- CSS Post-Processing With Pleeease (by/via) · · css, postprocessors
- The Specialized Web: Working With Subject-Matter Experts (by/via) · · communication, collaboration
- Google and HTML/CSS Code Quality (by) · · google, html, css, quality, history
- Axiomatic CSS and Lobotomized Owls (by/via) · · css, selectors
- Personalizing Git With Aliases (by/via) · · git, customization, aliases
- What’s New in Firefox 33 (by/via) · · firefox, mozilla, user-agents
- How to Be a Good Developer (by/via) · · how-tos, career, professionalism, quality, prioritization, craft
- What the Heck Is the Event Loop Anyway? (via) · · videos, javascript, event-loop, events
- CSS, DRY, and Code Optimization (by) · · css, principles, optimization, maintainability
- The Perception of Performance (by/via) · · performance, user-experience
- Image Optimization Services (by/via) · · images, performance, optimization, link-lists
- Before You Hire Designers (by/via) · · design, hiring
- The Culinary Model of Web Design (by/via) · · craft, optimization
- On Declaration Sorting in CSS (by) · · css, sorting
- Don’t Use “<picture>” (Most of the Time) (by/via) · · images, html, responsive-design
- What to Expect From Yii 2.0 (by/via) · · php, frameworks
- PhpStorm 8 Released—See What’s New and Grab a Free License (by/via) · · code-editors, jetbrains, phpstorm
- Getting Started With CSS Audits (by/via) · · introductions, css, auditing, link-lists
- Introducing the New Yahoo Developer Network Website (by/via) · · introductions, yahoo, community
- Sass for WordPress Developers (by/via) · · wordpress, sass
- A Guide to the HTML5 “time” Element (by/via) · · guides, html, examples
- CSS Audits: Taking Stock of Your Code (by/via) · · css, auditing, quality
- 18 Critical Oversights in Web Development (by/via) · · mistakes, errors, logging, caching, best-practices, software-design-patterns, testing, automation, auditing
- What’s New in Chrome 37 (by/via) · · chrome, google, user-agents