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