Frontend Dogma

“2023” Archive

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