Frontend Dogma

“2024” Archive (6)

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