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