Frontend Dogma

News and Views in Frontend Development (12)

(Explore all topics. Stay informed by feed, on Mastodon, or on Twitter.)

  1. Journey of a Web Page—How Browsers Work (toot or tweet) · · ,
  2. An Introduction to Frameworkless Web Components (toot or tweet) · · , , ,
  3. 6 Useful Frontend Techniques That You May Not Know About (toot or tweet) · · , , ,
  4. Designing for Information Density (toot or tweet) · ·
  5. What I Learned from “Software Engineering at Google” (toot or tweet) · ·
  6. The State of Developer Ecosystem 2021 (toot or tweet) · ·
  7. Accessibility of the “Section” Element (toot or tweet) · · ,
  8. What Is Tree Shaking? (toot or tweet) · · , ,
  9. There’s No Such Thing as Fully Automated Web Accessibility (toot or tweet) · · ,
  10. The Performance Effects of Too Much Lazy-Loading (toot or tweet) · · ,
  11. How to Get a Pixel-Perfect, Linearly Scaled UI (toot or tweet) · · , ,
  12. Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (toot or tweet) · · , , , ,
  13. For Developers, Apple’s Safari Is Crap and Outdated (toot or tweet) · · ,
  14. Designing for the Unexpected (toot or tweet) · · , ,
  15. Content Accessibility Fact Sheet (toot or tweet) · · ,
  16. The Ultimate Guide to Browser-Side Storage (toot or tweet) · · , , ,
  17. The Most Important Lessons I’ve Learned from Senior Software Engineers (toot or tweet) · ·
  18. What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (toot or tweet) · ·
  19. The 3-Second Frontend Developer Test (toot or tweet) · · , , ,
  20. I’m Changing How I Review Code (toot or tweet) · · ,
  21. Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (toot or tweet) · · , , ,
  22. Angular Is Costing Companies Billions (toot or tweet) · ·
  23. How to Migrate from jQuery to Next.js (toot or tweet) · · , ,
  24. Detecting Media Query Support in CSS and JavaScript (toot or tweet) · · , , ,
  25. What People Should Know Before Writing Articles or Creating Products About Accessibility (toot or tweet) · · ,
  26. TypeScript Interfaces: A Quick Guide to Help You Get Started (toot or tweet) · · ,
  27. Refactoring CSS: Introduction (toot or tweet) · · , , ,
  28. Gridless Design (toot or tweet) · · , ,
  29. Image Descriptions: A Human Technique That Robots Can’t Grasp (toot or tweet) · · ,
  30. How to Convert Arrays to Human-Readable Lists in JavaScript (toot or tweet) · · , ,
  31. Freelance React Developer Checklist (toot or tweet) · · ,
  32. The Document Outline (toot or tweet) · · ,
  33. Making a Strong Case for Accessibility (toot or tweet) · ·
  34. The Numeric Colour Palettes in Modern Web Frameworks Explained (toot or tweet) · · ,
  35. The Large, Small, and Dynamic Viewports (toot or tweet) · · , ,
  36. Performance Design: The Illusion of Speed (toot or tweet) · · ,
  37. Creating Accessible CSS Art (toot or tweet) · · , ,
  38. TypeScript and Native ESM on Node.js (toot or tweet) · · , ,
  39. Five Ways to Include D/Deaf Users in Your Designs (toot or tweet) · · ,
  40. ARIA in HTML (toot or tweet) · · , ,
  41. The Dilemma of Naming Font Size Variables (toot or tweet) · · , ,
  42. How to Use “Promise.all()” (toot or tweet) · ·
  43. How Does Node.js Load Its Built-In/Native Modules? (toot or tweet) · · , ,
  44. Accessibility and Inclusivity: Distinctions in Experience Design (toot or tweet) · · , ,
  45. Using HSL Colors in CSS (toot or tweet) · · ,
  46. Feature Checklists Are Not Enough: How to Avoid Making Bad Software (toot or tweet) · · , , ,
  47. Basics of JavaScript Test Driven Development (TDD) with Jest (toot or tweet) · · , ,
  48. Where Did This Interaction Come From?—A Brief History of Interaction Design (toot or tweet) · · ,
  49. “export default thing” Is Different to “export { thing as default }” (toot or tweet) · ·
  50. Short Note on Skip Links with Sticky Headers (toot or tweet) · · ,
  51. Evaluating Color and Contrast—How Hard Can It Be? (toot or tweet) · · , ,
  52. Towards Richer Colors on the Web (toot or tweet) · · ,
  53. It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (toot or tweet) · · ,
  54. Accessibility and SEO (toot or tweet) · · , ,
  55. When a Click Is Not Just a Click (toot or tweet) · ·
  56. The State of Web Workers in 2021 (toot or tweet) · · ,
  57. The Internet Is Rotting (toot or tweet) · · ,
  58. How We Built React Components for Any Front End (toot or tweet) · · ,
  59. Encoding Data for POST Requests (toot or tweet) · · ,
  60. Detecting Hover-Capable Devices (toot or tweet) · ·
  61. 9 Tips to Help You Ace a Whiteboard Interview (toot or tweet) · · , ,
  62. 10 Figma Best Practices to 10× Your Workflow (toot or tweet) · · , , ,
  63. Use the “i” Element, and Use It Appropriately (toot or tweet) · · ,
  64. Tip: Don’t Preprocess What You Can Design Token (toot or tweet) · · ,
  65. The Most Popular Design Thinking Strategy Is BS (toot or tweet) · · ,
  66. Screen Readers: Hearing the Unseen (toot or tweet) · · , ,
  67. Resource Inlining in JavaScript Frameworks (toot or tweet) · · , , ,
  68. Good News: Google No Longer Requires Publishers to Use the AMP Format (toot or tweet) · · , ,
  69. CSS Frameworks in Vogue, But Don’t Forget Style Fundamentals (toot or tweet) · · , , ,
  70. My Journey from a Novice to a Front-End Engineer (toot or tweet) · ·
  71. I Regret Being a Hipster in Tech (toot or tweet) · ·
  72. timefind (toot or tweet) · · , ,
  73. All You Need Is 5 Fonts (toot or tweet) · · , ,
  74. Using CSS to Enforce Accessibility (toot or tweet) · · ,
  75. JavaScript Frameworks and the Lost Art of HTML (toot or tweet) · · , ,
  76. Debugging JavaScript and Front-End (toot or tweet) · · , ,
  77. Container Queries and the Future of CSS (toot or tweet) · · , ,
  78. Building a Responsive Layout with CSS Grid and Container Queries (toot or tweet) · · , , , ,
  79. The True Cost of a Redesign (toot or tweet) · · ,
  80. React Architecture: How to Structure and Organize a React Application (toot or tweet) · · ,
  81. No Code Reviews by Default (toot or tweet) · ·
  82. Making the Web—Faster (toot or tweet) · · , , ,
  83. Accessibility in React (toot or tweet) · · ,
  84. What’s New in ES2021 (toot or tweet) · · , ,
  85. Sorting Colors in JavaScript (toot or tweet) · · , ,
  86. RenderingNG—Ready for the Next Generation of Web Content (toot or tweet) · · , ,
  87. Demystifying Styled Components (toot or tweet) · · , ,
  88. Custom Scrollbars in CSS (toot or tweet) · ·
  89. Craft Good Questions for Usability Tests (toot or tweet) · · ,
  90. A Framework for Building Open Graph Images (toot or tweet) · · ,
  91. Blogged Answers: The Evolution of Redux Testing Approaches (toot or tweet) · · , , ,
  92. Organize Your CSS Declarations Alphabetically (toot or tweet) · · ,
  93. Keeping It Consistent: Design Tokens (toot or tweet) · · , ,
  94. How to Use Dynamic Imports in JavaScript (toot or tweet) · ·
  95. Updating a 25-Year-Old Website (toot or tweet) · ·
  96. Optical Size, the Hidden Superpower of Variable Fonts (toot or tweet) · · , ,
  97. OMG, SVG Favicons FTW! (toot or tweet) · · , , ,
  98. How Apple Changed the Way We Navigate—Forever (toot or tweet) · · , ,
  99. Shut Up, Old Man… (toot or tweet) · ·
  100. NPM Global Audit (toot or tweet) · · , , , ,
  101. A Complete Guide to Accessibility Tooling (toot or tweet) · · , ,
  102. Understanding and Preventing Common Security Vulnerabilities (toot or tweet) · ·
  103. Everyday Accessibility (toot or tweet) · ·
  104. Regular Expressions (RegEx) in Google Search Console (toot or tweet) · · , ,
  105. Provided “As Is,” Without Warranty of Any Kind (toot or tweet) · · , ,
  106. When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (toot or tweet) · · , ,
  107. The Art of Frontend Engineering (toot or tweet) · ·
  108. Serving Sharp Images to High Density Screens (toot or tweet) · · ,
  109. React Cheat Sheet (Updated June 2021) (toot or tweet) · · ,
  110. Half the Size of Images by Optimising for High Density Displays (toot or tweet) · · , ,
  111. How to Center Anything in CSS Using Flexbox and Grid (toot or tweet) · · ,
  112. Adding Shadows to SVG Icons with CSS and SVG Filters (toot or tweet) · · , ,
  113. The Ultimate CSS Flexbox Cheat Sheet with Examples (toot or tweet) · · , ,
  114. Let’s Learn About Aspect Ratio in CSS (toot or tweet) · ·
  115. Why Validate? (toot or tweet) · · , , ,
  116. Ready-Made Counter Styles (toot or tweet) · · ,
  117. Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (toot or tweet) · · ,
  118. Meet :has, a Native CSS Parent Selector (And More) (toot or tweet) · ·
  119. Building a Color Scheme (toot or tweet) · · , ,
  120. An Interactive Guide to CSS Transitions (toot or tweet) · · , ,
  121. Reasons Why Bugs Might Feel “Impossible” (toot or tweet) · · ,
  122. Improving the UX of Your Design System (toot or tweet) · · , ,
  123. Component-Specific Design Tokens (toot or tweet) · · ,
  124. Vue.js vs. React—Not Your Usual Comparison (toot or tweet) · · , , ,
  125. Using AVIF to Compress Images on Your Site (toot or tweet) · · , , ,
  126. What Can the HTTP Archive Tell Us About Largest Contentful Paint? (toot or tweet) · ·
  127. An Accessibility Strategy (toot or tweet) · · ,
  128. Accessible Overflow (toot or tweet) · · , ,
  129. 10 Utility Functions for Working with Objects in JavaScript (toot or tweet) · ·
  130. Open Source Insights (toot or tweet) · · , , , ,
  131. CSS System Colors (toot or tweet) · · ,
  132. Best Practices for Fonts (toot or tweet) · · , ,
  133. How To Fix Cumulative Layout Shift (CLS) Issues (toot or tweet) · ·
  134. CSS for Web Vitals (toot or tweet) · · , ,
  135. The Hidden World of “aria-hidden” (toot or tweet) · · ,
  136. Embracing Design Constraints (toot or tweet) · ·
  137. Thoughts for the Aging Web Developer (toot or tweet) · ·
  138. Why Accessibility Overlays Hurt More Than Help (toot or tweet) · · ,
  139. Disabling a Link (toot or tweet) · · ,
  140. What Makes a Great Component Library? (toot or tweet) · · ,
  141. How to Build an Image Comparison Slider (toot or tweet) · · ,
  142. Writing Better Regular Expressions in PHP (toot or tweet) · · , ,
  143. A Thorough Analysis of CSS-in-JS (toot or tweet) · ·
  144. Accessible Web Forms (toot or tweet) · · , ,
  145. Your Design System Is Actually a Product—Treat It Like One (toot or tweet) · ·
  146. 25 Years of CSS (toot or tweet) · · ,
  147. CSS Container Queries: Use Cases and Migration Strategies (toot or tweet) · · ,
  148. Access Guide (toot or tweet) · · , ,
  149. Svelte for the Experienced React Dev (toot or tweet) · · ,
  150. Professional Development Is a Choice (toot or tweet) · · ,
  151. A11y Audit Bookmarklets (toot or tweet) · · , , ,
  152. Useful and Useless Code Comments (toot or tweet) · ·
  153. The New Responsive: Web Design in a Component-Driven World (toot or tweet) · · , ,
  154. How to Name Your Design System (toot or tweet) · · ,
  155. Don’t Overabstract Your Components (toot or tweet) · · , ,
  156. We Need to Talk About WCAG (toot or tweet) · · ,
  157. Learn CSS (toot or tweet) · · ,
  158. 98% of the Top 100 U.S. Websites Use Invalid HTML (in 2021) (toot or tweet) · · , , ,
  159. Theoretical Foundations for Server-Side Rendering and Static-Rendering (toot or tweet) · · ,
  160. The Button Cheat Sheet (toot or tweet) · · ,
  161. Container Queries in Web Components (toot or tweet) · · ,
  162. Upgrade Your HTML III (toot or tweet) · · , , ,
  163. Making Disabled Buttons More Inclusive (toot or tweet) · · ,
  164. Building a React Design System for Adoption and Scale (toot or tweet) · · ,
  165. A Complete Guide to Grid (toot or tweet) · · , ,
  166. Web Application Development: The Ultimate Guide (2021) (toot or tweet) · · ,
  167. Rethinking Component Libraries (toot or tweet) · ·
  168. Everything You Need to Know About A/B Testing (toot or tweet) · · ,
  169. A Primer on CSS Container Queries (toot or tweet) · · ,
  170. Introduction to HTTP Cookies (toot or tweet) · · , ,
  171. Custom Attributes Are Fast Good and Cheap (toot or tweet) · · ,
  172. Overreliance on Overlays Is Counter to Enculturation of Accessibility (toot or tweet) · · ,
  173. Auditing Design Systems for Accessibility (toot or tweet) · · , , ,
  174. Understanding Design Systems—Designing Component APIs (toot or tweet) · · , ,
  175. Designing Adaptive Components, Beyond Responsive Breakpoints (toot or tweet) · · , ,
  176. Better Onboarding: How to Prevent Codebase Overwhelm (toot or tweet) · ·
  177. Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit (toot or tweet) · · ,
  178. A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (toot or tweet) · · , , ,
  179. 136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling (toot or tweet) · ·
  180. Intrinsic Typography is the Future of Styling Text on the Web (toot or tweet) · · ,
  181. Five Reasons Your First Design System Will Fail (toot or tweet) · ·
  182. CSS Hell (toot or tweet) · · ,
  183. Content-Aware Image Resizing in JavaScript (toot or tweet) · · ,
  184. The 5 Most Popular Front-End Frameworks Compared (toot or tweet) · · , , , , , ,
  185. Fifteen Design Trends from an Accessibility Perspective (toot or tweet) · · , ,
  186. Web Developer’s Guide to AVIF Images (toot or tweet) · · , ,
  187. Variable Scope, Lexical Scope, and Code Blocks in JavaScript (toot or tweet) · ·
  188. Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know (toot or tweet) · · ,
  189. Understanding Logical Focus Order (toot or tweet) · · ,
  190. Comparing the New Generation of Build Tools (toot or tweet) · · , ,
  191. Write a Plugin for Tailwind CSS (toot or tweet) · ·
  192. Building an Accessibility Library (toot or tweet) · · ,
  193. Using Design Tokens to Accelerate Design Systems (toot or tweet) · · , ,
  194. Code in Quarantine (toot or tweet) · · ,
  195. How to Build a Developer Blog with Gatsby and MDX (toot or tweet) · ·
  196. 5 Things I’m Thinking About When I Check a Pull Request for Accessibility (toot or tweet) · · ,
  197. Primitive Values, Objects, and References in JavaScript Made Simple (toot or tweet) · ·
  198. Why Should We Care About Developer Experience (DX) (toot or tweet) · ·
  199. Not Your Typical Horizontal Rules (toot or tweet) · · ,
  200. Human-Readable JavaScript: A Tale of Two Experts (toot or tweet) · · ,