“2010s” Archive (2)
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).
- Debunking 3 Common WordPress Myths (by/via) · · wordpress, myths, content-management
- Yes, That Web Project Should Be a PWA (by/via) · · web-apps
- What Kills and What Saves Content Management Systems (by) · · content-management, customization, tooling
- Improve Web Typography With CSS “font-size-adjust” (via) · · typography, css, optimization
- CSS Architecture and the Three Pillars of Maintainable CSS (by/via) · · css, architecture, maintainability, principles, solid
- Integrating Animation Into a Design System (by/via) · · design-systems, animations, documentation
- JavaScript Design Patterns: The Observer Pattern (via) · · javascript, software-design-patterns
- What’s the Difference Between Sass and SCSS? (by/via) · · sass
- CSS Inheritance: An Introduction (via) · · introductions, css, cascade
- Getting Started With Sass (by/via) · · introductions, sass, preprocessors
- Web Development: How Making Our Own Lives Difficult Is More Important Than We Think (by) · · processes, learning, craft
- Twig—the Most Popular Stand-Alone PHP Template Engine (by/via) · · template-engines, twig, php
- Frameworks, Libraries, and the Modern Web Developer: Web Development, Overdone (by) · · frameworks, libraries, craft
- What I Learned Building Google’s Web Frameworks (by) · · google, frameworks, html, css, lessons
- How to Use AMP With WordPress (by/via) · · how-tos, wordpress, amp, google
- Reread the Classics, What Is IxD, UX, and HCI? A Designer’s Perspective (by) · · interaction-design, user-experience, hci, terminology, concepts, comparisons
- Stop Using Resets: Visual Examples of the Practical Nonsense of Resets and Normalizers (by) · · css, resetting, examples
- Introducing npx: An npm Package Runner (by) · · introductions, npx, npm, nodejs
- The Beginner’s Guide to Website Staging (via) · · guides, environments, testing, wordpress
- 7 Setup Tips for WordPress Beginners (by/via) · · wordpress, tips-and-tricks
- 8 Must Have PHP Quality Assurance Tools (by/via) · · php, quality, tooling
- Internationalization for Your WordPress Theme (via) · · wordpress, theming, internationalization
- Two Paradigms of Web Development (by) · · concepts, best-practices, principles, comparisons
- How to Create Disaster Plans for Websites (by/via) · · how-tos, processes, dev-ops
- How (Not) to Control Your CDN (by) · · content-delivery, caching, security, http
- Color Accessibility Workflows (by/via) · · accessibility, colors, wcag
- Laravel vs. Symfony—Clash of the Frameworks (via) · · php, frameworks, laravel, symfony, comparisons
- Version Control With Magento and Git (by/via) · · version-control, git, magento
- 70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization (by) · · css, optimization, metrics, efficiency, maintainability
- The Web’s Most Annoying Dark Patterns (by/via) · · dark-patterns
- The Myth of “Unlimited Everything” Hosting Plans (by/via) · · hosting, myths
- No Namespaces in JSON, Please (by) · · json, namespaces
- Python for Java People (by/via) · · python, java
- Design Systems: Real Talk (by/via) · · videos, design-systems, lessons
- What We Talk About When We Talk About Web Performance (by/via) · · videos, performance
- Web Design Museum (by/via) · · websites, history, web
- How to Create Custom WordPress Shortcodes for Your Editors (by/via) · · how-tos, wordpress, php
- The RED Method: Key Metrics for Microservices Architecture (by/via) · · microservices, architecture, monitoring, metrics
- Getting Started With PHP (by/via) · · introductions, php, link-lists
- Easy AngularJS Authentication With Auth0 (by/via) · · angularjs, authentication
- How to Secure WordPress With SSL (by/via) · · how-tos, wordpress, security, ssl
- JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js (via) · · javascript, frameworks, angularjs, vuejs, meteor, nextjs, comparisons
- Quick Tip: How to Automate Social Media Posting With Jetpack (by/via) · · how-tos, tips-and-tricks, social-media, automation, wordpress, tooling
- Four Killer Features of Nunjucks (by/via) · · nunjucks
- GIF, PNG, JPG, or SVG: Which One to Use? (via) · · images, jpeg, png, gif, svg, webp, comparisons
- Optimizing Web Fonts for Performance: The State of the Art (by/via) · · fonts, performance, optimization
- How to Land a Development Job Without Experience (via) · · how-tos, career
- Why I Abandoned “@ apply” (by) · · css, at-rules
- Managing the CSS Box Model (by/via) · · css, box-model
- Minifying CSS With CSS Optimizer (by/via) · · css, minification, tooling
- PWA Stats (via) · · websites, web-apps, case-studies, metrics
- Conventional Commits (by) · · websites, version-control, commit-messages, conventions, documentation
- What Is the Right Image Format for Your Website? (by/via) · · images, compression, jpeg, gif, png, svg, webp
- JavaScript Operators, Conditionals, and Functions (by/via) · · javascript, operators, conditionals, functions
- WordPress Version Control With Git (by/via) · · wordpress, version-control, git
- Why Staging Environments Are Critical for WordPress Sites (by/via) · · wordpress, environments, hosting, processes
- Grid Garden (by) · · websites, css, layout, grids, experiments
- Taking Steps Towards Scrum (by/via) · · scrum, agile, processes
- The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery) (via) · · fundamentals, dom, javascript
- How to Get Started With Marketing Automation for Free (by/via) · · how-tos, marketing, automation, link-lists
- Practical CSS Grid: Adding Grid to an Existing Design (by/via) · · css, grids, layout
- Writing JavaScript With Accessibility in Mind (by/via) · · javascript, accessibility, focus, buttons, semantics, aria
- Why Every Business Needs a Website (by/via) · · economics, domains, hosting, maintenance
- Guetzli, Google’s New JPEG Encoder (by) · · performance, images, jpeg, compression, tooling
- I Need a Website—What Do I Need to Know About Hosting? (by/via) · · hosting
- What Is HTTP/2? (by/via) · · protocols, http
- How to Design and Sell Themes (With Success) (by/via) · · how-tos, theming, design, monetization
- What Is the Best Book for Learning JavaScript? (by/via) · · books, javascript
- What Is SMACSS and How to Use It (via) · · how-tos, smacss, css
- Explorations in the Virtual DOM: How React.js Impacts Accessibility (by) · · slides, react, accessibility, dom
- How to Become a Better Developer by Coding Less (via) · · how-tos, career, processes, productivity
- Web Layout 101: Vertical Rhythm Is a Drummer (by/via) · · introductions, layout, design
- Responsive CSS Patterns Without Media Queries (via) · · css, responsive-design
- An Introduction to WordPress Permalinks (by/via) · · introductions, wordpress, links, urls
- An Engineering Manager’s Guide to Rebranding (via) · · guides, processes, redesign, branding, marketing, releasing, engineering-management
- Principles of Web Development (by) · · principles, user-experience, quality, simplicity, maintainability, learning
- 21 Steps to Becoming a Successful Web Developer (by/via) · · career
- Using HTTP/2 Responsibly: Adapting for Users (by/via) · · http, protocols, support, servers, performance
- Considering How We Use HTTP/2 (by/via) · · performance, optimization, http, protocols
- 20+ Docs and Guides for Front-End Developers (by/via) · · html, css, javascript, link-lists
- 9 WordPress Plugins to Help Get More Social Shares (via) · · wordpress, plugins, social-media, link-lists
- What’s New in ECMAScript 2017 (by) · · ecmascript, standards
- CSS Selectors: Specificity (by/via) · · css, selectors, cascade
- CSS Selectors: Pseudo-Elements (by/via) · · css, selectors
- Writing Element Queries Today Using EQCSS (via) · · css, libraries
- Foundation Framework Crash Course (via) · · videos, crash-courses, foundation
- 10 Node.js Best Practices: Enlightenment From the Node Gurus (via) · · nodejs, best-practices, npm, environments, event-loop, naming, scaling, caching, express
- CSS Selectors: Attribute Selectors (by/via) · · css, selectors
- HTML5 Page Structure Basics (by/via) · · fundamentals, html, semantics
- CSS Selectors: Combinators (by/via) · · css, selectors
- An HTML5 FAQ (by/via) · · html
- Know It All (by) · · websites, css, html, dom, javascript, svg, cssom, nodejs
- A Compendium of SVG Information (by/via) · · overviews, svg, images, link-lists
- Improve Your Website’s Accessibility With WAI–ARIA (by/via) · · accessibility, html, aria, optimization
- 10 Web Predictions for 2017 (by/via) · · web, visions, mobile, mobile-first, css, web-apps, native, user-agents, frameworks
- The Imbalance of Culture Fit (by/via) · · culture, collaboration, communication, engineering-management
- Best Text Editor? Atom vs. Sublime vs. Visual Studio Code vs. Vim (via) · · code-editors, sublime-text, microsoft, vs-code, comparisons
- Serving Custom Headers From Static Sites on CloudFront/S3 With Lambda@Edge (by) · · aws, cloudfront, http, edge-computing
- Speed Up Oh My Zsh · · command-line, tooling, optimization
- Front-End Tools: My Favorite Finds of 2016 (by/via) · · html, css, javascript, tooling, link-lists
- Introducing CSS3 (by/via) · · introductions, css
- JavaScript: 2016 in Review (by/via) · · javascript, retrospectives
- A Brief Introduction to Scrum (by/via) · · introductions, scrum, agile, processes
- Introducing HTML5 (by/via) · · introductions, html
- Demystifying Public Speaking (by/via) · · career, communication, advocacy, developer-relations, business-relations
- Why I Don’t Use CSS Preprocessors (by) · · css, preprocessors
- CSS Shorthand Syntax Considered an Anti-Pattern (by) · · css, shorthands, anti-patterns
- What’s New in HTML 5.1 (via) · · html, semantics
- Are You Writing ES6 JavaScript Yet? (by/via) · · javascript, ecmascript
- Nesting Your BEM? (by) · · css, bem, nesting
- Frameworks Without the Framework: Why Didn’t We Think of This Sooner? (by/via) · · frameworks, svelte
- Pay the Price for Open Source (via) · · foss, licensing, php
- Performance: Shame, Hope, Nuance, and Interesting Problems (by) · · performance
- Web Layout 101: Making the Most of the Top Right Corner (by/via) · · introductions, design, layout
- Typography Is Code (by/via) · · videos, typography
- Writing Less Damned Code (by/via) · · videos, simplicity
- Refactoring CSS Without Losing Your Mind (by/via) · · videos, css, technical-debt, maintenance, refactoring
- The Joy of Optimizing (by/via) · · videos, images, performance, optimization
- The Coming Revolution in Email Design (via) · · email, design, mjml
- Stop Using the Old “Clearfix” (by) · · css, html
- 10 Ways to Earn Money from Your Site (by/via) · · monetization, marketing, economics
- Logging Errors in Client-Side Applications (by/via) · · web-apps, single-page-apps, errors, logging, monitoring
- Get Started on the CSS of the Future With PostCSS-cssnext (via) · · introductions, css, postcss, postprocessors, tooling
- The Top 10 Reasons to Sell Your Website (by/via) · · monetization
- Browser Trends November 2016: Rise of the Underdog (by/via) · · user-agents, trends, metrics
- CSS Post-Processors for Beginners: Tips and Resources (by/via) · · css, postprocessors, tooling, postcss, link-lists
- Awaken the Champion A/B Tester Within (by/via) · · testing, user-conversion
- A Crash Course of Changes to Exception Handling in PHP 7 (by/via) · · crash-courses, php, errors, debugging
- Is JavaScript Always the Best Solution? (by/via) · · javascript
- How to Use AJAX in WordPress—a Real World Example (via) · · how-tos, ajax, wordpress
- The Movement Towards Motion in Website Backgrounds (by/via) · · animations, backgrounds, design
- Password-Less Authentication in Rails (by/via) · · ruby-on-rails, authentication
- Progressive Web Apps: Bridging the Gap Between Web and Mobile (by/via) · · web-apps, desktop, mobile, native
- Landing Page Design: 15 Tips for High Conversions (by/via) · · design, landing-pages, tips-and-tricks, user-conversion
- CSS Quick Tip: Solving Common CSS Problems (by/via) · · css, centering, vendor-extensions, debugging, gulp, tips-and-tricks
- JavaScript for Web Designers: DOM Scripting (by/via) · · javascript, dom
- Standards on GitHub (by) · · standards, github
- Using CSS Mod Queries With Range Selectors (via) · · css, selectors
- Putting Down Event Infrastructure in Gecko (by) · · user-agents, browser-engines, gecko, events
- Silverlight Techniques for WCAG 2.0 (by+/via) · · accessibility, wcag, techniques, silverlight
- 4 Ways to Future Proof Your WordPress Site (by/via) · · wordpress, hosting, maintenance
- The Glory Days of the Web (by) · · web-platform, html, css, javascript, frameworks, libraries, history
- A Redesign With CSS Shapes (by/via) · · css, shapes, redesign, case-studies
- How It Feels to Learn JavaScript in 2016 (by) · · javascript, learning
- WordPress SVG Support: How to Enable SVGs in WordPress (by/via) · · how-tos, wordpress, svg, images
- Make Forms Fun With Flexbox (by/via) · · forms, css, flexbox, layout
- Quick Tip: Add or Remove a CSS Class With Vanilla JavaScript (via) · · css, javascript, tips-and-tricks
- 5 Essential SEO Strategies for Improving Engagement Metrics (by/via) · · seo, strategies
- Notepad++ Release 7 64-Bit Available (by) · · release-notes, notepad++
- Why We Should All Be Data Literate (by/via) · · metrics, career, link-lists
- Quick Tip: How to Declare Variables in JavaScript (via) · · how-tos, tips-and-tricks, javascript
- Where Things Are at in the CSS Grid Layout Working Draft (via) · · css, grids, layout
- Autoprefixing, With CSS Variables! (by) · · css, vendor-extensions, custom-properties
- How Information Overload Is Ruining Your Work Life (by/via) · · career, communication
- Webfonts on the Prairie (via) · · fonts, metrics
- Spectre: A Lightweight CSS Framework (via) · · css, frameworks
- Code: Align the Happy Path to the Left Edge (by) · · programming, best-practices, go
- How to Choose the Right CSS Toolkits and Frameworks (by+/via) · · interviews, how-tos, css, tooling, frameworks
- Accelerated Mobile Pages, a Critical View (by) · · google, amp
- Communicating Animation (by/via) · · communication, animations, design, interaction-design
- How to: Static Site With Grow.io and Netlify · · videos, how-tos, grow, netlify
- Practical SVG (by/via) · · images, svg
- Visual Regression Testing With PhantomCSS (via) · · testing, regressions, tooling
- Getting Started With Vue.js (by/via) · · introductions, vuejs
- The Business Case for Progressive Web Apps (by/via) · · economics, web-apps
- The Anatomy of a Coding Guideline (by) · · quality, conventions
- On Tailoring and Web Frameworks (by) · · frameworks, craft
- Custom Formatting in HTML and LaTeX Code Listings Using Pandoc (by) · · html, formatting, tooling
- WordPress Theme Automation With Gulp (by/via) · · wordpress, theming, automation, gulp
- The Foundation of Technical Leadership (by/via) · · career, leadership, communication, collaboration
- A History of CSS Image Replacement (via) · · css, image-replacement, techniques, examples, history
- Web Platform Security Boundaries (by) · · web-platform, security
- The Future of the Web (by/via) · · web-platform, visions
- Quick Tip: DRY Up Your Model Validations Tests (by/via) · · testing, validation, ruby-on-rails, principles, tips-and-tricks
- A Quick Introduction to CoffeeScript (via) · · introductions, coffeescript
- An Overview of Liquid: Shopify’s Templating Language (by/via) · · overviews, liquid, template-engines, shopify
- 10 Cool Things You Can Do With CodePen and JavaScript (by/via) · · tips-and-tricks
- Pixel Density, Demystified (by) · · design, pixel-density
- The Importance of Code Reviews (by/via) · · code-reviews, quality, collaboration
- jQuery 3.0 Final Released (by/via) · · jquery, release-notes
- Cleanly Handling a Fork on GitHub (by) · · git, github
- A Wordy History of Default Browser Styles and CSS Resets · · css, history, resetting
- Regular Expressions in JavaScript (by/via) · · javascript, regex
- Introducing the CSS “Clip-Path” Property (via) · · introductions, css, animations
- The Beginner’s Guide to Content Strategy (by/via) · · guides, content-strategy, content
- Designing Meaningful Animation (by/via) · · videos, design, animations, css
- Typography on the Web Is Like Other Typography Only More Interesting (by/via) · · videos, typography
- Advice From a Young Designer to Younger Designers (by/via) · · videos, career, design
- Quick Tip: Single Character Transforms With CSS and JS (by/via) · · effects, css, javascript, tips-and-tricks
- An Introduction to the Basics of Modern CSS Buttons (via) · · fundamentals, introductions, css, buttons
- Building a Robust Frontend Using Progressive Enhancement (via) · · html, css, javascript, single-page-apps, testing, progressive-enhancement
- Crash Course: Learn the Sketch UI in Roughly 4 Minutes 20 Seconds (by/via) · · crash-courses, design, sketch
- A Tale of CSS and Sass Precision (by/via) · · css, sass
- Never Show a Design You Haven’t Tested on Users (by/via) · · design, usability, user-experience, testing
- Introducing the CSS Grid Layout (via) · · introductions, css, grids, layout
- Meaningful CSS: Style Like You Mean It (by/via) · · css, html, semantics
- Improving the Quality of Your CSS With PostCSS (via) · · css, quality, optimization, postcss
- 5 Career-Ending Mistakes Web Developers Make (via) · · career, mistakes, business-relations, communication
- Affiliate Marketing Tips for 2016 (via) · · marketing, monetization, tips-and-tricks
- Technical Debt: Rescuing Legacy Code Through Refactoring (by/via) · · technical-debt, refactoring, maintenance, quality, monitoring, testing
- A Brief(ish) History of the Web Universe: New Hope(s) (by) · · web, history, user-agents, mosaic, netscape
- RespImageLint—Linter for Responsive Images (by) · · bookmarklets, images, html, responsive-design, linting
- Interview With Vivaldi CEO Jón S. von Tetzchner (by+/via) · · interviews, vivaldi, user-agents, chromium
- How PNG Works (by) · · png, images, compression
- Vivaldi 1.0 Release: Your New Default Browser? (by/via) · · vivaldi, user-agents
- What Is the Definition of a “CSS Hack”? (by/via) · · css, hacks, user-agents, terminology
- Vivaldi 1.0: Not for Everybody, Just You (by/via) · · user-agents, vivaldi
- 6 jQuery Infinite Scrolling Demos (by+/via) · · jquery, scrolling, examples
- How to Use PostCSS With Gulp (via) · · how-tos, postcss, gulp, automation
- Using Map and Reduce in Functional JavaScript (by/via) · · javascript
- Why I Don’t Use CSS Preprocessors (by) · · css, preprocessors
- How Good Are Your HTML and CSS Comments? (by/via) · · html, css, comments, maintainability, collaboration, examples
- How to Migrate a WordPress Site to a New Domain and Hosting (via) · · how-tos, wordpress, migration, hosting, domains
- PostCSS Mythbusting: Four PostCSS Myths Busted (by/via) · · postcss, myths
- 6 SEO Trends to Watch for in 2016 (by/via) · · trends, seo, content, marketing, mobile, performance, social-media
- What I Learned in Five Weeks of Using CSS Modules (by) · · css, modules, lessons
- Cleaning Up a CSS Codebase (by/via) · · css, refactoring, linting, architecture
- Your First Drupal 8 Migration (by/via) · · drupal, migration
- Coding mod_rewrite and WordPress Permalinks (by) · · servers, apache, wordpress, urls
- Do You Know These Eight HTML5 Tags? (by/via) · · html, semantics
- Quick Tip: Scheduled Backups for WordPress for Free in 5 Minutes (via) · · wordpress, tips-and-tricks
- Nunjucks: A JavaScript Template Engine (by) · · javascript, template-engines, nunjucks
- Become a Web Developer in 7 Simple Steps (by/via) · · career, communication
- All Talk and No Buttons: The Conversational UI (by/via) · · design, interaction-design
- 7 Trends That Will Define Web Design in 2016 (by/via) · · design, trends, ai, mobile-first, layout, animations
- You Got Your CSS in My JavaScript (by) · · javascript, css, principles
- Validating Product Ideas (by/via) · · product-management, processes
- 9 of the Most Popular Free WordPress Themes (by/via) · · wordpress, themes, link-lists
- Introducing: The Ultimate CSS Survey (by/via) · · introductions, surveys, css
- why-is-node-running (by) · · packages, npm, nodejs
- Custom Elements No Longer Contentious (by) · · web-components
- Getting Started With React: Building a “Hello World” Demo (via) · · introductions, frameworks, react
- A Brief(ish) History of the Web Universe: The Early Web (by) · · web, history, user-agents, mosaic
- What’s New in ECMAScript 2016 (ES7) (by) · · ecmascript, standards
- The Power of Responsive Design Sprints (by/via) · · design, responsive-design, processes, agile
- Getting Past “Hello World” in Angular 2 (by/via) · · angularjs, angular, link-lists
- The Art of the Commit (by/via) · · version-control, command-line, commit-messages, writing
- The Ultimate Guide to Link Building With Content (by/via) · · guides, content, links, seo
- Extending Sass With PostCSS (by) · · sass, postcss, css, tooling
- Working With Databases in WordPress (by/via) · · wordpress, databases, php
- Lazy-Loading Images: How Not to Really Annoy Your Users (via) · · images, lazy-loading, performance, jquery
- Aligning Your Front End Process (by) · · processes, tooling, documentation
- It’s Time to Rethink Vendor Prefixes in CSS (by/via) · · css, vendor-extensions, webkit, graceful-degradation
- Introduction to Craft CMS (by/via) · · introductions, content-management
- Getting Started With Underscore.js (by/via) · · introductions, libraries
- Build a Web App With Backbone.js and Socket.IO (by/via) · · web-apps, backbone, tooling, websockets
- 10 Web Predictions for 2016 (by/via) · · web, visions, security, site-generators, user-agents, css, mobile, performance, webassembly, seo
- An Introduction to CSS’s “@ supports” Rule (Feature Queries) (by/via) · · introductions, css, at-rules, support, feature-detection
- Writing Is Design (by) · · writing, design
- The Law of Maintainability (by) · · maintainability