Frontend Dogma

“2024” Archive (4)

  1. Remix Takes on Next.js in Battle of the React Frameworks · · , , ,
  2. You Won’t Scale · · ,
  3. Visual Hierarchy: Making User Experiences Easier to Understand · · ,
  4. Thoughts on a Global Design System · ·
  5. The Most Demanded Frontend Frameworks in 2023 · · , , , ,
  6. The Decision to Leave Tech · · ,
  7. Revolutionizing Usability Testing With Machine Learning · · , ,
  8. It’s the Hope That Kills You · · , ,
  9. How to Create Rounded Gradient Borders With Any Background in CSS · · , , , ,
  10. Getting into Web Components—an Intro · · ,
  11. Exciting New Tools for Designers, February 2024 · · , ,
  12. Everything You Need to Know About Git · · ,
  13. Bookmarklet: Load All GitHub Comments · · , ,
  14. 13 Best Books, Courses, and Communities for Learning React · · , , ,
  15. “X” Marks the Spot: Landmark Elements · · , , , ,
  16. Why Disabled People’s Needs Aren’t “Special” · ·
  17. The Importance of Web Performance to Information Equity · · , ,
  18. htmx Deep Dive With Carson Gross · · ,
  19. SOLID Principles: They’re Rock-Solid for Good Reason · · ,
  20. From Many to One: Moving Our JavaScript Code into a Monorepo · · , , ,
  21. All Art Is a Copy of Something · ·
  22. 5 Hidden Risks of Your Inaccessible Website · ·
  23. Drupal Creator: Websites Needed More Than Ever in the AI Era · · , ,
  24. Tracking Your Interviews Is Extremely Important · · ,
  25. The Web Just Gets Better With Interop 2024 · · , , ,
  26. Interop 2024 · · , , ,
  27. How to Make a Great Framework Better?—Svelte 5 With Rich Harris · · , ,
  28. Everyone’s a Sellout Now · · ,
  29. Dynamically Adding Text Alternatives to Images With AI · · , , ,
  30. Career Retrospective · · ,
  31. A Look at the New WAI-ARIA 1.3 Draft · · , ,
  32. A Complete Guide to Open Source—100× Simpler · · ,
  33. Making VPATs and ACRs More Effective in Procurement · · , ,
  34. How to Stream Files from Next.js Route Handlers · · , , ,
  35. Why Not htmx? · ·
  36. The Good, the Bad, the Web Components · · , ,
  37. The Art and Science of Annotations in Dev Mode · ·
  38. Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization · · , , ,
  39. PurePWA—a Radical U-Turn in Web Development · · , ,
  40. Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) · · , , , ,
  41. Interaction to Next Paint Becomes a Core Web Vital on March 12 · · , ,
  42. Implementing User Authentication in React Apps With Appwrite · · , ,
  43. Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility · · , , , ,
  44. Be Purposeful About Your Content · · , ,
  45. 5 Essential DevTools Console Hacks for Every Web Developer · · , ,
  46. Tuesday, February 6, 2024 Security Releases · · , ,
  47. Why Do Rubber Ducks Work? · · , ,
  48. Use CSS “accent-color” to Style Your Inputs · · ,
  49. Understanding Signals in Django · · ,
  50. The Psychology of Site Speed and Human Happiness · · ,
  51. Stop Burning Out Maintainers: An Empathetic Guide for Contributors · · , ,
  52. Onboarding · · , , ,
  53. New to the Web Platform in January · · , , , , , , , ,
  54. Learn Testing · · ,
  55. Is Generated Code Harder to Maintain? · · , , ,
  56. Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font · · , ,
  57. “field-sizing” Just Works! · · , ,
  58. Celebrate a More Interoperable Web With Interop 2023 · · , , ,
  59. A Highly Configurable Switch Component Using Modern CSS Techniques · · ,
  60. Dynamic README Image Based on GitHub Activity · · ,
  61. The Web Component Success Story · ·
  62. The Loss of the Process in the Name of Progress · · , , ,
  63. The EU Forces Open Apple’s Walled Garden · · , , ,
  64. Practical Guide to Destructuring: TypeScript vs. Dart · · , , ,
  65. Next.js App Router Migration: The Good, Bad, and Ugly · · , ,
  66. How to Favicon in 2024: Six Files That Fit Most Needs · · , ,
  67. Express Forward · · , ,
  68. At Last, Browser Choice * · · , , ,
  69. Debunking 10 Common Objections to Incremental Delivery for Software Teams · · ,
  70. Nicer Text Wrapping With CSS “text-wrap” · · ,
  71. Design Systems Burnout · ·
  72. A Guide to Styling Tables · · , ,
  73. Gold Text Effect With CSS · · ,
  74. Big, Beautiful, Beefy Focus States With “:focus-visible” · · , ,
  75. Please, Don’t Force Me to Log In · · , ,
  76. Futuring With Design · · , ,
  77. Apple, the DMA, and Malicious Compliance · · , , ,
  78. Apple Redecorates Its iPhone Prison to Appease Europe · · , , ,
  79. The Impact of Developer Experience · · , , ,
  80. Overlays and Ethics: A Conference Panel That Hurt My Heart · · , , ,
  81. Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox · · , , , ,
  82. Introducing Our Updated [Green Web Hosting] Directory · · , ,
  83. HTML Web Components on the Server Are Great · · ,
  84. 7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success · · , ,
  85. 5 Web Design Disasters That Will Ruin Your 2024 · · , ,
  86. Inside .git · ·
  87. The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments · · , , ,
  88. One World, One Web, One Love · ·
  89. JWT vs. Session Authentication · · , , ,
  90. Deno 1.40: Temporal API · · ,
  91. Animating Font Palette · · , , ,
  92. A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js · · , , , , ,
  93. Using Alternative Browser Engines in the European Union · · , , ,
  94. This Web Page Is Best Viewed in the EU · · , , , ,
  95. Should Links Open in a New Tab? · · , ,
  96. CSS Blurry Shimmer Effect · · ,
  97. Take a Qwik Break from React With Astro · · , , , ,
  98. What Happened With the Web Monetization API? · ·
  99. What Can a Website Do? · · , ,
  100. The Structure of User Experience · · ,
  101. The New CSS Color Format You Didn’t Know You Needed; “oklch()” · · , , , ,
  102. Release Notes for Safari Technology Preview 187 · · , , ,
  103. On Web Components · ·
  104. GitHub, npm Registry Abused to Host SSH Key-Stealing Malware · · , , ,
  105. Five Future Roles for Designers · · , ,
  106. Are Design Systems a Zero-Interest Rate Phenomenon? · · ,
  107. Web Components in Earnest · · ,
  108. User Styles · · , ,
  109. Getting Started With Content Collections in Astro · · ,
  110. 14 Best SEO Tools in 2024 · · , ,
  111. What Is JSDoc and Why You May Not Need TypeScript for Your Next Project · · , , ,
  112. The Web Is Unversioned · · ,
  113. What Has a Ceiling but No Floor? · · , ,
  114. Modern JavaScript Library Starter · · , ,
  115. LCP and FCP on Single Page Application on Soft Navigations · · , , ,
  116. Highlight Text When a User Scrolls Down to That Piece of Text · · , ,
  117. Google Is Using AI to Organize and Customize Your Chrome Browser · · , , ,
  118. Check for “accesskey” and “aria-keyshortcuts” Bookmarklet · · , , ,
  119. Better Form UX With the CSS Property “field-sizing” · · , ,
  120. Unlocking the Power of HTML’s Native Browser “dialog” Element · · ,
  121. The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond · · , ,
  122. Exploring the Bounds of Jamstack With Zach Leatherman · · , , ,
  123. Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build · · , , ,
  124. Handling Environment Variables in Node.js · · ,
  125. Repetition Avoidance · · , , ,
  126. How End-to-End Testing Moves Us Closer to Continuous Accessibility · · , ,
  127. Could Local SEO Transform Your User Experience? · · ,
  128. Continuous Accessibility: What, Why, How · · , , ,
  129. WebKit Features in Safari 17.3 · · , , , ,
  130. Layouts in Astro · ·
  131. How a Web-Site Redesign Can Impact the Customer Journey · · ,
  132. 7 Mobile UX Design Tools to Supercharge Your Design Process · · , ,
  133. What Is Our Design Intention? · · ,
  134. What Is CSS Motion Path? · · , ,
  135. The World’s Smallest PNG · · , ,
  136. Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That · · , , ,
  137. Why I Don’t Care About Website/Blog Stats · · , ,
  138. The Bun Shell · · , ,
  139. Mastering Node CSV · · ,
  140. A Call for Consensus on HTML Semantics · · ,
  141. Why Do Reflows Negatively Affect Performance? · · ,
  142. My Take on Fading Content Using Transparent Gradients in CSS · · ,
  143. Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons · · , , , , , ,
  144. Making CSS View Transitions Easy With Velvette · · , ,
  145. How Core Web Vitals Affect SEO · · , , ,
  146. 12 Modern CSS One-Line Upgrades · ·
  147. Under-Supported and Underpaid · · , , ,
  148. The Color Input and the Color Picker · · , ,
  149. Deceptive Deprecation: The Truth About npm Deprecated Packages · · , , ,
  150. Create a Currency Converter With HTML, CSS, and Vanilla JavaScript · · , , ,
  151. Astro 4.2 · · ,
  152. Basic Accessibility Mistakes I Often See in Audits · · , , , , , , ,
  153. Safely Accessing the DOM With Angular SSR · · , , , ,
  154. JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023) · · , , , ,
  155. Which Programming Language Should I Learn First in 2024? · · , ,
  156. The Designer’s Guide to Social Computing · · , ,
  157. Indicators, Validations, and Notifications: Pick the Correct Communication Option · · , , ,
  158. Fading Content Using Transparent Gradient in CSS · · , ,
  159. Dispatching an Event · · ,
  160. AI Art Is the New Stock Image · · , ,
  161. A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” · · , , , ,
  162. Git Lesson: How to Use .gitignore and .gitkeep? · · ,
  163. Practical Guide to Usability Testing · · , ,
  164. Is It Time to Switch from Docker to Podman? · · , , ,
  165. Guide to Fast Next.js · · , , , , ,
  166. Difference Between “getElementByID” and “querySelector” · · , ,
  167. Are You Boring Your Interviewer by Over-Explaining Context? · · , ,
  168. The Golden Rule of Assertions · · ,
  169. The Complex but Awesome CSS “border-image” Property · · , ,
  170. Stop Trying to Recruit Unicorns With Acorns · · ,
  171. Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community · · ,
  172. Measuring Developer Productivity: Real-World Examples · · , , , ,
  173. Disillusioned With Deno · ·
  174. APA-Style Titles in Laravel · · , ,
  175. 14 Things to Check Before Deploying a Website · · , ,
  176. The Evolution of Page Speed · · , , , ,
  177. The Building Blocks of a Greenfield Vue Application in 2024 · · , ,
  178. Optimizing SQL Queries by 23× · · , , ,
  179. Design Is Not Really a Thing · · ,
  180. Combining “:has” and “:only-child” to Change Tab Containers · · ,
  181. Accessible Notifications With ARIA Live Regions II · · , , ,
  182. React Libraries for 2024 · · , ,
  183. Performance and Stay Questions in 1:1s · · , ,
  184. Accessible Notifications With ARIA Live Regions · · , , ,
  185. Why Did Frontend Development Become So Complicated? · · , ,
  186. I Hate CORS · · , ,
  187. Igalia Chats: Browser Politics and You · · ,
  188. Hover Contrast Bookmarklet · · , , , ,
  189. Disable Browser Caching With “meta” HTML Tags · · , ,
  190. Web Component Gotcha: “constructor” vs. “connectedCallback” · · , ,
  191. Using AI for Accessibility: Breaking Down Barriers in Content Creation?! · · , ,
  192. Kind of Annoyed at React · ·
  193. How to Use “data-nosnippet” to Block Specific Content from Being Used in a Google Search Snippet (Experiment) · · , , ,
  194. Options for “optgroup” Labeling of “options” · · , , , , , ,
  195. How to Get Started With Progressive Web Apps · · , ,
  196. JS Perf Wins and New Node.js Features With Yagiz Nizipli · · , , , ,
  197. Eliminating Cookie Banners Is Hard · · , ,
  198. Applying the SPACE Framework · · ,
  199. Using “abbr” Element With “title” Attribute · · , , , ,
  200. If It’s Not Usable, It’s Not Accessible · · , , ,
  201. console.delight · · , , ,
  202. The Stack I Used to Build My Blog in 2024 · · ,
  203. Creating a Color Ramp Using Color Modifiers in Tokens Studio · · , , ,
  204. Bringing Down the Digital Divide · · ,
  205. 5 CSS Snippets Every Front-End Developer Should Know in 2024 · ·
  206. Top Front-End Tools of 2023 · · , ,
  207. What I Have Learned from Conducting over 100 Website Migrations · · , ,
  208. Node v20.11.0 (LTS) · · ,
  209. We Removed Advertising Cookies, Here’s What Happened · · ,
  210. Streaming HTML Out of Order Without JavaScript · · ,
  211. AI for Web Devs: Deploying Your AI App to Production · · ,
  212. Accounting for Internationalization With CSS and HTML · · , ,
  213. Understanding WCAG SC 3.2.6 Consistent Help (Level A) · · , ,
  214. The Best Web Framework Doesn’t Exist · ·
  215. Release Notes for Safari Technology Preview 186 · · , , ,
  216. npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts · · ,
  217. Is htmx Just Another JavaScript Framework? · · ,
  218. Introducing fsx: A Modern Filesystem API for JavaScript · · , ,
  219. Dynamic Accessible Descriptions Reference · · ,
  220. Buttons and Links—Common Misconceptions · · , , , ,
  221. Designing Better Target Sizes · · , ,
  222. Using CSS Houdini to Extend Styling and Layout Capabilities · · , ,
  223. Understanding Immutability in JavaScript · · ,
  224. Definition of Done (DoD) Explanation and Example · · , , ,
  225. An Alphabetized List of MIME Types · ·
  226. A 2024 Wishlist for Node’s Test Runner · · , ,
  227. The Best PHP Frameworks for 2024 · · , , ,
  228. The Change You Wish to See · ·
  229. A Global Design System · ·
  230. CRUD and SQL—the Basics · · , ,
  231. Where Have All the Websites Gone? · · ,
  232. Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator · · , ,
  233. Top Pens of 2023 on CodePen · · , ,
  234. Introduction to Data Engineering: A Complete Beginner’s Guide · · , ,
  235. htmx for React Developers in 10 Minutes · · , ,
  236. How Google Perfected the Web · · , ,
  237. Declaring Globals Isn’t That Hard · · , ,
  238. 2024 Resolution: Be More Open-Source Centric · · , ,
  239. What’s New in PHP 8.4 · ·
  240. Taking a Closer Look at “@ property” in CSS · ·
  241. SolidStart: A Different Breed of Meta-Framework · · ,
  242. Let’s Make the IndieWeb Easier · · ,
  243. Nested Dark Mode Via CSS Proximity · · ,
  244. How I’m Writing CSS in 2024 · · , ,
  245. Embracing the Absurd in Your Design Practices · · ,
  246. My Web Development Wishlist 2024 · · , , , , ,
  247. Notes on Using Logical Properties and Values · · ,
  248. Your MVP Must Be Accessible · ·
  249. Weird Things Engineers Believe About Web Development · · , , , ,
  250. Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? · · , ,