Frontend Dogma

“2024” Archive (3)

  1. The Impact of Developer Experience · · , , ,
  2. Overlays and Ethics: A Conference Panel That Hurt My Heart · · , , ,
  3. The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments · · , , ,
  4. One World, One Web, One Love ·
  5. JWT vs. Session Authentication · · , , ,
  6. Deno 1.40: Temporal API · · ,
  7. Animating Font Palette · · , , ,
  8. A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js · · , , , , ,
  9. Using Alternative Browser Engines in the European Union · · , , ,
  10. This Web Page Is Best Viewed in the EU · · , , , ,
  11. Should Links Open in a New Tab? · · , ,
  12. CSS Blurry Shimmer Effect · · ,
  13. What Happened With the Web Monetization API? ·
  14. What Can a Website Do? · · , ,
  15. The Structure of User Experience · · ,
  16. The New CSS Color Format You Didn’t Know You Needed; “oklch()” · · , , , ,
  17. Take a Qwik Break from React With Astro · · , , , ,
  18. Release Notes for Safari Technology Preview 187 · · , , ,
  19. On Web Components ·
  20. GitHub, npm Registry Abused to Host SSH Key-Stealing Malware · · , , ,
  21. Five Future Roles for Designers · · , ,
  22. Are Design Systems a Zero-Interest Rate Phenomenon? · · ,
  23. Web Components in Earnest · · ,
  24. User Styles · · , ,
  25. Getting Started With Content Collections in Astro · · ,
  26. 14 Best SEO Tools in 2024 · · , ,
  27. The Web Is Unversioned · · ,
  28. What Is JSDoc and Why You May Not Need TypeScript for Your Next Project · · , ,
  29. What Has a Ceiling but No Floor? · · , ,
  30. Modern JavaScript Library Starter · · , ,
  31. LCP and FCP on Single Page Application on Soft Navigations · · , , ,
  32. Highlight Text When a User Scrolls Down to That Piece of Text · · , ,
  33. Google Is Using AI to Organize and Customize Your Chrome Browser · · , , ,
  34. Check for “accesskey” and “aria-keyshortcuts” Bookmarklet · · , , ,
  35. Better Form UX With the CSS Property “field-sizing” · · , ,
  36. Unlocking the Power of HTML’s Native Browser “dialog” Element · · ,
  37. The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond · · , ,
  38. Exploring the Bounds of Jamstack With Zach Leatherman · · , , ,
  39. Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build · · , , ,
  40. Repetition Avoidance · · , , ,
  41. How End-to-End Testing Moves Us Closer to Continuous Accessibility · · , ,
  42. Could Local SEO Transform Your User Experience? · · ,
  43. Continuous Accessibility: What, Why, How · · , , ,
  44. WebKit Features in Safari 17.3 · · , , , ,
  45. Layouts in Astro ·
  46. How a Web-Site Redesign Can Impact the Customer Journey · · ,
  47. Handling Environment Variables in Node.js · · ,
  48. 7 Mobile UX Design Tools to Supercharge Your Design Process · · , ,
  49. What Is Our Design Intention? · · ,
  50. What Is CSS Motion Path? · · , ,
  51. The World’s Smallest PNG · · , ,
  52. Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That · · , , ,
  53. Why I Don’t Care About Website/Blog Stats · · , ,
  54. The Bun Shell · · , ,
  55. Mastering Node CSV · · ,
  56. A Call for Consensus on HTML Semantics · · ,
  57. Why Do Reflows Negatively Affect Performance? · · ,
  58. My Take on Fading Content Using Transparent Gradients in CSS · · ,
  59. Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons · · , , , , , ,
  60. Making CSS View Transitions Easy With Velvette · · , ,
  61. How Core Web Vitals Affect SEO · · , , ,
  62. 12 Modern CSS One-Line Upgrades ·
  63. Under-Supported and Underpaid · · , , ,
  64. The Color Input and the Color Picker · · , ,
  65. Deceptive Deprecation: The Truth About npm Deprecated Packages · · , , ,
  66. Create a Currency Converter With HTML, CSS, and Vanilla JavaScript · · , , ,
  67. Astro 4.2 · · ,
  68. Safely Accessing the DOM With Angular SSR · · , , , ,
  69. JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023) · · , , , ,
  70. Basic Accessibility Mistakes I Often See in Audits · · , , , , , ,
  71. Which Programming Language Should I Learn First in 2024? · · , ,
  72. The Designer’s Guide to Social Computing · · , ,
  73. Indicators, Validations, and Notifications: Pick the Correct Communication Option · · , , ,
  74. Fading Content Using Transparent Gradient in CSS · · , ,
  75. Dispatching an Event · · ,
  76. AI Art Is the New Stock Image · · , ,
  77. A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” · · , , , ,
  78. Git Lesson: How to Use .gitignore and .gitkeep? · · ,
  79. Practical Guide to Usability Testing · · , ,
  80. Is It Time to Switch from Docker to Podman? · · , , ,
  81. Guide to Fast Next.js · · , , , , ,
  82. Difference Between “getElementByID” and “querySelector” · · , ,
  83. Are You Boring Your Interviewer by Over-Explaining Context? · · , ,
  84. The Golden Rule of Assertions · · ,
  85. The Complex but Awesome CSS “border-image” Property · · , ,
  86. Stop Trying to Recruit Unicorns With Acorns · · ,
  87. Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community · · ,
  88. Measuring Developer Productivity: Real-World Examples · · , , , ,
  89. Disillusioned With Deno ·
  90. APA-Style Titles in Laravel · · , ,
  91. 14 Things to Check Before Deploying a Website · · , ,
  92. The Evolution of Page Speed · · , , , ,
  93. The Building Blocks of a Greenfield Vue Application in 2024 · · , ,
  94. Optimizing SQL Queries by 23× · · , , ,
  95. Design Is Not Really a Thing · · ,
  96. Combining “:has” and “:only-child” to Change Tab Containers · · ,
  97. Accessible Notifications With ARIA Live Regions II · · , , ,
  98. React Libraries for 2024 · · , ,
  99. Performance and Stay Questions in 1:1s · · , ,
  100. Accessible Notifications With ARIA Live Regions · · , , ,
  101. Why Did Frontend Development Become So Complicated? · · , ,
  102. I Hate CORS · · , ,
  103. Igalia Chats: Browser Politics and You · · ,
  104. Hover Contrast Bookmarklet · · , , , ,
  105. Disable Browser Caching With “meta” HTML Tags · · , ,
  106. Web Component Gotcha: “constructor” vs. “connectedCallback” · · , ,
  107. Using AI for Accessibility: Breaking Down Barriers in Content Creation?! · · , ,
  108. Kind of Annoyed at React ·
  109. How to Use “data-nosnippet” to Block Specific Content from Being Used in a Google Search Snippet (Experiment) · · , , ,
  110. Options for “optgroup” Labeling of “options” · · , , , , , ,
  111. How to Get Started With Progressive Web Apps · · , ,
  112. JS Perf Wins and New Node.js Features With Yagiz Nizipli · · , , , ,
  113. Eliminating Cookie Banners Is Hard · · , ,
  114. Applying the SPACE Framework · · ,
  115. Using “abbr” Element With “title” Attribute · · , , , ,
  116. If It’s Not Usable, It’s Not Accessible · · , , ,
  117. console.delight · · , , ,
  118. The Stack I Used to Build My Blog in 2024 · · ,
  119. Creating a Color Ramp Using Color Modifiers in Tokens Studio · · , , ,
  120. Bringing Down the Digital Divide · · ,
  121. 5 CSS Snippets Every Front-End Developer Should Know in 2024 ·
  122. Top Front-End Tools of 2023 · · , ,
  123. What I Have Learned from Conducting over 100 Website Migrations · · , ,
  124. We Removed Advertising Cookies, Here’s What Happened · · ,
  125. Streaming HTML Out of Order Without JavaScript · · ,
  126. AI for Web Devs: Deploying Your AI App to Production · · ,
  127. Accounting for Internationalization With CSS and HTML · · , ,
  128. Understanding WCAG SC 3.2.6 Consistent Help (Level A) · · , ,
  129. The Best Web Framework Doesn’t Exist ·
  130. Release Notes for Safari Technology Preview 186 · · , , ,
  131. npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts · · ,
  132. Node v20.11.0 (LTS) · · ,
  133. Is htmx Just Another JavaScript Framework? · · ,
  134. Introducing fsx: A Modern Filesystem API for JavaScript · · , ,
  135. Dynamic Accessible Descriptions Reference · · ,
  136. Buttons and Links—Common Misconceptions · · , , , ,
  137. Designing Better Target Sizes · · , ,
  138. Using CSS Houdini to Extend Styling and Layout Capabilities · · , ,
  139. Understanding Immutability in JavaScript · · ,
  140. Definition of Done (DoD) Explanation and Example · · , , ,
  141. An Alphabetized List of MIME Types ·
  142. A 2024 Wishlist for Node’s Test Runner · · , ,
  143. The Best PHP Frameworks for 2024 · · , , ,
  144. The Change You Wish to See ·
  145. A Global Design System ·
  146. CRUD and SQL—the Basics · · , ,
  147. Where Have All the Websites Gone? · · ,
  148. Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator · · , ,
  149. Top Pens of 2023 on CodePen · · , ,
  150. Introduction to Data Engineering: A Complete Beginner’s Guide · · , ,
  151. htmx for React Developers in 10 Minutes · · , ,
  152. How Google Perfected the Web · · , ,
  153. Declaring Globals Isn’t That Hard · · , ,
  154. 2024 Resolution: Be More Open-Source Centric · · , ,
  155. What’s New in PHP 8.4 ·
  156. Taking a Closer Look at “@ property” in CSS ·
  157. SolidStart: A Different Breed of Meta-Framework · · ,
  158. Let’s Make the IndieWeb Easier · · ,
  159. Nested Dark Mode Via CSS Proximity · · ,
  160. How I’m Writing CSS in 2024 · · , ,
  161. Embracing the Absurd in Your Design Practices · · ,
  162. My Web Development Wishlist 2024 · · , , , , ,
  163. Notes on Using Logical Properties and Values · · ,
  164. Your MVP Must Be Accessible ·
  165. Weird Things Engineers Believe About Web Development · · , , , ,
  166. Software Quality · · ,
  167. When “Everything” Becomes Too Much: The npm Package Chaos of 2024 · · ,
  168. Under the Radar CSS Features for Your CSS Reset · · , ,
  169. CSS in 2024, Am I Right? · · ,
  170. A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript · · , ,
  171. 7 Front-End Web Development Trends for 2024 · · , , , ,
  172. 20+ Tools for Node.js Development in 2024 · · , ,
  173. Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? · · , ,
  174. My CSS Resets · · ,
  175. AI Vertigo: Where Do We Go from Here as Designers? · · , ,
  176. Notes on MathML ·
  177. 16 Lesser Known Accessibility Issues ·
  178. The Two Reacts · · , ,
  179. Building Multiple Progressive Web Apps on the Same Domain · · , , ,
  180. Tyler’s CSS Wish List for 2024 · · ,
  181. The Website vs. Web App Dichotomy Doesn’t Exist · · , ,
  182. The AHA Stack · · , , ,
  183. Stop Closing Void Elements ·
  184. Oh Shit Banners · · ,
  185. European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying · · , ,
  186. Design Better Pagination · · , ,
  187. Accessibility Options for Floating Action Buttons · · ,
  188. 2024 Predictions by JavaScript Frontend Framework Maintainers · · , , , , , ,
  189. The Popular Vote of Interop 2024 · · ,
  190. How to Make External Links Accessible · · , ,
  191. Not All Automated Testing Tools Support Shadow DOM in Web Components · · , , , , , ,
  192. The View Transitions API and Delightful UI Animations II · · , , ,
  193. Are You Ignoring These 8 DevTools Features? · · , , , , , ,
  194. Agile Anti-Patterns That Can Harm UX · · , , ,
  195. Understanding the Most Important HTTP Status Codes · · ,
  196. Mastering TypeScript: Looping With Types ·
  197. 7 Predictions for Web Design in 2024 · · ,
  198. The Best React Chart Libraries for Data Visualization in 2024 · · , , , ,