“2010s” Archive (4)
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).
- 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
- Design Principles: Connecting and Separating Elements Through Contrast and Similarity (by/via) · · design, principles, contrast, colors
- 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) · · single-page-apps, refactoring, complexity, maintainability, jquery, backbone, angularjs
- 11 CSS Learning Tools and Resources (by/via) · · css, learning, tooling, link-lists
- Customizing WordPress Archives for Categories, Tags, and Other Taxonomies (by/via) · · wordpress, information-architecture
- Is Your Responsive Design Working? Google Analytics Will Tell You (via) · · responsive-design, analytics, google, metrics
- A Quick Tour of WordPress 4.0 (by/via) · · wordpress
- HTML and Specifying Language (by) · · html, optimization, minimalism
- BEM—Block Element Modifier (via) · · websites, bem, css
- Consistency (by) · · consistency, design, user-experience
- Making SVGs Responsive With CSS (by/via) · · svg, images, responsive-design, css
- 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
- Designer’s Guide to DPI (by) · · guides, design, print, pixel-density
- 25 Ways to Increase Traffic to Your Website (via) · · traffic, seo
- The WordPress Database Demystified (by/via) · · wordpress, databases, mysql
- How to Create a Helpful and Better 404 Page (via) · · how-tos, error-pages, user-experience, searching, functionality
- 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
- A Retort on Simplicity (by) · · simplicity, tooling
- Build a Blog With Jekyll and GitHub Pages (via) · · blogging, jekyll, github
- 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
- How Do You Design Interaction? (by/via) · · design, interaction-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
- Scaling Down the BEM Methodology for Small Projects (by/via) · · bem, css, naming
- 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
- The WAI Forward (by/via) · · accessibility, html, aria, w3c
- Are We Ready to Use Flexbox? (via) · · css, flexbox, 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
- Server-Side Device Detection With JavaScript (via) · · javascript, mobile
- 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
- How to Speed Up WordPress (by/via) · · how-tos, wordpress, performance
- Using .htaccess to Prevent Web Scraping (by/via) · · servers, apache, scraping
- CSS-Driven Internationalization in JavaScript (by/via) · · javascript, css, html, internationalization, localization
- Ruby Markup (by/via) · · html, ruby-markup
- What’s New in Git 2.0? (by/via) · · git, command-line
- How to Build and Develop Websites With Gulp (by/via) · · how-tos, gulp
- 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
- The Mystery of the jQuery Object: A Basic Introduction (via) · · introductions, jquery
- We Have Work to Do: #yesallwomen and the Web (by/via) · · web, community
- “Mobile First” Considered Confusing (by/via) · · mobile, mobile-first, desktop
- An Introduction to Node.js and MongoDB (via) · · introductions, nodejs, mongodb, databases
- HTML5 Forms: CSS (by/via) · · html, forms, css, selectors, cascade
- Understanding Version Control With Diffs (by/via) · · version-control
- Mobile and Accessibility: Why You Should Care and What You Can Do About It (by/via) · · mobile, accessibility, user-experience
- HTML5 Forms: The Markup (by/via) · · html, forms, semantics
- Managing Responsive Breakpoints With Sass (by/via) · · sass, media-queries, responsive-design
- Design Principles: Space and the Figure-Ground Relationship (by/via) · · design, principles, spacing
- 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
- Picturefill 2.0: Responsive Images and the Perfect Polyfill (via) · · html, images, responsive-design, polyfills
- PHP and Continuous Integration With Travis CI (via) · · php, ci-cd, tooling
- WordPress Permissions—How to Set Up Proper Filesystems and Ownerships (by/via) · · how-tos, wordpress, permissions
- The History of WordPress (via) · · wordpress, history
- Unicode for a Multi-Device World (by/via) · · unicode, encoding, icons, css
- 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
- A Different Letter to a Junior Designer (by/via) · · design, career
- 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
- Cache Invalidation Strategies With Varnish Cache (by/via) · · performance, caching, tooling
- 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
- Understanding the CSS3 “transition-timing-function” Property (via) · · css, transitions, animations
- 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
- WordPress Performance Improvements That Can Go Wrong (by/via) · · wordpress, performance, plugins
- 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
- Rethinking Responsive SVG (by/via) · · responsive-design, svg, images, css
- 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
- How to Build a CLI Tool With Node.js and Phantomjs (by/via) · · how-tos, command-line, nodejs
- 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
- Controlling Heavy Weight Websites (by) · · performance, user-experience, case-studies
- One Solution to Responsive Images (by/via) · · responsive-design, images, html, php
- WordPress as a Framework (by/via) · · wordpress
- The Current Generation of CSS3 Selectors (by/via) · · css, selectors, examples
- Pragmatic UX Techniques for Smarter Websites (by/via) · · user-experience, processes, career, link-lists
- So You Think You Know How to Write a WordPress Theme? (via) · · wordpress, theming
- Understanding JavaScript “bind()” (by/via) · · javascript, examples
- 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
- Writing a Better JavaScript Library for the DOM (by/via) · · javascript, dom, libraries, jquery
- 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
- So You’ve Decided to Open-Source a Project at Work—What Now? (by/via) · · foss, licensing, community, communication
- Get Started With GitHub Pages (Plus Bonus Jekyll) (by/via) · · introductions, github, jekyll
- 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
- Animating Vectors With SVG (by/via) · · svg, images, animations, javascript
- 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
- An Introduction to Full Stack JavaScript (via) · · introductions, javascript, tech-stacks
- Responsive Design Won’t Fix Your Content Problem (by/via) · · content, responsive-design, strategies
- SEO for Responsive Websites (via) · · responsive-design, seo
- What’s New in Chrome 31 (by/via) · · user-agents, google, chrome
- An Introduction to DOM Events (by/via) · · introductions, dom, events, javascript
- Is Ghost Really a WordPress Killer? (via) · · content-management, ghost, wordpress
- Internet Explorer 11: The Review (by/via) · · user-agents, microsoft, internet-explorer
- Killer Responsive Layouts With CSS Regions (by/via) · · responsive-design, layout, css
- How to Sell Responsive Web Design to Clients (by/via) · · how-tos, business-relations, communication
- What’s New in Firefox 25 (by/via) · · user-agents, mozilla, firefox
- React: Rethinking Best Practices (by/via) · · videos, react, best-practices
- The Top 3 Best Foundation Practices (via) · · foundation, best-practices
- The Argument Machine (by) · · social-media, community, communication
- How the Float Label Pattern Started (by) · · forms, design-patterns, history
- Challenging CSS Best Practices (by/via) · · html, css, best-practices
- Lessons Learned From Leading New Web Professionals (by/via) · · lessons, leadership, engineering-management
- 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
- The Web Runs on Electricity and We’re Running Out (by/via) · · sustainability
- Sustainable Web Design (by/via) · · sustainability, performance
- Good Content Is Too Valuable to Die (by/via) · · content, quality
- IE11 and the Mysterious Missing Browser Modes (by/via) · · user-agents, microsoft, internet-explorer
- WordPress Developer Tools (via) · · wordpress, tooling, link-lists
- Line Mode Browser 2013 (by+/via) · · websites, user-agents, line-mode, history
- Image Compression for Web Developers (by/via) · · images, compression, performance, link-lists
- Do as Little as Possible (by/via) · · web, mobile, simplicity
- Responsive Navigation on Complex Websites (by/via) · · navigation, responsive-design, complexity
- Deploying a Yeoman/Angular App to Heroku (via) · · deploying, angularjs, heroku
- Technical Debt (via) · · technical-debt, maintenance
- Tell Don’t Ask (by) · · programming, best-practices
- Progressive Enhancement Is Faster (by/via) · · progressive-enhancement, performance
- Flat Design and Thin Is In (by/via) · · design, flat-design
- A Look at the HTML5 “nav” Element (via) · · html, semantics, navigation
- The Dark Shadow of the DOM (by/via) · · dom, shadow-dom, accessibility