Frontend Dogma

“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).

  1. Debunking 3 Common WordPress Myths (by/via) · · , ,
  2. Yes, That Web Project Should Be a PWA (by/via) · ·
  3. What Kills and What Saves Content Management Systems (by) · · , ,
  4. Improve Web Typography With CSS “font-size-adjust” (via) · · , ,
  5. CSS Architecture and the Three Pillars of Maintainable CSS (by/via) · · , , , ,
  6. Integrating Animation Into a Design System (by/via) · · , ,
  7. JavaScript Design Patterns: The Observer Pattern (via) · · ,
  8. What’s the Difference Between Sass and SCSS? (by/via) · ·
  9. CSS Inheritance: An Introduction (via) · · , ,
  10. Getting Started With Sass (by/via) · · , ,
  11. Web Development: How Making Our Own Lives Difficult Is More Important Than We Think (by) · · , ,
  12. Twig—the Most Popular Stand-Alone PHP Template Engine (by/via) · · , ,
  13. Frameworks, Libraries, and the Modern Web Developer: Web Development, Overdone (by) · · , ,
  14. What I Learned Building Google’s Web Frameworks (by) · · , , , ,
  15. How to Use AMP With WordPress (by/via) · · , , ,
  16. Reread the Classics, What Is IxD, UX, and HCI? A Designer’s Perspective (by) · · , , , , ,
  17. Stop Using Resets: Visual Examples of the Practical Nonsense of Resets and Normalizers (by) · · , ,
  18. Introducing npx: An npm Package Runner (by) · · , , ,
  19. The Beginner’s Guide to Website Staging (via) · · , , ,
  20. 7 Setup Tips for WordPress Beginners (by/via) · · ,
  21. 8 Must Have PHP Quality Assurance Tools (by/via) · · , ,
  22. Internationalization for Your WordPress Theme (via) · · , ,
  23. Two Paradigms of Web Development (by) · · , , ,
  24. How to Create Disaster Plans for Websites (by/via) · · , ,
  25. How (Not) to Control Your CDN (by) · · , , ,
  26. Color Accessibility Workflows (by/via) · · , ,
  27. Laravel vs. Symfony—Clash of the Frameworks (via) · · , , , ,
  28. Version Control With Magento and Git (by/via) · · , ,
  29. 70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization (by) · · , , , ,
  30. The Web’s Most Annoying Dark Patterns (by/via) · ·
  31. The Myth of “Unlimited Everything” Hosting Plans (by/via) · · ,
  32. No Namespaces in JSON, Please (by) · · ,
  33. Python for Java People (by/via) · · ,
  34. Design Systems: Real Talk (by/via) · · , ,
  35. What We Talk About When We Talk About Web Performance (by/via) · · ,
  36. Web Design Museum (by/via) · · , ,
  37. How to Create Custom WordPress Shortcodes for Your Editors (by/via) · · , ,
  38. The RED Method: Key Metrics for Microservices Architecture (by/via) · · , , ,
  39. Getting Started With PHP (by/via) · · , ,
  40. Easy AngularJS Authentication With Auth0 (by/via) · · ,
  41. How to Secure WordPress With SSL (by/via) · · , , ,
  42. JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js (via) · · , , , , , ,
  43. Quick Tip: How to Automate Social Media Posting With Jetpack (by/via) · · , , , , ,
  44. Four Killer Features of Nunjucks (by/via) · ·
  45. GIF, PNG, JPG, or SVG: Which One to Use? (via) · · , , , , , ,
  46. Optimizing Web Fonts for Performance: The State of the Art (by/via) · · , ,
  47. How to Land a Development Job Without Experience (via) · · ,
  48. Why I Abandoned “@ apply” (by) · · ,
  49. Managing the CSS Box Model (by/via) · · ,
  50. Minifying CSS With CSS Optimizer (by/via) · · , ,
  51. PWA Stats (via) · · , , ,
  52. Conventional Commits (by) · · , , , ,
  53. What Is the Right Image Format for Your Website? (by/via) · · , , , , , ,
  54. JavaScript Operators, Conditionals, and Functions (by/via) · · , , ,
  55. WordPress Version Control With Git (by/via) · · , ,
  56. Why Staging Environments Are Critical for WordPress Sites (by/via) · · , , ,
  57. Grid Garden (by) · · , , , ,
  58. Taking Steps Towards Scrum (by/via) · · , ,
  59. The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery) (via) · · , ,
  60. How to Get Started With Marketing Automation for Free (by/via) · · , , ,
  61. Practical CSS Grid: Adding Grid to an Existing Design (by/via) · · , ,
  62. Writing JavaScript With Accessibility in Mind (by/via) · · , , , , ,
  63. Why Every Business Needs a Website (by/via) · · , , ,
  64. Guetzli, Google’s New JPEG Encoder (by) · · , , , ,
  65. I Need a Website—What Do I Need to Know About Hosting? (by/via) · ·
  66. What Is HTTP/2? (by/via) · · ,
  67. How to Design and Sell Themes (With Success) (by/via) · · , , ,
  68. What Is the Best Book for Learning JavaScript? (by/via) · · ,
  69. What Is SMACSS and How to Use It (via) · · , ,
  70. Explorations in the Virtual DOM: How React.js Impacts Accessibility (by) · · , , ,
  71. How to Become a Better Developer by Coding Less (via) · · , , ,
  72. Web Layout 101: Vertical Rhythm Is a Drummer (by/via) · · , ,
  73. Responsive CSS Patterns Without Media Queries (via) · · ,
  74. An Introduction to WordPress Permalinks (by/via) · · , , ,
  75. An Engineering Manager’s Guide to Rebranding (via) · · , , , , , ,
  76. Principles of Web Development (by) · · , , , , ,
  77. 21 Steps to Becoming a Successful Web Developer (by/via) · ·
  78. Using HTTP/2 Responsibly: Adapting for Users (by/via) · · , , , ,
  79. Considering How We Use HTTP/2 (by/via) · · , , ,
  80. 20+ Docs and Guides for Front-End Developers (by/via) · · , , ,
  81. 9 WordPress Plugins to Help Get More Social Shares (via) · · , , ,
  82. What’s New in ECMAScript 2017 (by) · · ,
  83. CSS Selectors: Specificity (by/via) · · , ,
  84. CSS Selectors: Pseudo-Elements (by/via) · · ,
  85. Writing Element Queries Today Using EQCSS (via) · · ,
  86. Foundation Framework Crash Course (via) · · , ,
  87. 10 Node.js Best Practices: Enlightenment From the Node Gurus (via) · · , , , , , , , ,
  88. CSS Selectors: Attribute Selectors (by/via) · · ,
  89. HTML5 Page Structure Basics (by/via) · · , ,
  90. CSS Selectors: Combinators (by/via) · · ,
  91. An HTML5 FAQ (by/via) · ·
  92. Know It All (by) · · , , , , , , ,
  93. A Compendium of SVG Information (by/via) · · , , ,
  94. Improve Your Website’s Accessibility With WAI–ARIA (by/via) · · , , ,
  95. 10 Web Predictions for 2017 (by/via) · · , , , , , , , ,
  96. The Imbalance of Culture Fit (by/via) · · , , ,
  97. Best Text Editor? Atom vs. Sublime vs. Visual Studio Code vs. Vim (via) · · , , , ,
  98. Serving Custom Headers From Static Sites on CloudFront/S3 With Lambda@Edge (by) · · , , ,
  99. Speed Up Oh My Zsh · · , ,
  100. Front-End Tools: My Favorite Finds of 2016 (by/via) · · , , , ,
  101. Introducing CSS3 (by/via) · · ,
  102. JavaScript: 2016 in Review (by/via) · · ,
  103. A Brief Introduction to Scrum (by/via) · · , , ,
  104. Introducing HTML5 (by/via) · · ,
  105. Demystifying Public Speaking (by/via) · · , , , ,
  106. Why I Don’t Use CSS Preprocessors (by) · · ,
  107. CSS Shorthand Syntax Considered an Anti-Pattern (by) · · , ,
  108. What’s New in HTML 5.1 (via) · · ,
  109. Are You Writing ES6 JavaScript Yet? (by/via) · · ,
  110. Nesting Your BEM? (by) · · , ,
  111. Frameworks Without the Framework: Why Didn’t We Think of This Sooner? (by/via) · · ,
  112. Pay the Price for Open Source (via) · · , ,
  113. Performance: Shame, Hope, Nuance, and Interesting Problems (by) · ·
  114. Web Layout 101: Making the Most of the Top Right Corner (by/via) · · , ,
  115. Typography Is Code (by/via) · · ,
  116. Writing Less Damned Code (by/via) · · ,
  117. Refactoring CSS Without Losing Your Mind (by/via) · · , , , ,
  118. The Joy of Optimizing (by/via) · · , , ,
  119. The Coming Revolution in Email Design (via) · · , ,
  120. Stop Using the Old “Clearfix” (by) · · ,
  121. 10 Ways to Earn Money from Your Site (by/via) · · , ,
  122. Logging Errors in Client-Side Applications (by/via) · · , , , ,
  123. Get Started on the CSS of the Future With PostCSS-cssnext (via) · · , , , ,
  124. The Top 10 Reasons to Sell Your Website (by/via) · ·
  125. Browser Trends November 2016: Rise of the Underdog (by/via) · · , ,
  126. CSS Post-Processors for Beginners: Tips and Resources (by/via) · · , , , ,
  127. Awaken the Champion A/B Tester Within (by/via) · · ,
  128. A Crash Course of Changes to Exception Handling in PHP 7 (by/via) · · , , ,
  129. Is JavaScript Always the Best Solution? (by/via) · ·
  130. How to Use AJAX in WordPress—a Real World Example (via) · · , ,
  131. The Movement Towards Motion in Website Backgrounds (by/via) · · , ,
  132. Password-Less Authentication in Rails (by/via) · · ,
  133. Progressive Web Apps: Bridging the Gap Between Web and Mobile (by/via) · · , , ,
  134. Landing Page Design: 15 Tips for High Conversions (by/via) · · , , ,
  135. CSS Quick Tip: Solving Common CSS Problems (by/via) · · , , , , ,
  136. JavaScript for Web Designers: DOM Scripting (by/via) · · ,
  137. Standards on GitHub (by) · · ,
  138. Using CSS Mod Queries With Range Selectors (via) · · ,
  139. Putting Down Event Infrastructure in Gecko (by) · · , , ,
  140. Silverlight Techniques for WCAG 2.0 (by+/via) · · , , ,
  141. 4 Ways to Future Proof Your WordPress Site (by/via) · · , ,
  142. The Glory Days of the Web (by) · · , , , , , ,
  143. A Redesign With CSS Shapes (by/via) · · , , ,
  144. How It Feels to Learn JavaScript in 2016 (by) · · ,
  145. WordPress SVG Support: How to Enable SVGs in WordPress (by/via) · · , , ,
  146. Make Forms Fun With Flexbox (by/via) · · , , ,
  147. Quick Tip: Add or Remove a CSS Class With Vanilla JavaScript (via) · · , ,
  148. 5 Essential SEO Strategies for Improving Engagement Metrics (by/via) · · ,
  149. Notepad++ Release 7 64-Bit Available (by) · · ,
  150. Why We Should All Be Data Literate (by/via) · · , ,
  151. Quick Tip: How to Declare Variables in JavaScript (via) · · , ,
  152. Where Things Are at in the CSS Grid Layout Working Draft (via) · · , ,
  153. Autoprefixing, With CSS Variables! (by) · · , ,
  154. How Information Overload Is Ruining Your Work Life (by/via) · · ,
  155. Webfonts on the Prairie (via) · · ,
  156. Spectre: A Lightweight CSS Framework (via) · · ,
  157. Code: Align the Happy Path to the Left Edge (by) · · , ,
  158. How to Choose the Right CSS Toolkits and Frameworks (by+/via) · · , , , ,
  159. Accelerated Mobile Pages, a Critical View (by) · · ,
  160. Communicating Animation (by/via) · · , , ,
  161. How to: Static Site With Grow.io and Netlify · · , , ,
  162. Practical SVG (by/via) · · ,
  163. Visual Regression Testing With PhantomCSS (via) · · , ,
  164. Getting Started With Vue.js (by/via) · · ,
  165. The Business Case for Progressive Web Apps (by/via) · · ,
  166. The Anatomy of a Coding Guideline (by) · · ,
  167. On Tailoring and Web Frameworks (by) · · ,
  168. Custom Formatting in HTML and LaTeX Code Listings Using Pandoc (by) · · , ,
  169. WordPress Theme Automation With Gulp (by/via) · · , , ,
  170. The Foundation of Technical Leadership (by/via) · · , , ,
  171. A History of CSS Image Replacement (via) · · , , , ,
  172. Web Platform Security Boundaries (by) · · ,
  173. The Future of the Web (by/via) · · ,
  174. Quick Tip: DRY Up Your Model Validations Tests (by/via) · · , , , ,
  175. A Quick Introduction to CoffeeScript (via) · · ,
  176. An Overview of Liquid: Shopify’s Templating Language (by/via) · · , , ,
  177. 10 Cool Things You Can Do With CodePen and JavaScript (by/via) · ·
  178. Pixel Density, Demystified (by) · · ,
  179. The Importance of Code Reviews (by/via) · · , ,
  180. jQuery 3.0 Final Released (by/via) · · ,
  181. Cleanly Handling a Fork on GitHub (by) · · ,
  182. A Wordy History of Default Browser Styles and CSS Resets · · , ,
  183. Regular Expressions in JavaScript (by/via) · · ,
  184. Introducing the CSS “Clip-Path” Property (via) · · , ,
  185. The Beginner’s Guide to Content Strategy (by/via) · · , ,
  186. Designing Meaningful Animation (by/via) · · , , ,
  187. Typography on the Web Is Like Other Typography Only More Interesting (by/via) · · ,
  188. Advice From a Young Designer to Younger Designers (by/via) · · , ,
  189. Quick Tip: Single Character Transforms With CSS and JS (by/via) · · , , ,
  190. An Introduction to the Basics of Modern CSS Buttons (via) · · , , ,
  191. Building a Robust Frontend Using Progressive Enhancement (via) · · , , , , ,
  192. Crash Course: Learn the Sketch UI in Roughly 4 Minutes 20 Seconds (by/via) · · , ,
  193. A Tale of CSS and Sass Precision (by/via) · · ,
  194. Never Show a Design You Haven’t Tested on Users (by/via) · · , , ,
  195. Introducing the CSS Grid Layout (via) · · , , ,
  196. Meaningful CSS: Style Like You Mean It (by/via) · · , ,
  197. Improving the Quality of Your CSS With PostCSS (via) · · , , ,
  198. 5 Career-Ending Mistakes Web Developers Make (via) · · , , ,
  199. Affiliate Marketing Tips for 2016 (via) · · , ,
  200. Technical Debt: Rescuing Legacy Code Through Refactoring (by/via) · · , , , , ,
  201. A Brief(ish) History of the Web Universe: New Hope(s) (by) · · , , , ,
  202. RespImageLint—Linter for Responsive Images (by) · · , , , ,
  203. Interview With Vivaldi CEO Jón S. von Tetzchner (by+/via) · · , , ,
  204. How PNG Works (by) · · , ,
  205. Vivaldi 1.0 Release: Your New Default Browser? (by/via) · · ,
  206. What Is the Definition of a “CSS Hack”? (by/via) · · , , ,
  207. Vivaldi 1.0: Not for Everybody, Just You (by/via) · · ,
  208. 6 jQuery Infinite Scrolling Demos (by+/via) · · , ,
  209. How to Use PostCSS With Gulp (via) · · , , ,
  210. Using Map and Reduce in Functional JavaScript (by/via) · ·
  211. Why I Don’t Use CSS Preprocessors (by) · · ,
  212. How Good Are Your HTML and CSS Comments? (by/via) · · , , , , ,
  213. How to Migrate a WordPress Site to a New Domain and Hosting (via) · · , , , ,
  214. PostCSS Mythbusting: Four PostCSS Myths Busted (by/via) · · ,
  215. 6 SEO Trends to Watch for in 2016 (by/via) · · , , , , , ,
  216. What I Learned in Five Weeks of Using CSS Modules (by) · · , ,
  217. Cleaning Up a CSS Codebase (by/via) · · , , ,
  218. Your First Drupal 8 Migration (by/via) · · ,
  219. Coding mod_rewrite and WordPress Permalinks (by) · · , , ,
  220. Do You Know These Eight HTML5 Tags? (by/via) · · ,
  221. Quick Tip: Scheduled Backups for WordPress for Free in 5 Minutes (via) · · ,
  222. Nunjucks: A JavaScript Template Engine (by) · · , ,
  223. Become a Web Developer in 7 Simple Steps (by/via) · · ,
  224. All Talk and No Buttons: The Conversational UI (by/via) · · ,
  225. 7 Trends That Will Define Web Design in 2016 (by/via) · · , , , , ,
  226. You Got Your CSS in My JavaScript (by) · · , ,
  227. Validating Product Ideas (by/via) · · ,
  228. 9 of the Most Popular Free WordPress Themes (by/via) · · , ,
  229. Introducing: The Ultimate CSS Survey (by/via) · · , ,
  230. why-is-node-running (by) · · , ,
  231. Custom Elements No Longer Contentious (by) · ·
  232. Getting Started With React: Building a “Hello World” Demo (via) · · , ,
  233. A Brief(ish) History of the Web Universe: The Early Web (by) · · , , ,
  234. What’s New in ECMAScript 2016 (ES7) (by) · · ,
  235. The Power of Responsive Design Sprints (by/via) · · , , ,
  236. Getting Past “Hello World” in Angular 2 (by/via) · · , ,
  237. The Art of the Commit (by/via) · · , , ,
  238. The Ultimate Guide to Link Building With Content (by/via) · · , , ,
  239. Extending Sass With PostCSS (by) · · , , ,
  240. Working With Databases in WordPress (by/via) · · , ,
  241. Lazy-Loading Images: How Not to Really Annoy Your Users (via) · · , , ,
  242. Aligning Your Front End Process (by) · · , ,
  243. It’s Time to Rethink Vendor Prefixes in CSS (by/via) · · , , ,
  244. Introduction to Craft CMS (by/via) · · ,
  245. Getting Started With Underscore.js (by/via) · · ,
  246. Build a Web App With Backbone.js and Socket.IO (by/via) · · , , ,
  247. 10 Web Predictions for 2016 (by/via) · · , , , , , , , , ,
  248. An Introduction to CSS’s “@ supports” Rule (Feature Queries) (by/via) · · , , , ,
  249. Writing Is Design (by) · · ,
  250. The Law of Maintainability (by) · ·