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