Frontend Dogma

“2023” Archive

  1. 10 Interview Questions Every JavaScript Developer Should Know in 2024 · · , , , ,
  2. My Perspective: Digital Accessibility and Overlays · · ,
  3. 3 Terminal Commands to Increase Your Productivity · · ,
  4. Shadow DOM and the Problem of Encapsulation · · , , ,
  5. Make Your Linux Terminal Enjoyable to Use ·
  6. The Internet Is About to Get Weird Again · · ,
  7. React Is Slow, What to Do Now? · · ,
  8. Installing Google Fonts as npm Packages · · , , ,
  9. Let’s Bring Back JavaScript’s “with()” Statement ·
  10. React Server Components: The Good, the Bad, and the Ugly · · ,
  11. WCAG 2: Guidelines and Guardrails · · , ,
  12. Tools to Make Your Developer Experience Better in PHP · · , , ,
  13. 2.5.8: Adversarial Conformance · · , ,
  14. Inspecting WCAG 2.2: Accessible Authentication · · , , , ,
  15. What the Heck Is a Homomorphic Mapped Type? ·
  16. Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds · · , ,
  17. Incident, Mitigate, Learn · · , , ,
  18. Announcing Vue 3.4 · · ,
  19. Privacy Sandbox: Preparing for the End of 3rd-Party Cookies · · , , ,
  20. Making Sense of “Senseless” JavaScript Features ·
  21. I Made JSX for Lua (Because I Hate Static Sites) ·
  22. Frontend Predictions for 2024 · · ,
  23. Future of Storybook in 2024 · · ,
  24. Every Container Queries Demo Is a Card · · ,
  25. HTML Validation—Pros and Cons · · ,
  26. Everything You Need to Know About Responsive Logo Design · · , , ,
  27. I Built the Same App 7 Times: Which JS Framework Is Best? · · , ,
  28. JS Design Patterns: A Comprehensive Guide · · , ,
  29. CSS Wishlist · · ,
  30. Coding Challenges 2024: What’s Your New Year’s Resolution? · · ,
  31. Measuring, Monitoring, and Optimizing TTFB With Server Timing · · , , ,
  32. Never Underestimate HTML · · , ,
  33. Container Style Queries · · ,
  34. Session-Based vs. Token-Based Authentication: Which Is Better? · · , , ,
  35. CSS-Based State Management · · ,
  36. Why AI Is a Disaster for the Climate · · ,
  37. The Devil Is in the Details: A Look into a Disclosure Widget Markup · · , ,
  38. Responsive SVGs · · ,
  39. GitHub Copilot: Tips and Tricks for Flutter Devs · · , , , ,
  40. WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name · · , , ,
  41. ARIA Live Regions · · , ,
  42. FileReader API · · ,
  43. The View Transitions API And Delightful UI Animations · · , , ,
  44. Debugging Fetch Priority · · , , , ,
  45. Recapturing Early-Internet Whimsy With HTML · · , , , ,
  46. The Complete Playwright Cheatsheet · · , ,
  47. The State of Benchmarking in Node.js · · , ,
  48. Screen Reader Users and the Tab Key · · , , , , ,
  49. Turn Your Vue App into an Offline-Ready Progressive Web App · · , ,
  50. Container Queries and Units · · , ,
  51. “HTML First” Is Not HTML First · · , , ,
  52. The Top Accessibility Errors Found in 2023 · · , , , ,
  53. JavaScript Frameworks—Heading into 2024 · · , ,
  54. Scroll-Driven Animations · · , ,
  55. 2023 Digital Accessibility Year in Review · · ,
  56. Cool Wiggly Hover Animation With CSS · · , ,
  57. The Implied Web · · , ,
  58. Release Notes for Safari Technology Preview 185 · · , , ,
  59. Classes vs. Prototypes in JavaScript · · ,
  60. The Golden Rule of Web Performance and Different Performance Engineering Specializations · · ,
  61. Locking Scroll With “:has()” · · , ,
  62. CSS Nesting · · ,
  63. 10 Best Practices for Secure Code Review of Node.js Code · · , , ,
  64. Clean Architecture: Theming With Tailwind and CSS Variables · · , , ,
  65. New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem · · , ,
  66. Border Images in CSS: A Key Focus Area for Interop 2023 · · , , , , ,
  67. We Can :has It All · · , , ,
  68. Reflow Red Flags · · , ,
  69. Practical “img” Element Defaults · · , ,
  70. Eigensolutions: Composability as the Antidote to Overfit · · ,
  71. View Transitions · · , ,
  72. “align-content” in Block Layout · · , , ,
  73. New to the Web Platform in December · · , , , , , , , ,
  74. See What’s New in Firefox [121.0] · · , , ,
  75. How to Center an Element in CSS Without Adding a Wrapper in HTML · · , ,
  76. Thank You to Those Who Helped Me to Be the CSS Developer I Am Today · · ,
  77. Think About Your Future Self ·
  78. Building Components for Consumption, Not Complexity II · · , ,
  79. Good Design Is Subjective, Contextual, and Intentional · · ,
  80. The Goldilocks Principle for Prototyping · · , , ,
  81. New JS Array Methods · · ,
  82. The Road to HTMHell Is Paved With Semantics · · , ,
  83. RLI (Recently Logged-In) Browser Cache Bypassing · · , ,
  84. Making Data Visualizations Accessible · · ,
  85. AI for Web Devs: AI Image Generation · · , , ,
  86. CSS “animation-composition” · · ,
  87. Revisiting Fundamentals—Semantic Lists for Improved Accessibility · · , , ,
  88. A Checklist for CLS Scenarios · · , ,
  89. Web Components · · , , ,
  90. Naming Design Tokens: The Art of Clarity and Consistency · · , ,
  91. Swallowing Camels ·
  92. Sharing a State Between Windows Without a Server · · , , ,
  93. HTML Can Do This? ·
  94. Baseline Does Not Really Cover Baseline Support · · , , , ,
  95. The WordPress Showcase and Accessibility · · ,
  96. Christmas Tree Animations Made With CSS and JS · · , , , ,
  97. How We Reduced CSS Size and Improved Performance Across GOV.UK · · , , ,
  98. CSS “@ scope” · · ,
  99. Introducing JavaScript Support in MySQL · · , , ,
  100. Who Stole My Largest Contentful Paint? · · , ,
  101. Crafting Effective Documentation ·
  102. The Ghosts of Markup Past · · , ,
  103. Stop Normalizing Unprofessional Behaviour in the Name of Agility · · , , ,
  104. Ten Optimisation Tips for an Initial Web Performance Audit · · , , ,
  105. The Financial Argument for Using an Outside Firm for Accessibility Remediation · · ,
  106. Design Systems Teams: Understand Your Users So They Can Serve Theirs · · , , ,
  107. Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences · · , , ,
  108. Anchor Positioning ·
  109. The Unspoken Struggle of Aging in a Tech-Driven World · · , ,
  110. Getting Started With Web Performance · · , , ,
  111. V8 Is Faster and Safer Than Ever · · , , ,
  112. Announcing SvelteKit 2 · · ,
  113. CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study · · , , ,
  114. Popover API · · , ,
  115. How to Get Good at Competitive Programming · · ,
  116. What Vue’s Creator Learned the Hard Way With Vue 3 · · ,
  117. What Really Is Technical Debt? · · , ,
  118. 6 Techniques for Conditional Rendering in React, With Examples · · ,
  119. HTML: The Bad Parts ·
  120. Using Date-Based CSS to Make Old Web Pages Look Old · · ,
  121. Using Nodemon and Watch in Node.js for Live Restarts · · ,
  122. Can UX Design Actually Be Ethical? · · , ,
  123. Accessibility Overlays · · , ,
  124. Three Modern CSS Properties Your Website Must Have ·
  125. Extending Responsive Video With HTML Web Components · · , , ,
  126. Engineering Progression for Humans · · ,
  127. Test-Driven HTML and Accessibility · · , , ,
  128. Baseline 2023 · · , , ,
  129. Screen Reader User Survey #10 · · , , , ,
  130. ARIA, the Good Parts · · , ,
  131. WebKit Features in Safari 17.2 · · , , , ,
  132. Quantity Queries Are Very Easy With CSS “:has()” · · ,
  133. Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful · · , ,
  134. How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari · · , , , , , , , ,
  135. The “await” Event Horizon in JavaScript · · ,
  136. Video Subtitles, Captions, Audio Descriptions, and Transcripts · · , ,
  137. Improve App Performance With Angular 17 “defer” · · , , ,
  138. Building Components for Consumption, Not Complexity · · , ,
  139. Behavior Belongs in the HTML · · , ,
  140. Developer Relations Is an All-Company Effort · · , ,
  141. Chrome Enables Desktop Mode by Default on Premium Tablets · · , , ,
  142. Why Designers Quit (2023 Report) · · ,
  143. The “hidden” Attribute in HTML ·
  144. Potential Problems With Accessibility Audits and What to Do About Them · · , ,
  145. Signals of Interface Quality · · ,
  146. How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website · · , , ,
  147. Task Automation and Debugging With AI-Powered Tools · · , , ,
  148. A List of JavaScript Engines, Runtimes, Interpreters · · , , ,
  149. Template for Accessibility Guidelines · · , ,
  150. What the Slot? · · , , ,
  151. Media Queries in HTML Video · · , , , ,
  152. Scroll Fading 101 · · , ,
  153. Oh No! My JSON! ·
  154. All Technical Debt Is a Risk to the Product and to Your Business · · , , ,
  155. Audit Your Site for Third-Party Cookies · · , , ,
  156. The Last 5 Years of V8’s Garbage Collector · · , , ,
  157. Release Notes for Safari Technology Preview 184 · · , , ,
  158. React Performance Optimization · · , ,
  159. The Shrinkwrap Problem: Possible Future Solutions ·
  160. The Most Accessible Font · · , , ,
  161. Accessibility-Specific Tech Requirements? It Depends! · · ,
  162. Insights: Mobile Accessibility · · , , ,
  163. Is PHP Still a Viable Choice in 2023? · · ,
  164. A Beginner’s Guide to Accessible Text · · , , , ,
  165. CSS Snapshot 2023 ·
  166. Security Headers Using “<meta>” · · , ,
  167. CSS Wrapped: 2023! · · , , , ,
  168. Preparing for Interaction to Next Paint, a New Web Core Vital · · , ,
  169. Dark Design Patterns Catalog · · , ,
  170. Overview of Drupal · · ,
  171. The Complete Puppeteer Cheatsheet · · , ,
  172. Fine, I’ll Use a Super Basic CSS Processing Setup · · , ,
  173. Custom Events in Web Components · · , ,
  174. TypeScript’s Hidden Feature: Subtypes ·
  175. Understanding the New WCAG 2.2 Criteria · · ,
  176. HTML5 Boilerplate v9.0.0 Released · · , ,
  177. 4 Dead Simple Ways of Customizing Bootstrap · · , ,
  178. Better Vue.js Inputs With Generics: The Select · · ,
  179. Blind CSS Exfiltration: Exfiltrate Unknown Web Pages · · ,
  180. My 3 Rules for Documenting Code · · , ,
  181. Scale Your React App With Storybook and Chromatic · · , ,
  182. Web Chat Accessibility Considerations · · , , ,
  183. The Hellish History of HTML: An Incomplete and Personal Account · · ,
  184. Baseline’s Evolution on MDN · · , , , ,
  185. A Definition Update for Baseline · · , , ,
  186. Maglev—V8’s Fastest Optimizing JIT · · , , , ,
  187. Astro 4.0 · · ,
  188. “sizes="auto"” Pretty Much Requires “width” and “height” Attributes · · , ,
  189. Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior · · , , ,
  190. CSS Media Query for Scripting Support · · , , ,
  191. Why Carousels Don’t Work · · , ,
  192. How Marketing Changed OOP in JavaScript · · , ,
  193. The Importance of User Feedback and Data in UX Design · · ,
  194. The Pros and Cons of Using React Today · · ,
  195. Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide · · , , ,
  196. The State of UX in 2024: Enter Late-Stage UX ·
  197. Of Time and the Web · · , , ,
  198. An Informed Pre-Caching Strategy for Large Sites · · , ,
  199. 100 Bucket List Ideas for Programmers · · ,
  200. Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience · · , ,
  201. 12 Important User-Interface Design Guidelines · · , ,
  202. Testing the Performance of Social Media Embeds · · , , ,
  203. The “form” Attribute—Enhancing Form Layout Flexibility · · ,
  204. Is the Flat Design Trend Finally Over? · · ,
  205. Fastest Way of Passing State to JavaScript, Re-Visited · · , ,
  206. A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together · · , ,
  207. You Don’t Need JavaScript for That ·
  208. Let’s Learn How Modern JavaScript Frameworks Work by Building One · · , , , ,
  209. Search vs. Browse · · , , ,
  210. CSS Relative Colors · · ,
  211. I Replaced npm, Yarn, and nvm With pnpm · · , , , ,
  212. Does Web Design Matter? · · ,
  213. Create Dynamic Web Experiences With Interactive SVG Animations · · , ,
  214. Web Development Advent Calendars for 2023 · · ,
  215. The UX of HTML · · , ,
  216. Deceptive Patterns in UX: How to Recognize and Avoid Them · · ,
  217. Debugging Bfcache, Make Your Page Load Instantly · · , , , , , ,
  218. Recovering Deleted Files from Your Git Working Tree · · ,
  219. Is 2024 the Year of CSS Nesting? · · ,
  220. New to the Web Platform in November · · , , , , , ,
  221. Not All Screen Reader Users Are Blind · · , , , ,
  222. Creating a Marquee Effect With CSS Animations · · , ,
  223. Preparing for a Live Demo ·
  224. Firefox on the Brink? · · , ,
  225. Node v21.3.0 · · ,
  226. How to Use Chrome’s Accessibility Tree · · , , , ,
  227. Design That Scales · · , , , ,
  228. Testing in Production With Canary Deployments: A How-To Guide · · , ,
  229. Measure LCP Sub-Parts to Improve Largest Contentful Paint · · , ,
  230. Fetch API, Do You Really Know How to Handle Errors? · · , ,
  231. Hide and Debug Empty Elements With CSS ·
  232. How to Use the File System in Node.js · · , , ,
  233. The Difference Between Nesting an “@ layer” in “@ media” and “@ container” Query · · , , , ,
  234. Care Beyond Code: 7 Best Design Practices for Frontend Developers · · ,
  235. Oh No, Overflow! · · ,
  236. A Complete Guide to pnpm · · , ,
  237. Burnout in the Digital Accessibility Field · · ,
  238. “An Accessible Website Won’t Be Beautiful”… Really?! · · ,
  239. Keyboard Accessibility Myths and WCAG · · , ,
  240. 10 JavaScript Changes You Missed in 2023 · · , ,
  241. Web Components Eliminate JavaScript Framework Lock-In · · , , ,
  242. The “hanging-punctuation” Property in CSS · · ,
  243. Resource Loading at the Cutting Edge · · ,
  244. Kicking the Excessive JavaScript Habit · · , , ,
  245. Accessibility: A Practical Perspective ·
  246. Checking the Type of a String in PHP ·
  247. Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development · · , ,
  248. OOP Design Patterns in JavaScript · · ,
  249. “oklch()” Retains Perceived Lightness for Different Hue Angles · · , , ,
  250. Are Design Ethics Useless? · · ,