“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 Unbearable Inaccessibility of Slideshows (by/via) · · accessibility, design-patterns, best-practices
- 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
- “getElementsByTagName” (W3C DOM Core Method) (by/via) · · dom, javascript
- What’s New in Chrome 37 (by/via) · · chrome, google, user-agents
- What’s New in Wordpress 4.0 (by/via) · · wordpress
- Running Code Reviews With Confidence (by/via) · · code-reviews, processes, git, command-line
- Git: The Safety Net for Your Projects (by/via) · · git, command-line
- Refactoring Single Page App (by) · · spas, refactoring, complexity, maintainability, jquery, backbone, angularjs
- 11 CSS Learning Tools and Resources (by/via) · · css, learning, tooling, link-lists
- HTML and Specifying Language (by) · · html, optimization, minimalism
- BEM—Block Element Modifier (via) · · websites, bem, css
- Consistency (by) · · consistency, design, user-experience
- The 10 Things You Should Do When You Have Your Next Web Idea (by/via) · · creativity, processes
- An Introduction to Git Hooks (via) · · introductions, git
- 25 Ways to Increase Traffic to Your Website (via) · · traffic, seo
- The WordPress Database Demystified (by/via) · · wordpress, databases, mysql
- Faster YouTube Embeds With JavaScript (by/via) · · embed-code, youtube, javascript, performance
- A Closer Look at Functions in Go (by/via) · · go, functions
- You Can Do That With CSS? (by/via) · · css, forms, layout, transitions
- Thinking in Components (by/via) · · components, web-components
- Responsive Web Design, CSS Specificity, and SVG Knowledge (by/via) · · responsive-design, sublime-text, css, javascript, svg
- Keep Sass Simple (by/via) · · sass
- WordPress I18N and Localization (by/via) · · wordpress, localization, internationalization
- The Most Dangerous Word in Software Development (by/via) · · communication
- Organizing CSS: OOCSS, SMACSS, and BEM (by) · · css, oocss, smacss, bem, comparisons
- HTML Minifier [Revisited] (by) · · html, html-minifier, minification, optimization
- How to Craft the Perfect 404 Page (by/via) · · how-tos, error-pages, user-experience
- Tweaking Your Website? Do It Safely With Google Experiments (via) · · google, testing, tooling
- WordPress Theme Development: Getting Started With Underscores (“_s”) (by/via) · · wordpress, introductions, theming, tooling
- Developer’s Toolbox: GitHub (via) · · videos, version-control, git, github
- Ten CSS One-Liners to Replace Native Apps (by/via) · · css, layout, design
- Introduction to the Resource Timing API (by/via) · · introductions, performance, apis, javascript
- On Web Documents and Web Apps (by) · · terminology, concepts, comparisons
- An Introduction to WAI–ARIA (via) · · introductions, aria, accessibility, examples
- What’s New in Chrome 36 (via) · · chrome, google, user-agents
- Peachpuffs and Lemonchiffons (by/via) · · videos, colors
- I Don’t Like It (by/via) · · design, business-relations, communication
- All Code Is Not Equal: On Research and Production Code (by) · · concepts, terminology, comparisons
- Create Responsive Tables With Foundation (via) · · videos, responsive-design, tables, html, foundation
- Inheriting “box-sizing” Probably Slightly Better Best-Practice (by/via) · · css, box-model, best-practices
- Adding CSS Animations to AngularJS Applications (via) · · css, animations, angularjs
- Getting Started With Sass and Bourbon (by/via) · · introductions, sass, preprocessors, tooling
- Web 2024—a Response to Robin Berjon’s Post (by) · · web, visions, javascript, web-components, w3c, web-workers, interoperability, servo
- Are We Ready to Use Flexbox? (via) · · css, layout, vendor-extensions, preprocessors, support
- Optimizing WordPress Performance With P3 (by/via) · · wordpress, performance, optimization, tooling
- Tag Management: Bringing Peace to Developer–Marketer Relations (by/via) · · tag-management, maintenance, tooling
- How to “Resize” Images With CSS (by/via) · · css, media-queries, images, resizing
- Pixels Are Expensive (by) · · performance, rendering, painting
- Web 2024 (by) · · web, visions
- Speed Up Your WordPress Site (by/via) · · wordpress, performance, tooling
- 6 Tips for Writing Better Code (via) · · tips-and-tricks, modules, preprocessors, version-control, code-reviews
- 15 Little-Known Unix Commands (by/via) · · unix-like, command-line
- What Every Frontend Developer Should Know About Webpage Rendering · · rendering, dom, cssom, painting, reflow, user-agents, browser-engines
- Why Managers Make Terrible Scrum Masters (by/via) · · agile, scrum, processes, collaboration, engineering-management
- Using .htaccess to Prevent Web Scraping (by/via) · · servers, apache, scraping
- Ruby Markup (by/via) · · html, ruby-markup
- What’s New in Git 2.0? (by/via) · · git, command-line
- Apple and Responsive Design (by/via) · · apple, responsive-design
- Women in Tech: Where Are We Headed? (by/via) · · community
- PhpStorm 8—New Features (by/via) · · code-editors, jetbrains, phpstorm
- Client-Side Form Validation With HTML5 (by/via) · · html, forms, validation
- 5 Things I’ve Learned About Accessibility (by/via) · · accessibility, html, keyboard-navigation, testing, assistive-tech, user-agents
- Testing Responsive Images (by/via) · · images, html, responsive-design
- Prototyping Your Workflow (by/via) · · prototyping, processes, strategies
- Authoring HTML: Language Declarations (by/via) · · html, metadata, localization, internationalization
- What Web Designers Can Learn From Art History (via) · · design, art, colors
- We Have Work to Do: #yesallwomen and the Web (by/via) · · web, community
- “Mobile First” Considered Confusing (by/via) · · mobile, mobile-first, desktop
- HTML5 Forms: CSS (by/via) · · html, forms, css, selectors, cascade
- Understanding Version Control With Diffs (by/via) · · version-control
- HTML5 Forms: The Markup (by/via) · · html, forms, semantics
- Managing Responsive Breakpoints With Sass (by/via) · · sass, media-queries, responsive-design
- Global Accessibility Awareness Day: Getting the Word Out (by/via) · · awareness-days, accessibility
- The Definitive Guide to Form Label Positioning (by/via) · · guides, forms, design, accessibility, positioning
- Learning Node.js: The “npm link” (via) · · videos, nodejs, npm
- Universal Selector (CSS Selector) (by/via) · · css, selectors
- Git for Beginners (by/via) · · git, command-line
- Accessibility: The Missing Ingredient (by/via) · · accessibility, user-agents, assistive-tech, screen-readers, testing
- PHP and Continuous Integration With Travis CI (via) · · php, ci-cd, tooling
- Tips for Creating Accessible SVG (by/via) · · accessibility, svg, images, tips-and-tricks
- Moving Forward With CSS Shapes (by/via) · · css, shapes, link-lists
- Introduction to Kirby CMS (by/via) · · introductions, content-management
- Symfony 2 Checklist for Development and Deployment (via) · · symfony, checklists
- 20 Useful Docs and Guides for Front-End Developers (by/via) · · guides, training, html, css, javascript, link-lists
- 10 Random jQuery Plugins (by/via) · · jquery, plugins, link-lists
- A Different Letter to a Junior Designer (by/via) · · design, career
- CSS Selectors Cheat Sheet (by/via) · · css, selectors, cheat-sheets, examples
- Internet Explorer Conditional Comments (by/via) · · user-agents, microsoft, internet-explorer, conditional-comments
- The Internet Explorer “hasLayout” Property (by/via) · · user-agents, microsoft, internet-explorer, hacks
- CSS Comments (by/via) · · css, comments
- My Favorite Sass Tools (by/via) · · sass, tooling, link-lists
- Version Control Software in 2014: What Are Your Options? (by/via) · · version-control, git, svn, cvs, comparisons
- An Introduction to the Web Notifications API (by/via) · · introductions, apis, notifications
- “:first-child” (CSS Selector) (by/via) · · css, selectors
- Syntax Highlighting Outside Your Editor (by/via) · · code-editors, syntax-highlighting, sublime-text
- Getting Started With Go (by/via) · · introductions, go
- 12 Little-Known CSS Facts (by/via) · · css, colors, backgrounds, borders, tables
- Basic Structure of a Web Page (by/via) · · html
- SEO-Friendly Infinite Scroll (by/via) · · scrolling, seo
- Creating Style Guides (by/via) · · design, documentation
- The Power of “em” Units in CSS (by/via) · · css, units
- HTTPS Basics (via) · · fundamentals, http, privacy
- HTML Forms in AngularJS (by/via) · · html, forms, angularjs
- Understanding the Object Model (via) · · ruby
- What’s New in Firefox 28 (by/via) · · user-agents, mozilla, firefox
- Title CSS: A Simple Approach to CSS Class Naming (by/via) · · css, naming
- People Skills for Web Workers (by/via) · · engineering-management, collaboration
- “srcset” and “sizes” (by) · · html, images, responsive-design
- Best PHP IDE in 2014—Survey Results (by/via) · · surveys, code-editors, php, jetbrains, phpstorm, sublime-text
- How to Charge for Websites: The Agile Way (by/via) · · how-tos, economics, business-relations, agile
- 5 Apps to Enhance Google Analytics (by/via) · · google, analytics, tooling, link-lists
- Symfony in Drupal 8 (via) · · drupal, symfony, link-lists
- A Q&A on the Picture Element (by+/via) · · interviews, html, semantics, images, responsive-design
- My Current CSS and Sass Styleguide (by/via) · · css, sass, conventions, naming, bem, documentation
- Using Meta Tags in HTML: Some Basics and Best Practices (by/via) · · html, metadata, fundamentals, best-practices, examples
- The Latest in Web Font Trends (by/via) · · fonts, trends
- On Links and Accessibility (by) · · links, accessibility, usability
- What’s New in Chrome 33 (by/via) · · user-agents, google, chrome
- The Battle for the Body Field (by/via) · · html, xml, wysiwyg, semantics
- CSS: When to Use Generated Content (by) · · css
- Dive In: Resources for Web Animation (by/via) · · css, animations, link-lists
- What’s New in Firefox 27 (by/via) · · user-agents, mozilla, firefox
- Web Animation at Work (by/via) · · css, animations, design
- Web Accessibility: Tools and Considerations (by/via) · · accessibility, html, tooling, link-lists
- Choosing Vanilla JavaScript (by/via) · · javascript, jquery
- Visualizing Data With D3 (via) · · visualization, javascript
- Getting Started With Pattern Libraries (by/via) · · introductions, design, documentation, case-studies
- A Word on Contemporary Web Design (by) · · design, information-design
- WordPress as a Framework (by/via) · · wordpress
- The Current Generation of CSS3 Selectors (by/via) · · css, selectors, examples
- So You Think You Know How to Write a WordPress Theme? (via) · · wordpress, theming
- CSSOM Value API Proposal Dump (by) · · css, cssom, apis
- Web Performance Tricks—Beyond the Basics (by/via) · · performance, tips-and-tricks, html, css, optimization, link-lists
- CSS Regions Considered Harmful (by/via) · · css, adobe
- HTML Explained in 123 Tweets: The Google #htmltuesday Archive (by) · · html, google, link-lists
- Writing on Writing and Other Resources (by/via) · · writing, link-lists
- 10 HTML Tags You May Not Be Using (by/via) · · html, semantics
- The Complete Guide to Reducing Page Weight (by/via) · · guides, performance, compression, caching, content-delivery, minification
- The State of jQuery 2014 (by/via) · · jquery
- New Features in PHP 5.6 (by/via) · · php
- What Are Icon Fonts? (via) · · fonts, icon-fonts
- 10 Web Predictions for 2014 (by/via) · · web, visions, web-apps, user-agents
- Best PHP Frameworks for 2014 (by/via) · · php, frameworks, metrics, laravel, symfony
- The Rise of Web Bots and Fall in Human Traffic (by/via) · · web, scraping, spam, traffic, metrics
- Dart: On Its Merits (by) · · dart, javascript, comparisons
- HTML5 Form Validation (by/via) · · html, forms, validation, accessibility
- Understanding Forms in Drupal (via) · · drupal, forms, php
- JavaScript Promises: There and Back Again (by/via) · · javascript, promises
- How to Generate Awesome Content (via) · · how-tos, content, strategies, user-experience
- What’s New in Firefox 26 (by/via) · · user-agents, mozilla, firefox
- CSS Is for Developers (by) · · css, career
- CSS, HTML, and the Problem of Spec Fragmentation (by) · · css, html, standards
- Bootstrap vs. Foundation (by+/via) · · videos, frameworks, bootstrap, foundation, comparisons
- Foundation 5 (by/via) · · foundation
- Responsive Design Won’t Fix Your Content Problem (by/via) · · content, responsive-design, strategies
- What’s New in Chrome 31 (by/via) · · user-agents, google, chrome
- Is Ghost Really a WordPress Killer? (via) · · content-management, ghost, wordpress
- Internet Explorer 11: The Review (by/via) · · user-agents, microsoft, internet-explorer
- What’s New in Firefox 25 (by/via) · · user-agents, mozilla, firefox
- The Top 3 Best Foundation Practices (via) · · foundation, best-practices
- The Argument Machine (by) · · social-media, community, communication
- IE11: Browser Modes Return (by/via) · · user-agents, microsoft, internet-explorer
- Flat UI and Forms (via) · · forms, design, buttons, accessibility
- 5 Free Online Browser Testing Tools (by/via) · · user-agents, testing, tooling, link-lists
- All I Want to Do Is Build a Web Site (and Launch It) (by) · · processes, site-generators, grow
- A Beginner’s Guide to CSS Regions (via) · · guides, css
- What’s New in Chrome 30 (by/via) · · user-agents, google, chrome
- The Curious Case of Breadcrumbs in HTML (by) · · html, navigation
- Performance Matters (via) · · performance, w3c
- SEO Strategies for Designers (via) · · seo, strategies, urls, metadata, performance
- About Cost in Web Development (by) · · economics, prioritization