Frontend Dogma

“2023” Archive

  1. My Perspective: Digital Accessibility and Overlays (by/via) · · ,
  2. 10 Interview Questions Every JavaScript Developer Should Know in 2024 (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. Top 7 CSS Frameworks in 2024 (via) · · , , , , ,
  10. WCAG 2: Guidelines and Guardrails (by) · · , ,
  11. Tools to Make Your Developer Experience Better in PHP (by) · · , , ,
  12. React Server Components: The Good, the Bad, and the Ugly (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. Polypane Review: Best Browser for Web Developers? (via) · · , ,
  38. Why AI Is a Disaster for the Climate (by/via) · · ,
  39. The Devil Is in the Details: A Look Into a Disclosure Widget Markup (by/via) · · , ,
  40. Session-Based vs. Token-Based Authentication: Which Is Better? (by) · · , , ,
  41. Responsive SVGs (by/via) · · , ,
  42. CSS-Based State Management (by) · · ,
  43. WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (by/via) · · , , , ,
  44. The View Transitions API and Delightful UI Animations (by/via) · · , , ,
  45. GitHub Copilot: Tips and Tricks for Flutter Devs (by) · · , , , ,
  46. FileReader API (by/via) · · ,
  47. Custom Mouse Hover Effect With JavaScript · · ,
  48. Best Practices for Coding with AI in 2024 (via) · · ,
  49. ARIA Live Regions (via) · · , ,
  50. CSS Scope Issues (by) · · ,
  51. 2023 Digital Accessibility Year in Review (via) · · ,
  52. The Top Accessibility Errors Found in 2023 (via) · · , , , ,
  53. Turn Your Vue App Into an Offline-Ready Progressive Web App (via) · · , ,
  54. The State of Benchmarking in Node.js (by) · · , ,
  55. The Implied Web (by/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. Making Data Visualizations Accessible (by/via) · · ,
  84. Good Design Is Subjective, Contextual, and Intentional (by/via) · · ,
  85. AI for Web Devs: AI Image Generation (by) · · , , ,
  86. Think About Your Future Self (by/via) · ·
  87. The Road to HTMHell Is Paved With Semantics (by/via) · · , ,
  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. Naming Design Tokens: The Art of Clarity and Consistency (via) · · , ,
  99. Web Components (by/via) · · , , ,
  100. Swallowing Camels (by/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. Introducing JavaScript Support in MySQL (by+/via) · · , , , ,
  105. Stop Normalizing Unprofessional Behaviour in the Name of Agility (by/via) · · , , , ,
  106. Who Stole My Largest Contentful Paint? (by/via) · · , ,
  107. The WordPress Showcase and Accessibility (by) · · ,
  108. The Ghosts of Markup Past (by/via) · · , ,
  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. The Unspoken Struggle of Aging in a Tech-Driven World (by/via) · · , ,
  115. V8 Is Faster and Safer Than Ever (by/via) · · , , ,
  116. The Financial Argument for Using an Outside Firm for Accessibility Remediation (by) · · ,
  117. Ten Optimisation Tips for an Initial Web Performance Audit (by/via) · · , , ,
  118. Getting Started With Web Performance (by/via) · · , , ,
  119. Design Systems Teams: Understand Your Users So They Can Serve Theirs (via) · · , , , ,
  120. Announcing SvelteKit 2 (via) · · ,
  121. Anchor Positioning (by/via) · · ,
  122. Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences (by/via) · · , , ,
  123. What Vue’s Creator Learned the Hard Way With Vue 3 (by/via) · · ,
  124. What Really Is Technical Debt? (via) · · , ,
  125. The Best Go Tools to Use for Your Frontend Projects (by/via) · · , ,
  126. Popover API (by/via) · · , ,
  127. My Accessibility Journey (by) · · ,
  128. HTML: The Bad Parts (by/via) · ·
  129. How to Get Good at Competitive Programming (by) · · ,
  130. CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (by/via) · · , , ,
  131. 6 Techniques for Conditional Rendering in React, With Examples (via) · · ,
  132. Can UX Design Actually Be Ethical? (via) · · , ,
  133. Using Nodemon and Watch in Node.js for Live Restarts (by/via) · · ,
  134. Using Date-Based CSS to Make Old Web Pages Look Old (by) · · ,
  135. Three Modern CSS Properties Your Website Must Have (by/via) · ·
  136. Test-Driven HTML and Accessibility (by/via) · · , , ,
  137. Extending Responsive Video With HTML Web Components (by/via) · · , , ,
  138. Engineering Progression for Humans (by) · · ,
  139. Embrace the Platform (by/via) · · , , , , , ,
  140. Baseline 2023 (by/via) · · , ,
  141. Accessibility Overlays (via) · · , ,
  142. How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (by/via) · · , , , , , , , , ,
  143. Why Designers Quit (2023 Report) (by/via) · · ,
  144. WebKit Features in Safari 17.2 (by+/via) · · , , , ,
  145. Video Subtitles, Captions, Audio Descriptions, and Transcripts (by) · · , ,
  146. The “hidden” Attribute in HTML (by/via) · ·
  147. The “await” Event Horizon in JavaScript (by/via) · · ,
  148. Screen Reader User Survey #10 (via) · · , , , ,
  149. Quantity Queries Are Very Easy With CSS “:has()” (by/via) · · ,
  150. Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful (by) · · , ,
  151. Improve App Performance With Angular 17 “defer” (by) · · , , ,
  152. Developer Relations Is an All-Company Effort (by) · · , ,
  153. Decoding Compound Tokens (by) · · ,
  154. Chrome Enables Desktop Mode by Default on Premium Tablets (by/via) · · , , ,
  155. Building Components for Consumption, Not Complexity (by/via) · · , ,
  156. Behavior Belongs in the HTML (by) · · , ,
  157. ARIA, the Good Parts (by/via) · · , ,
  158. Template for Accessibility Guidelines (by/via) · · , ,
  159. Task Automation and Debugging With AI-Powered Tools (by/via) · · , , ,
  160. Signals of Interface Quality (by) · · ,
  161. Potential Problems With Accessibility Audits and What to Do About Them (by) · · , ,
  162. How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (by) · · , , ,
  163. A List of JavaScript Engines, Runtimes, Interpreters · · , , ,
  164. What the Slot? (by/via) · · , , ,
  165. Media Queries in HTML Video (by) · · , , , ,
  166. Scroll Fading 101 (via) · · , ,
  167. Oh No! My JSON! (by) · ·
  168. Incorporating “Skip to Main Content” Links for Better Website Accessibility (by/via) · · ,
  169. Audit Your Site for Third-Party Cookies (by/via) · · , , ,
  170. All Technical Debt Is a Risk to the Product and to Your Business (by/via) · · , , ,
  171. The Shrinkwrap Problem: Possible Future Solutions (by) · ·
  172. The Most Accessible Font (by) · · , , ,
  173. The Last 5 Years of V8’s Garbage Collector (by) · · , , , , ,
  174. Stop Nesting Ternaries in JavaScript (by/via) · · ,
  175. Security Headers Using “<meta>” (by/via) · · , ,
  176. Release Notes for Safari Technology Preview 184 (by/via) · · , , ,
  177. React Performance Optimization (by/via) · · , ,
  178. Preparing for Interaction to Next Paint, a New Web Core Vital (by/via) · · , ,
  179. Is PHP Still a Viable Choice in 2023? · · ,
  180. Insights: Mobile Accessibility (via) · · , , ,
  181. CSS Wrapped: 2023! (by+/via) · · , , , ,
  182. CSS Snapshot 2023 (by+/via) · ·
  183. Accessibility-Specific Tech Requirements? It Depends! (by) · · ,
  184. A Beginner’s Guide to Accessible Text (via) · · , , , ,
  185. Fine, I’ll Use a Super Basic CSS Processing Setup (by/via) · · , , , ,
  186. Understanding the New WCAG 2.2 Criteria (via) · · ,
  187. TypeScript’s Hidden Feature: Subtypes · ·
  188. The Complete Puppeteer Cheatsheet (by) · · , ,
  189. Overview of Drupal (via) · · ,
  190. HTML5 Boilerplate v9.0.0 Released · · ,
  191. Dark Design Patterns Catalog · · , ,
  192. Custom Events in Web Components (by) · · , ,
  193. Better Vue.js Inputs With Generics: The Select (by) · · , ,
  194. Web Chat Accessibility Considerations (by) · · , , ,
  195. The Hellish History of HTML: An Incomplete and Personal Account (by/via) · · ,
  196. “sizes="auto"” Pretty Much Requires “width” and “height” Attributes (by) · · , ,
  197. Scale Your React App With Storybook and Chromatic (by/via) · · , ,
  198. My 3 Rules for Documenting Code (by) · · , ,
  199. Maglev—V8’s Fastest Optimizing JIT (by+/via) · · , , , ,
  200. Blind CSS Exfiltration: Exfiltrate Unknown Web Pages (by/via) · · ,
  201. Baseline’s Evolution on MDN (by/via) · · , , ,
  202. Astro 4.0 (by+/via) · · ,
  203. A Definition Update for Baseline (by+/via) · · , ,
  204. 4 Dead Simple Ways of Customizing Bootstrap (by) · · , ,
  205. The State of UX in 2024: Enter Late-Stage UX (by/via) · ·
  206. How Marketing Changed OOP in JavaScript (by/via) · · , , ,
  207. Why Carousels Don’t Work (by) · · , ,
  208. The Pros and Cons of Using React Today (by/via) · · ,
  209. The Importance of User Feedback and Data in UX Design (by/via) · · ,
  210. Testing the Performance of Social Media Embeds (by/via) · · , , ,
  211. Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (by+/via) · · , , ,
  212. Of Time and the Web (by/via) · · , , ,
  213. CSS Media Query for Scripting Support (by) · · , , ,
  214. Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (via) · · , , ,
  215. Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (by/via) · · , , ,
  216. An Informed Pre-Caching Strategy for Large Sites (by/via) · · , ,
  217. 12 Important User-Interface Design Guidelines (by/via) · · , ,
  218. 100 Bucket List Ideas for Programmers (by) · · ,
  219. Is the Flat Design Trend Finally Over? (by/via) · · , ,
  220. The “form” Attribute—Enhancing Form Layout Flexibility (via) · · ,
  221. Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican · · , , ,
  222. A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (by/via) · · , ,
  223. You Don’t Need JavaScript for That (by/via) · ·
  224. Let’s Learn How Modern JavaScript Frameworks Work by Building One (by) · · , , , ,
  225. Fastest Way of Passing State to JavaScript, Re-Visited (by/via) · · , ,
  226. Web Development Advent Calendars for 2023 (by) · · ,
  227. The UX of HTML (by/via) · · , ,
  228. Search vs. Browse · · , , ,
  229. Recovering Deleted Files From Your Git Working Tree (by/via) · · ,
  230. I Replaced npm, Yarn, and nvm With pnpm (by) · · , , , ,
  231. How to Use a Color Font (by) · · , ,
  232. Does Web Design Matter? (by) · · ,
  233. Deceptive Patterns in UX: How to Recognize and Avoid Them (by/via) · · ,
  234. Debugging BFCache, Make Your Page Load Instantly (by+/via) · · , , , , , , ,
  235. CSS Relative Colors (by/via) · · ,
  236. Create Dynamic Web Experiences With Interactive SVG Animations (via) · · , , ,
  237. Preparing for a Live Demo (by) · ·
  238. Not All Screen Reader Users Are Blind (by) · · , , , ,
  239. Node v21.3.0 (by/via) · · ,
  240. New to the Web Platform in November (by/via) · · , , , , , ,
  241. Is 2024 the Year of CSS Nesting? (by/via) · · ,
  242. How to Use Chrome’s Accessibility Tree (via) · · , , , ,
  243. Firefox on the Brink? (by) · · , ,
  244. Creating a Marquee Effect With CSS Animations (by) · · , ,
  245. Testing in Production With Canary Deployments: A How-To Guide (by) · · , ,
  246. Measure LCP Sub-Parts to Improve Largest Contentful Paint (via) · · , ,
  247. Hide and Debug Empty Elements With CSS (by/via) · ·
  248. Fetch API, Do You Really Know How to Handle Errors? (by) · · , ,
  249. Design That Scales (by) · · , , , ,
  250. CSS: BEM or Atomic Design (by) · · , , ,