Frontend Dogma

“2020” Archive

  1. HTML and CSS Techniques to Reduce Your JavaScript (by/via) · · , , ,
  2. Ethical Design Guide (by) · · , ,
  3. The Art of Leadership (by) · ·
  4. Using “throw” as an Expression in PHP 8 (by) · ·
  5. Symbols to Copy (by) · · , ,
  6. Ignore AMP (by) · · ,
  7. Get Up to Speed With Partial Clone and Shallow Clone (by/via) · ·
  8. A Beginner’s Guide to Webpack (by/via) · · ,
  9. Meet Redwood, a Full-Stack, Serverless Jamstack Framework (via) · · ,
  10. Why You Should Self-Host Google Fonts in 2021 (by) · · ,
  11. The Shorthand–Longhand Problem in Atomic CSS (by) · · , , , ,
  12. JavaScript (by/via) · · , , , ,
  13. Page Weight (by/via) · · , , , ,
  14. CSS (by+/via) · · , , , ,
  15. Accessibility (by+/via) · · , , , ,
  16. TLS and mTLS Demystified · · , ,
  17. Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of (via) · · ,
  18. Notes on HTML 3.2 (by) · ·
  19. Command Line Interface Guidelines (by+) · · , ,
  20. Alt vs. Figcaption (by/via) · · , ,
  21. Time to Say Goodbye to Google Fonts: Cache Performance (by) · · , , ,
  22. Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (by) · · , ,
  23. To Be Creative, Practice (by/via) · · ,
  24. Know Your Standards (by) · · , , , , ,
  25. Leveraging System Fonts on the Web (by) · ·
  26. Best Practices for Inclusive Textual Websites (by) · · , , ,
  27. CSS Vendor Prefixes · · ,
  28. Upgrade Your HTML II (by/via) · · , , , ,
  29. A GitHub Action for Automated Deployment to WP Engine (via) · · , , , ,
  30. How to Deal With Common React JS Problems—Actionable Tips (via) · · , ,
  31. Google Is Already Experimenting With WebP2 As Successor To WebP Image Format (by/via) · · , ,
  32. The What, Why, and How of Using a Skeleton Loading Screen (by) · · ,
  33. Webmentions and Eleventy Talk (by) · · , ,
  34. Markup (by+/via) · · , , , ,
  35. Write Better Code and Be a Better Programmer by Avoiding “else” Statements (by) · · ,
  36. The Raven Technique: One Step Closer to Container Queries (by/via) · · , ,
  37. How to Find and Fix Common Website Accessibility Issues (by/via) · · , , , , , ,
  38. What Is Section 508 and Why Does It Matter? (via) · · , ,
  39. Chasing the Pixel-Perfect Dream (by) · · ,
  40. Are Template Engines Still Relevant in 2020? (by) · · , , , ,
  41. A General Introduction to Cloud Computing (by/via) · · , , ,
  42. Touch, Point, Click: Mouse vs. Touch Screen Input (by/via) · · , ,
  43. Come Full Circle—Back to HTML · · ,
  44. New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met (by/via) · · , , ,
  45. Core Web Vitals: A Guide to Google’s Web Performance Metrics (by/via) · · , , ,
  46. How to Test Responsive Web Design Cross-Browser Compatibility (by/via) · · , , ,
  47. An Opinionated Guide to Accessibility Testing (by) · · , ,
  48. An Introduction to JSX (via) · · ,
  49. The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (by) · · , , ,
  50. What Apple, Google, and Amazon’s Websites Looked Like in 1999 (by/via) · · ,
  51. Getting Started With React: A Beginner’s Guide (by/via) · · , , ,
  52. How to Find the Cause of Horizontal Scrollbars (by/via) · · , , ,
  53. How to Design a Set of Icons (via) · · , ,
  54. Apache Configuration Basics (via) · · , , ,
  55. Tuning Your Apache Server (via) · · , , ,
  56. A Guide to HTML and CSS Forms (No Hacks) (by/via) · · , , ,
  57. GitLab vs. GitHub—a Comparison of the Two Version Control Systems (via) · · , , ,
  58. How to Create High-Performance CSS Animations (by+/via) · · , , ,
  59. Micro-Note on “aria-roledescription” (by) · · ,
  60. CSS Variables 101 (by) · ·
  61. Reducing the Site Speed Impact of Third-Party Tags (by) · · ,
  62. Webflow vs. WordPress: A Head-to-Head Comparison (by/via) · · , , , ,
  63. “font-kerning” (by/via) · · , ,
  64. Building and Running WebKit (by) · · ,
  65. Drawing the Invisible: React Explained in Five Visual Metaphors (by/via) · · ,
  66. Custom Properties: Questioning “:root” (by) · · , ,
  67. The Good Web and the Bad Web (by) · · ,
  68. Generate a Sitemap for Your Eleventy Website (by) · · , ,
  69. Mastering Wrapping of Flex Items (via) · · , ,
  70. MIME Types (IANA Media Types) (by/via) · ·
  71. React With TypeScript: Best Practices (by/via) · · , ,
  72. A Brief About Web Browser Wars · · , ,
  73. How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had (by) · · , ,
  74. Adversarial Interoperability (by/via) · · , , ,
  75. 9 Best CSS Frameworks in 2020 (via) · · , , , , , , , , ,
  76. Use Advanced Typography With Local Fonts (by/via) · · , ,
  77. The Thing With Leading in CSS (by) · · ,
  78. Why Did Mozilla Remove XUL Add-Ons? · · , ,
  79. Loading Third-Party JavaScript (by+/via) · · ,
  80. “this” in JavaScript and TypeScript (by) · · ,
  81. 21 Node.js Interview Questions With Solutions (by/via) · · ,
  82. The Anti-Reset (to Reset to User Agent Styles) (by) · · ,
  83. Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (by/via) · · , , ,
  84. Effective Code Browsing (by) · ·
  85. JS Minification Benchmarks (by) · · , ,
  86. A Smashing Guide to the World of Search Engine Optimization (by/via) · · ,
  87. Meet Polypane, a Browser That Makes You Five Times Faster (by/via) · · , , ,
  88. Performance Is an Issue of Equity (by/via) · · ,
  89. Islands Architecture (by) · · , ,
  90. Difference Between Concurrent Versions System (CVS) and Subversion (SVN) (via) · · , , ,
  91. Vue vs. React in 2021: Which Framework to Choose and When (via) · · , , ,
  92. Updating React at Etsy (by) · · , , ,
  93. Introduction to Metrics, Monitoring, and Alerting (via) · · , , ,
  94. Accessibility on the Canvas With JavaScript (by) · · , ,
  95. Introduction to Memoization in JavaScript (by/via) · · , ,
  96. Writing Alt Text for Data Visualization (by/via) · · , , , ,
  97. Why We Moved a 20-Year-Old Site to Gatsby (by/via) · · ,
  98. Terminating a Frozen SSH Session · · ,
  99. JavaScript to Know for React (by) · · ,
  100. Most Popular JavaScript Frameworks in 2020 · · , , , , , , ,
  101. Node.js vs. Deno: What You Need to Know (by/via) · · , , ,
  102. How to Document the Screen Reader User Experience (via) · · , , , , ,
  103. Webwaste (by/via) · · , ,
  104. The Cicada Principle, Revisited With CSS Variables (by) · · , ,
  105. A Beginner’s Guide to Microcontent (via) · · , , ,
  106. The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (via) · · , ,
  107. We Need More Inclusive Web Performance Metrics (by/via) · · , ,
  108. A Brief Introduction to WebGL (via) · · , ,
  109. Learn Deno: A Secure JavaScript and TypeScript Runtime (by/via) · · , , ,
  110. WebGPU Fundamentals (by) · · ,
  111. Let’s Not Be Pedantic About “Open Source” (by) · · ,
  112. Introduction to Logging in Python (by/via) · · , ,
  113. Learn Regex: A Beginner’s Guide (by/via) · · ,
  114. Fast Sorting With Quicksort (by) · · ,
  115. Namespaces in JavaScript (by) · · ,
  116. How to Install Apache Web Server on Windows (by+/via) · · , , , , ,
  117. Learn GSAP in 23 Minutes (by) · · ,
  118. Platform Adjacency Theory (by) · · ,
  119. 90’s Cursor Effects (by) · · , ,
  120. Speeding Up My Shell (Oh My Zsh) (by) · · , , ,
  121. CSS Fundamentals: Vendor Prefixing (by/via) · · , ,
  122. A Practical Guide to Testing React Applications With Jest (by/via) · · , , ,
  123. App Shell UX With Service Workers and Streams (by+/via) · · , , , , ,
  124. GitHub CLI: A Guide to GitHub from the Command Line (by/via) · · , ,
  125. A Lazy Dark Mode (by) · · ,
  126. Sending Emails in PHP With PHPMailer (by+/via) · · , ,
  127. Remembrance of Tags Past (by/via) · · , , , , , ,
  128. Decentralization Off the Shelf (via) · · ,
  129. JavasSript RORO Pattern · · ,
  130. Allow End-User Styling Overrides (by) · · , ,
  131. The Importance of Clarity in UX (by/via) · · ,
  132. Meteor vs. Next? A Brutally Honest Answer (by) · · , , ,
  133. Why You Should Use SWC (and Not Babel) (via) · · , ,
  134. The Complete Guide to CSS Media Queries (by/via) · · , ,
  135. 5 Projects to Help You Master Modern CSS (by/via) · · , , ,
  136. Dark Patterns in UX (by/via) · · ,
  137. 30 Seconds of Code (via) · · , , ,
  138. Web Platform Contribution Guide (by+/via) · · , , , ,
  139. Tools for Better Thinking (by) · · , , ,
  140. Today’s JavaScript, From an Outsider’s Perspective (by) · ·
  141. Some .zshrc Tricks (by) · · , , , ,
  142. Micro-Frontends in Context (by/via) · ·
  143. How to Reevaluate Your Frontend Architecture (by/via) · · ,
  144. Ask an Expert: Why Is CSS… the Way It Is? (by/via) · ·
  145. A User’s Guide to CSS Variables (by/via) · · , ,
  146. The Secret of Typography, Kerning, Explained for Dummies (by/via) · · ,
  147. The Third Age of JavaScript (by) · ·
  148. Static Hoisting (by) · ·
  149. What Every JavaScript Developer Should Know About Unicode (by) · · ,
  150. The 24 Boolean Attributes of HTML (by) · ·
  151. Speed Up Google Fonts (by) · · , ,
  152. The Need for Speed, 23 Years Later (by/via) · · , ,
  153. Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior (by) · · , ,
  154. Easily Use Design Tokens in Eleventy (by) · · ,
  155. Architecting Data in Eleventy (by) · ·
  156. Liquid vs. Nunjucks · · , , ,
  157. Developer Experience Metrics (by) · · ,
  158. Designing Intrinsic Layouts (by/via) · · , , ,
  159. Manipulating Arrays and Objects in JavaScript (by/via) · · , , ,
  160. An Introduction to Parcel.js, the No-Config Web Application Bundler (by/via) · · , ,
  161. 5 Tips to Get Your Dev Blog Running (by) · · , ,
  162. What Is mTLS and How Does It Work? (by) · ·
  163. Invisible Design Systems (by/via) · · ,
  164. Introduction to Netlify CMS (by) · · , , ,
  165. The 4 Pillars of Good Embed Code (by) · · , ,
  166. Real-World Effectiveness of Brotli (by) · · , , ,
  167. Quick Tip: How to Hide Whitespace Changes in Git Diffs (by/via) · · , , , , ,
  168. Everything You Should Know About SSH and SSH Key Exchange (by) · · , ,
  169. 98.css (by) · · , , ,
  170. Learn Programming (by) · · , , ,
  171. HTML Tips (by) · · ,
  172. Usability Testing for Voice Content (via) · · , ,
  173. Web Animations in Safari 13.1 (via) · · , , , , ,
  174. The Web Development Glossary (by/via) · · , , , ,
  175. No Need to Protect Your Website From Scraping: 8 Reasons (via) · · , , ,
  176. React Folder Structure in 5 Steps (by) · · ,
  177. What’s New in ECMAScript 2020 (by) · · ,
  178. How to Create a Native Web Component Without a Framework (by/via) · · , ,
  179. The Frameworks Paradox (by) · ·
  180. The Devastating Price Developers Pay for Working Hard (via) · · , , ,
  181. Creating a Similar Post Component With Eleventy (by) · · ,
  182. Why “Dark Mode” Causes More Accessibility Issues Than It Solves (by) · · ,
  183. No Web Without Women (via) · · ,
  184. MEAN Stack: Build an App With Angular and the Angular CLI (by/via) · · , , , , ,
  185. The Component Gallery (by) · · ,
  186. Start Render: The Web Performance Metric That Heralds the End of the Blank Page (via) · · , ,
  187. On the Responsibility That Comes With Good JavaScript Support (by) · · ,
  188. Performance Tips: Minifying HTML, CSS, and JS (via) · · , , , , , ,
  189. How to Debug a Node.js Application: Tips, Tricks, and Tools (by/via) · · , , , , ,
  190. Margin Considered Harmful (by) · · ,
  191. The Complete Guide to the Dark Mode Toggle (by) · · , ,
  192. Mutual TLS: Stuff You Should Know (by/via) · · , ,
  193. A Practical Overview of CSS Houdini (by/via) · · , , ,
  194. The Rise of the No-Code Movement (by/via) · · ,
  195. 10 Behavior Patterns for UX Design (by/via) · ·
  196. Testing With Jest: An Introduction (by/via) · · , ,
  197. Quick Tip: Configuring nginx and SSL With Node.js (by/via) · · , , , , ,
  198. 10 Git Techniques You Need to Know Before You Join a Team (by/via) · · , ,
  199. The Perils of Rehydration (by) · · ,
  200. A Beginner’s Guide to Webpack (via) · · ,
  201. Optimize CSS Background Images With Media Queries (by/via) · · , , , ,
  202. Why Are We Talking About CSS4? (by/via) · · ,
  203. How Emojis Work (by) · · ,
  204. Simple Systems Have Less Downtime (by) · ·
  205. Don’t Try to Sanitize Input—Escape Output (by) · · , ,
  206. Cross-Cultural Design (by/via) · · ,
  207. A Cheatsheet of 128 Cheatsheets for Developers (by) · · ,
  208. An Introduction to MongoDB (by/via) · · , ,
  209. The Economics of JavaScript Web Apps (by) · · , ,
  210. Page Builders Might Not Be a Good Idea (by) · · , , ,
  211. How We Learned to Draw Text on HTML5 Canvas (via) · · , , , ,
  212. What Is Kerning? Here’s What You Need to Know (via) · · ,
  213. Google Tag Manager vs. Page Speed: The Impact and How to Improve (by) · · , , , ,
  214. What Is Node and When Should I Use It? (by/via) · · , ,
  215. AVIF for Next-Generation Image Coding (by/via) · · , ,
  216. What Is Memoization? (by) · · , ,
  217. Understanding Map and Set in JavaScript (by) · ·
  218. IME Smoke Testing (by) · ·
  219. Design System UI Is More Expensive Than a Product Team’s UI (by/via) · · ,
  220. The Web We Want (by+/via) · · , , ,
  221. How to Publish an Updated Version of an npm Package (by/via) · · , ,
  222. Playing With CSS Grid (by) · · , ,
  223. Introduction to WebSockets: How to Create Responsive and Low-Latency Applications (via) · · , , , ,
  224. How to Automatically Update Your JavaScript Dependencies (by/via) · · , , , , ,
  225. What SSL Is, and Which Certificate Type Is Right for You (by/via) · · , ,
  226. Professional Agile Leadership (PAL) Reminders and Resources (by) · · , , , ,
  227. How to Install MySQL (by/via) · · , , ,
  228. Standards for Writing Accessibly (by+/via) · · , , , , , , ,
  229. The History of JavaScript: A Journey From Netscape to Frameworks and Libraries (by/via) · · , , , ,
  230. Using MySQL With Node.js and the mysql JavaScript Client (by+/via) · · , , ,
  231. React Tutorial (by) · · , , ,
  232. Learn End-to-End Testing With Puppeteer (by/via) · · , ,
  233. 15 Top WordPress Themes to Use in 2020 (via) · · , ,
  234. If It Can Be Done Using an HTTP Header, Use an HTTP Header (by) · · , , ,
  235. An Intro to Designing Accessible Data Visualizations (by) · · , , , ,
  236. Should You Self-Host Google Fonts? (by) · · , , ,
  237. Goodbye, Clean Code (by) · · , ,
  238. Improving Site Performance With Webpack Tree Shaking (by/via) · · , , ,
  239. How to Convert Variable TTF Font Files to WOFF2 (by) · · , , ,
  240. Performance Budgets, Pragmatically (by) · · ,
  241. Decision Strategies for a Micro Frontends Architecture (by/via) · · ,
  242. How Running Your Own Website Is Much Better for You Than You Think (by) · · ,
  243. Eleventail—a Helper for Tailwind CSS and Eleventy (by) · · , ,
  244. Putting Devs Before Users: How Frameworks Destroyed Web Performance (by/via) · · , ,