Frontend Dogma

“2024” Archive (4)

  1. Why Are There No Mobile Accessibility Guidelines in WCAG? (via) · · , ,
  2. When Should We Use Components and When Should We Just Use HTML? (by) · · , ,
  3. What AI Can Do for (and to) Web Accessibility (by+/via) · · , ,
  4. Webmentions in Astro (for Blog Posts) (by) · · ,
  5. Using Footnotes (by) · · , ,
  6. Speeding Up File Load Times, One Page at a Time (by/via) · · ,
  7. Not Always Mobile First (by) · · , , , ,
  8. We’ve Got Container Queries Now, But Are We Actually Using Them? (by/via) · · ,
  9. We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (by) · · , , ,
  10. Test-Driving HTML Templates (by/via) · · , , , ,
  11. State of Frontend 2024 Survey (via) · ·
  12. Introducing JSR (via) · · , ,
  13. I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (by) · ·
  14. Hidden vs. Disabled in UX (by/via) · · , ,
  15. Here’s What We’re Working on in Firefox (via) · · , ,
  16. Growth or Scale? · · ,
  17. CSS Specificity for WordPress 6.6 (by/via) · · , , , ,
  18. “contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (by) · · , , , ,
  19. A Primer on JavaScript Proxies (by) · · ,
  20. UI Density (by) · · , ,
  21. The Art of Not Being So Freaking Pushy (by/via) · · , , ,
  22. CSS “:has()”, the God Selector (by) · · ,
  23. Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (by/via) · · , , ,
  24. Web Content Has a Maintenance Problem (by) · · , , , ,
  25. “<style>”: Inline Optimizations for the Bold (by) · · , , ,
  26. Stop Resizing Your Browser: Improve Testing for Responsiveness (by) · · , ,
  27. Process (via) · ·
  28. CodeFlattener (by) · · , ,
  29. A JavaScript Developer Tries Go for the First Time (by) · · ,
  30. Weighing in on CSS Masonry (by) · · ,
  31. WAI-ARIA: “role=strong” (by) · · ,
  32. WAI-ARIA: “role=deletion” (by) · · ,
  33. Visual Design: Glossary (by+/via) · · ,
  34. Turn Off Google AI Overview—Set “Web” as Default (by) · · , , ,
  35. The Future of 11ty (by/via) · · , ,
  36. On Which Side Do We Put the Primary Button? (by/via) · · , ,
  37. On Compliance vs. Readability: Generating Text Colors With CSS (by) · · , , , , ,
  38. Cloning Queries in Laravel (by) · · ,
  39. What’s New in the Web (by/via) · · ,
  40. What’s New in Angular (by+/via) · · ,
  41. What You Need to Know About Third-Party Cookie Deprecation (by/via) · · , , , , ,
  42. W3C Unveils 174 New Outcomes for WCAG 3.0 (by/via) · · , , ,
  43. The WCAG 3 Working Draft Update Is Ready for Your Review (by/via) · · , ,
  44. The Latest in Web UI (by/via) · · , , , ,
  45. Rethinking Text Resizing on Web (by/via) · · ,
  46. New Field Insights for Debugging INP (by/via) · · , ,
  47. Navigating the JavaScript Framework Ecosystem (by+/via) · · , ,
  48. Ignore and Acknowledge “class” Attribute on Elements in CSS (by) · · ,
  49. From Fast Loading to Instant Loading (by/via) · · , ,
  50. CSS Container Queries in Practice (by+/via) · · , ,
  51. CSS3? Pfff—Get Ready for CSS6! (by/via) · · ,
  52. CSS… 5? (by/via) · · ,
  53. Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools (by) · · , , , , , , ,
  54. Beyond CSS Media Queries (by/via) · · , , , ,
  55. Automate Browser Testing With Tools and Best Practices From Chrome (by+/via) · · , , , , , , ,
  56. ADA Title II and You (via) · · , ,
  57. Transforming the Relationship Between Designers and Developers (by/via) · · , ,
  58. React Compiler (via) · · ,
  59. Prefetching When Server Loading Won’t Do (by/via) · · , , ,
  60. Merging Remix and React Router (by/via) · · , ,
  61. JavaScript Security: Simple Practices to Secure Your Frontend (by/via) · · , , ,
  62. It’s Time to Upgrade From “Hard-Working” to “Highly Efficient” (by/via) · · , ,
  63. Dynamic GitHub Profile With Bun and TypeScript (by) · · , , ,
  64. Baseline Progressive Enhancement (by) · · , , ,
  65. Why Designers Aren’t Understood (by/via) · · , , ,
  66. Web Platform Status (via) · · , , , ,
  67. The Great Tech and People Hypocrisy (by) · · , ,
  68. The CSS Stepped Value Math Functions Are Now in Baseline 2024 (by/via) · · , , , , ,
  69. Stop Moving Fast and Breaking Everything (by/via) · · , , ,
  70. State of HTML 2023 (by+/via) · · ,
  71. New in Chrome 125 (by/via) · · , , ,
  72. Google’s Broken Link to the Web (by/via) · · , , ,
  73. ECMAScript Proposal: “Promise.withResolvers()” (by) · · ,
  74. Dark Mode and Accessibility Myth (by) · · , ,
  75. Anchor Positioning and the Popover API for a JS-Free Site Menu (by/via) · · , , ,
  76. 10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (by/via) · · , ,
  77. WebKit Features in Safari 17.5 (by/via) · · , , , ,
  78. Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues (by) · · , ,
  79. The Times You Need a Custom “@ property” Instead of a CSS Variable (by/via) · · , , , ,
  80. The Classic Border Radius Advice, Plus an Unusual Trick (by/via) · · , ,
  81. RSS Is Good, Isn’t It?! (by/via) · · , ,
  82. Regarding Keyboard Testing (via) · · , ,
  83. Morphing Arbitrary Paths in SVG (by) · · ,
  84. JavaScript Objects—Complete Guide · · , ,
  85. Intopia’s WCAG 2.2 Maps (by/via) · · , ,
  86. I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (by/via) · · , , ,
  87. How I Made My GitHub Profile README Dynamic (by) · · ,
  88. Doing the Right Thing Right—Validation and Verification (by/via) · · , ,
  89. Designers Are More Than Keywords and Portfolios (by/via) · · , ,
  90. AI Product Design: Identifying Skills Gaps and How to Close Them (via) · · , ,
  91. AI Isn’t Ready for UX Design (by/via) · · , , ,
  92. Accessible SVG Forms (by) · · , , ,
  93. Software Engineering Principles Every Frontend Developer Should Know · · , ,
  94. Setting Personal OKRs (by) · · , ,
  95. Quick Incremental Accessibility Audits for Small Business Websites (by) · · ,
  96. All I Want for GAAD (via) · · , ,
  97. Mesh Gradients in CSS (by) · · ,
  98. Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World (via) · ·
  99. Best Intention Barriers (ARIA Edition) (by) · · , ,
  100. Accessibility Overlays Are Not for Disabled People (by) · · ,
  101. Using the Page Visibility API (by/via) · · ,
  102. Typography Terms: Glossary (by+/via) · · ,
  103. The Modern Guide for Making CSS Shapes (by/via) · · , , , ,
  104. The Dilemmas You’ll Face When Creating a Component Library (by) · · ,
  105. Manifesto for a Humane Web (by) · · , , , , , ,
  106. Make Your Figma Components Work Harder (via) · · , ,
  107. Introducing the CSS Anchor Positioning API (by/via) · · , , , ,
  108. How to Document Your JavaScript Package (by+/via) · · , , , , , ,
  109. Design Taste vs. Technical Skills in the Era of AI (by+/via) · · , , ,
  110. Build Your Own React.js in 400 Lines of Code (by) · · , ,
  111. 17 Best Developer Productivity Tools to Try (by) · · , ,
  112. Simple Implemention to Understand “worker_threads” in Node.js (via) · · , ,
  113. Release Notes for Safari Technology Preview 194 (by/via) · · , , ,
  114. Why Use Web Components Over Traditional DOM Manipulation? (by) · · ,
  115. What Is UX (Not)? (by/via) · · , ,
  116. Websites Are Not Books (by) · · ,
  117. Upgrade Your HTML V (by/via) · · , , , ,
  118. “Slop” Is the New Name for Unwanted AI-Generated Content (by) · · ,
  119. Level-Setting Heading Levels (by) · · , , , ,
  120. Let’s Build a Web Scraper in PHP and Python (via) · · , ,
  121. Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (by/via) · · , ,
  122. 37 Tips From a Senior Frontend Developer (by) · · , , , ,
  123. Modern WordPress—Yikes! (by) · · ,
  124. Why Patching Globals Is Harmful (by) · · ,
  125. Transparent Borders (by) · · , , , ,
  126. The Carcinization of Web Frameworks (by/via) · · , , , , ,
  127. JavaScript “var”, “let”, and “const” Explained (by+) · ·
  128. Introducing the Gulp Developer Survey (by/via) · · ,
  129. How We’re Building More Inclusive and Accessible Components at GitHub (by/via) · · , , , ,
  130. Focus vs. Accessibility Focus (via) · · , ,
  131. Evidence-Based Management Guide, 2024—What’s New? (by/via) · · , , , , ,
  132. These CSS Pro Tips and Tricks Will Blow Your Mind (via) · · , ,
  133. What’s New in Node.js v22 (by) · · ,
  134. Using the Popover API for HTML Tooltips (by/via) · · , ,
  135. Using Simple Tools as a Radical Act of Independence (by/via) · · , ,
  136. Servo Reboot: Where Are We Now? OSS-NA 2024 (by) · · , , ,
  137. Mastering User-Centered Design, With 5 Advanced Tips (via) · · , , , ,
  138. Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (via) · · , , ,
  139. Errors Aren’t All Bad (by) · ·
  140. An Introduction to the European Accessibility Act (EAA) (via) · · , ,
  141. A Brief Note on Highlighted Text (by) · · , , , ,
  142. The 7 Most Useful Web Design and Web Development Glossaries (by) · · , ,
  143. Securing Client-Side JavaScript (by) · · , ,
  144. Misconceptions About CSS Specificity (by/via) · · , ,
  145. 5 Node Version Managers Compared—Which Is Right for You? (by) · · , , ,
  146. WCAG After Quarter of a Century—We Still Need More Awareness (by) · · , ,
  147. The Value of Open Source in Furthering Accessibility Goals (by/via) · · , ,
  148. Shades of Grey With “color-mix()” (by/via) · · , ,
  149. At Some Point, JavaScript Got Good (by) · · ,
  150. A to Z of Assistive Technology for Reading Digital Text (by) · · , , , ,
  151. How Slack Automates Deploys (by) · · , ,
  152. So I Got Fired (by) · ·
  153. Quick-and-Dirty Accessibility (via) · · ,
  154. Poor Express Authentication Patterns in Node.js and How to Avoid Them (by) · · , , ,
  155. Content Standards in Design Systems (by/via) · · , ,
  156. Will the CSS Scope Feature Replace Angular’s View Encapsulation? (by) · · , ,
  157. Web Development Trends We Will See in 2024 (by/via) · ·
  158. Web Components From Early 2024 (by) · · ,
  159. The Vue Ecosystem in 2024 (by/via) · · , , ,
  160. Introduction to htmx (via) · · ,
  161. If View Transitions and Scroll-Driven Animations Had a Baby… (by/via) · · , , ,
  162. How to Archive Your Design System Effectively (via) · · , , ,
  163. Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (by/via) · · , , ,
  164. 3 Methods to Elevate Your Writing With Visual Content (by) · · , ,
  165. Why Are My Live Regions Not Working? (by/via) · · , ,
  166. When to Use Bun Instead of Node.js (by/via) · · , ,
  167. Using AI to Predict Design Trends (via) · · , ,
  168. Understanding What Drupal Editors and Authors Need (by+/via) · ·
  169. The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (by/via) · · , , , ,
  170. Should We Rely on Browser Detection? (by) · · ,
  171. Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry (by/via) · · , , ,
  172. How to Create Content in WordPress With AI (by/via) · · , , ,
  173. Demystifying React’s Types: Ref Types (by) · ·
  174. Cookie Permissions: 6 Design Guidelines (via) · · , , , , ,
  175. A React Developer’s Guide to Learning Solid.js (via) · · , , ,
  176. Web Forms: Costly Mistakes You Want to Avoid (by) · · , , , , ,
  177. Web Accessibility in the 2024 [U.S.] Presidential Campaigns (via) · · ,
  178. Use Both Ratings Average and Number of Ratings When Sorting by User Ratings (via) · · , ,
  179. Pretty Much Every Website Uses the Wrong Font Size… (by) · · ,
  180. Popover API Is Here (by/via) · · , ,
  181. I Reviewed 1,000s of Opinions on htmx (by) · ·
  182. Handling the Indentation of a Treeview Component (by) · ·
  183. Composability in Design Systems (by) · · , ,
  184. An Alternative Proposal for CSS Masonry (by/via) · · , ,
  185. Introduction to NestJS (by) · · , ,
  186. What Is Vite (and Why Is It So Popular)? (by/via) · ·
  187. WebAssembly Performance Patterns for Web Apps (by) · · , ,
  188. Superior Range Syntax (by) · · ,
  189. New to the Web Platform in April (by/via) · · , , , , , , , ,
  190. My Approach to HTML Web Components (by) · · ,
  191. How to Design Accessible Forms in 10 Steps (by/via) · · , , ,
  192. Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” (via) · · , , ,
  193. CSS Inheritance (by/via) · · ,
  194. The Polish Paradox (by) · · , ,
  195. No, I Don’t Want to Fill Out Your Contact Form (by) · · ,
  196. Accessibility Evolution of Organizations (by) · · , ,
  197. Top 50 System Design Interview Questions for 2024 (by) · · , ,
  198. What Do Developers Want From AI? (by) · · , ,
  199. The Picture-Superiority Effect: Harness the Power of Visuals (via) · · , ,
  200. Passkeys: A Shattered Dream (by) · · , ,
  201. Optimizing INP: A Deep Dive (via) · · , , , , , , , ,
  202. Ditch Dotenv: Node.js Now Natively Supports .env File Loading (by/via) · · , ,
  203. Basic Algorithms (by) · · , ,
  204. The Rise of Large-Language-Model Optimization (by+) · · ,
  205. The HTML, CSS, and SVG for a Classic Search Form (by/via) · · , , , ,
  206. Popover API Lands in Baseline (by/via) · · , , , ,
  207. Maintaining a Design System in Figma (by/via) · · , ,
  208. Introduction to Manual Website Accessibility Testing (via) · · , , ,
  209. Design Deja Vu (by) · · , , , ,
  210. Conducting Accessibility Research in an Inaccessible Ecosystem (by/via) · · , , ,
  211. Write Better CSS With Modern CSS (by) · · , , ,
  212. Why Don’t We Talk About Minifying CSS Anymore? (by/via) · · , ,
  213. Use “:has()” to Scope CSS · · , ,
  214. The Problem With “new URL()”, and How “URL.parse()” Fixes That (by) · · ,
  215. The Perfect Site Doesn’t Exist (by/via) · · , ,
  216. The New “!important” (by) · · ,
  217. Printing Music With CSS Grid (by/via) · · ,
  218. Node.js Next 10 Survey—2024 (by/via) · · ,
  219. Node.js 22 Available Now (via) · · ,
  220. JSR Is Not Another Package Manager (by/via) · · ,
  221. HTML Attributes vs. DOM Properties (by) · · , ,
  222. How to Escape JavaScript for a Script Tag (by) · · , , ,
  223. Celebrate JavaScript Naked Day Every Year on April 24 (by) · · , , ,
  224. Comparing Full Stack and Headless CMS Platforms (via) · · , , , ,
  225. Your Page Can’t Change Media Features (by) · · , , ,
  226. Using Vite to Rebuild Local Dependencies in an npm Workspace (via) · · , ,
  227. Update on the Plan for Phase-Out of Third-Party Cookies on Chrome (via) · · , , , ,
  228. The Front End Developer/Engineer Handbook 2024 (by/via) · · , , , , ,
  229. The First Framework That Lets You Visualize Your React/Node.js App (by/via) · · , , , ,
  230. Reflecting on My Programming Career · ·
  231. Notes on Quality (by) · · , ,
  232. Latency Numbers Every Frontend Developer Should Know (by/via) · · , ,
  233. Invoking Elements by Using Only HTML: A First Look at Invokers (by) · · , ,
  234. Images as the First Thing in a Button or Link (by) · · , , , ,
  235. How the Meaning of Colour Varies per Culture (by/via) · · ,
  236. Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render (by/via) · · , , ,
  237. F-Shape Pattern and How Users Read (by/via) · · ,
  238. Creating Fluid Typography With the CSS “clamp()” Function (by/via) · · , ,
  239. Adding ESLint and Auto-Fixing an Existing TypeScript Project (by) · · , , ,
  240. Using Legitimate GitHub URLs for Malware (by) · · ,
  241. The Ultimate Collection of CSS-Only Shapes (by) · · ,
  242. The Slow Death of CSS Vendor Prefixes (by) · · , ,
  243. The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (via) · · ,
  244. The Art of Design System Recipes (by) · · ,
  245. State of Design Tokens 2024 (by+/via) · · , , ,
  246. Node.js Test Runner: A Beginner’s Guide (by/via) · · , ,
  247. Creating a UX Playbook for Onboarding Users to Your Product (via) · · , ,
  248. 5 Hidden CSS Properties You Didn’t Know Existed · ·
  249. 3 Essential Design Trends, May 2024 (by/via) · · ,
  250. 15 Essential UX Design Principles and Practices for Developers (by/via) · · , ,