Frontend Dogma

“2023” Archive (2)

  1. Preventing Scroll “Bounce” With CSS · · ,
  2. Weird HTML Hacks · · , , ,
  3. Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America · · , ,
  4. Accessibility Is Leadership · · ,
  5. A Few Ways CSS Is Easier to Write in 2023 · · , ,
  6. How to Test 3.3.7 Redundant Entry · · , ,
  7. State of JavaScript 2023 · · ,
  8. Psychology of Speed: A Guide to Perceived Performance · · , ,
  9. Shadow DOM Is for Hiding Your Shame · · , , ,
  10. The Elevator Pitch for Web Components · · , ,
  11. Vue and Vite Status Update · · , ,
  12. Test Often to Keep Your Designs Simple · · , , ,
  13. Choosing a Green Web Host · · ,
  14. Browsers Only Update “:target” on Page Load and During Fragment Navigation · · ,
  15. The Tension and Future of Jamstack · · ,
  16. Easy Introduction to Variables and Data Types in Programming for Beginners · · , ,
  17. Demystifying Web Push Notifications · · ,
  18. The Unbearable Weight of Massive JavaScript · · , , ,
  19. An Interactive Guide to CSS Grid · · , ,
  20. Why We Don’t Like TDD: A Developer’s Perspective · · ,
  21. URL Parser Performance · · , ,
  22. Inspecting WCAG 2.2: Target Size · · , , ,
  23. What Are Webhooks and How to Use Them ·
  24. How to Avoid Breaking Web Pages for Keyboard Users · · , ,
  25. Width and Height in CSS ·
  26. Announcing TypeScript 5.3 · · ,
  27. The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name ·
  28. CSS4 Is Coming (Not a Clickbait) · · ,
  29. Navigating the Intersection of Brand Strategy and User Experience · · , ,
  30. Conducting a Content Audit to Improve Your Content · · , , ,
  31. CSS Nesting UX in DevTools · · , , , , ,
  32. CSS Nesting · · ,
  33. Comparison of Accessibility of E-Government Websites in Europe · · , ,
  34. 26 Frontend Certifications for Web Developers · · , ,
  35. 10 Great Websites to Learn Web Development · · ,
  36. The CSS Property You Didn’t Know You Needed ·
  37. How Independent Publishing Has Changed from the 1990s Until Today · · , ,
  38. Skip PHPUnit Tests Conditionally in PHP · · ,
  39. An Attempted Taxonomy of Web Components · · ,
  40. 10 Tips for Driving Design System Adoption · · ,
  41. “NODE_ENV=production” Is a Lie · · , , ,
  42. Integrating MongoDB With Node.js · · ,
  43. 5 Formatting Techniques for Long-Form Content · · , , , ,
  44. Why You Should Curate, Not Create, a Design System · · ,
  45. HTML Web Components Are Just JavaScript? · · , ,
  46. The Developer Job Market Is Insane—5 Tips on How to Survive · · , ,
  47. The Best CSS Background Patterns for Your Next Project · · ,
  48. 4 Web Devs, 1 App Idea · · , ,
  49. Evolution of Visible Focus · · , ,
  50. Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA · · , , , , , , , ,
  51. Until the Right Design Emerges… ·
  52. How to Use Node.js With Docker · · , ,
  53. Vite 5.0 Is Out · · ,
  54. Getting Started With CSS Container Queries · · , ,
  55. Exclusive Accordions Exclude · · ,
  56. Using Selectlist in React · · ,
  57. About Subgrid and Colored Grid Lines · · ,
  58. Release Notes for Safari Technology Preview 183 · · , , ,
  59. Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing · · , , , ,
  60. A Tip for Properly Handling Loading States in Web Apps · · , ,
  61. Introduction to LangChain · · ,
  62. Shattering the Design System: Unleashing the Creative Revolution · · , ,
  63. Browsing the Eastern Side of the Personal Web · · ,
  64. We Need to Have a Chat? I Think We Should Refactor · · , ,
  65. Modular CSS and Different Ways to Structure Your Stylesheets · · ,
  66. How to Optimize MongoDB Performance for Node.js · · , , ,
  67. Why Doesn’t AI Work for Producing Accessible Code? · · , ,
  68. Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator · · , ,
  69. Is It Worth Keeping Your CSS DRY—Pros and Cons · · , ,
  70. Cracking a “Developer Tools Killer” Script… · · , ,
  71. Simplifying the E2E Selectors Hassle · · , ,
  72. Accessibility Testing With Chrome DevTools · · , , , , ,
  73. Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 · · , , , , ,
  74. Node.js Monthly Downloads · · , ,
  75. Designing for Accessibility Beyond Compliance · · , ,
  76. How I Test a Website for Accessibility · · ,
  77. Exploring V8’s Strings: Implementation and Optimizations · · , , ,
  78. Letter and Spirit of Web Development · · ,
  79. Text With Media Background: Practical Solutions · · , , ,
  80. Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne · · , , , ,
  81. A Coder Considers the Waning Days of the Craft · · , ,
  82. HTML Web Components · · ,
  83. Growing Design by Letting Teams Experience It ·
  84. Introducing the Website Carbon Rating System · · ,
  85. Your Website’s URLs Can and Should Be Beautiful · · ,
  86. The Top WordPress Plugins Are… a Little Sad? · · ,
  87. Monitoring Your Python App With AppSignal · · , ,
  88. Prettier 3.1: New Experimental Ternaries Formatting and Angular Control Flow Syntax · · ,
  89. Designing Web Design Documentation · · , ,
  90. Explaining Kubernetes to My Uber Driver · · ,
  91. Accessibility Training Can Sometimes Harm Accessibility · · ,
  92. HTML First · · , ,
  93. The Nature of Digital Is Environmentally Destructive ·
  94. Mastering Cryptography Fundamentals With Node’s “crypto” Module · · , ,
  95. Lost in Translation: Tips for Multilingual Web Accessibility · · , , ,
  96. AI Is the New UI · · ,
  97. Stop Using AI-Generated Images · · ,
  98. Do You Really Need to Validate Your HTML Code? · · , ,
  99. Never Use “Scroll” Value for Overflow · · ,
  100. A Faster Web in 2024 · · , , ,
  101. Cookie Permissions 101 · · , ,
  102. CSS Nesting Is Here · · ,
  103. Creating Accessible UI Animations · · ,
  104. Understanding HTML Landmarks and How to Apply Them · · , , ,
  105. CSS Nesting Relaxed Syntax Update · · , , , , ,
  106. NaN or Not a Number? ·
  107. Front End Devs Really Don’t Understand Accessibility · · ,
  108. ES6 Features You Didn’t Know You Needed: A JavaScript Guide for Beginners · · ,
  109. Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit · · , ,
  110. How Long Until Your Website Is Accessible? · · ,
  111. HTML Web Components · · , ,
  112. Modern Frontend Testing With Vitest, Storybook, and Playwright · · , ,
  113. Effective Engineering Teams · · , ,
  114. Everything About SEO Is Obnoxious · · , ,
  115. How to Use Timeouts in Node.js · · , ,
  116. “@ scope” · · ,
  117. Secure Code Review Tips to Defend Against Vulnerable Node.js Code · · , ,
  118. Web Developers: Remarkably Untalented and Careless? · · , ,
  119. Using CSS “content-visibility” to Boost Your Rendering Performance · · , ,
  120. Introducing Angular v17 · · ,
  121. Handling Null, Undefined, and Zero Values in JavaScript ·
  122. CSS Positioning Crash Course · · , ,
  123. Creating Accessible Content in Drupal 10 · · , ,
  124. Deploying a Vue Application With Netlify and GitHub · · , , ,
  125. Headless Component: A Pattern for Composing React UIs · · , ,
  126. Surprising Facts About New CSS Selectors · · ,
  127. How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load · · , , ,
  128. Accessibility Training Will Not Save You · · , , ,
  129. 13 HTML Attributes You Should Know About ·
  130. React Router v6: A Beginner’s Guide · · , ,
  131. Why We Need a “Green” Perf Metric · · , , ,
  132. Writing Components That Work in Any Frontend Framework · · ,
  133. Addressing Accessibility Concerns With Using Fluid Type · · , ,
  134. (Don’t) Mind the Gap · · ,
  135. Default Layouts in 11ty ·
  136. How to Use npm Packages Outside of Node · · , , ,
  137. Removing List Styles Without Affecting Semantics · · , , ,
  138. “git rebase”: What Can Go Wrong? ·
  139. How to Build a Server-Side React App Using Vite and Express · · , , , ,
  140. The Role of Prototyping in UX Design: From Wireframes to Interactive Mockups · · , ,
  141. How Creating Content as a Developer Changed My Life · · ,
  142. image-dimensions · · , ,
  143. Understanding React Error Boundary ·
  144. To Hell With the Business Case · · , ,
  145. Understanding CORS · · ,
  146. WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA · · , , ,
  147. GitHub Copilot Now Generates AI Commit Messages · · , ,
  148. How to Do a TypeScript Conversion · · , , , , ,
  149. Totally Remdom, or How Browsers Zoom Text · · , , ,
  150. Workarounds for Buggy Gradients · · , ,
  151. An Accessibility Bookmarklet for Testing 200% Text Size · · , ,
  152. Messing About With CSS Gradients · · ,
  153. 10 Best Web Development Stacks · · ,
  154. How to Use the Fetch API in Node.js, Deno, and Bun · · , , , , , ,
  155. How to Write Good Alt Text for Screen Readers · · , , , , ,
  156. Can AI Help Boost Accessibility? These Researchers Tested It for Themselves · · , ,
  157. “:fullscreen” Demo Without JavaScript · · ,
  158. Information vs. Experience: How to Build Mature Design Systems · · , ,
  159. In Quest to Defeat Euro Red-Tape, Apple Said It Had Three Safari Browsers—Not One · · , , , ,
  160. Answers to Common (Web) Accessibility Questions ·
  161. Why You Should Use “px” Units for Margin, Padding, and Other Spacing Techniques · · , , ,
  162. Don’t Turn a Table into an ARIA Grid Just for a Clickable Row · · , , ,
  163. Use the CSS “:disabled” Pseudo-Class Instead of the “[disabled]” Attribute Selector to Match Disabled Form Controls · · , ,
  164. Blinded by the Light DOM · · , , ,
  165. Release Notes for Safari Technology Preview 182 · · , , ,
  166. Response Code Cheat Sheet for Laravel HTTP Client · · , ,
  167. A Comprehensive Guide to Data Engineering · · ,
  168. Dark Visitors · · , , ,
  169. The Dangers of Doomscrolling for Designers and How to Break Free ·
  170. The “prefers-reduced-transparency” Media Feature · · , ,
  171. Confusing Git Terminology · · ,
  172. Breaking Down a Design ·
  173. One HTML Tag, Thirty+ CSS Drawings—My Divtober 2023 Collection · · ,
  174. Learn Performance · · ,
  175. The People Who Ruined the Internet · · , ,
  176. 0 KB Social Media Embeds · · ,
  177. Speeding Up the JavaScript Ecosystem—Tailwind CSS · · , ,
  178. How Bear Does Analytics With CSS · · , ,
  179. A Complete Guide to LangChain in JavaScript · · , , ,
  180. Why Signals Are Better Than React Hooks · · , , , , ,
  181. Better Dynamic Themes in Tailwind With OKLCH Color Magic · · , , ,
  182. Mobile-First Indexing Has Landed—Thanks for All Your Support · · , ,
  183. Accessibility by Degrees · · ,
  184. Answering Common Questions About Interpreting Page Speed Reports · · ,
  185. Remix ❤️ Vite · · , ,
  186. 2023: 0 of the Global Top 100 Websites Use Valid HTML · · , , ,
  187. 20 Effective Tips to Speed Up Your Drupal Website · · , , ,
  188. Don’t Disable Buttons · · , ,
  189. Interop 2023 October Update · · , , ,
  190. What Exactly Is “Modern” CSS? ·
  191. Effective Strategies for Optimizing Performance · · , ,
  192. The New CSS Math: “rem()” and “mod()” · · , ,
  193. Is Express Still “De Facto” for Building Node Backends? · · ,
  194. Unit-Testing: The Unsung Hero of Code Quality · · ,
  195. A Guide to Using MSSQL With Node.js · · , , ,
  196. Why Is node_modules Heavier Than the Universe? ·
  197. An Introduction to Working With SVGs in React · · , ,
  198. View Transitions and Stacking Context: Why Does My CSS View Transition Ignore “z-index”? · · , ,
  199. Let’s Reinvent the Wheel · · , , , ,
  200. Some Sensible Defaults for Your “img” Elements · · ,
  201. How to Find a Developer Job in 2023 (With Little or No Experience) · · ,
  202. AI as a UX Assistant · · ,
  203. You’re Gonna Need a Bigger Browser · · , , ,
  204. State of React 2023 · · ,
  205. Astro 3.4: Page Partials · · ,
  206. Introduction to Real-Time Communication in PHP Laravel · · ,
  207. Introduction to htmx · · ,
  208. Deprecation of Formatting Rules · · , , , ,
  209. 20 Simple Ways to Style the HTML “details” Element · · ,
  210. Secret Scanning Scans Public npm Packages · · , , ,
  211. Next.js 14 · · ,
  212. Testing and Code Quality in Node.js · · , ,
  213. Why I Won’t Use Next.js · · ,
  214. What the !#@% Is a Passkey? · · ,
  215. HTML vs. DOM? Let’s Debug Them · · , , , ,
  216. Sheet, Dialog, or Snackbar—What Should a Designer Go For? · · , ,
  217. WebKit Features in Safari 17.1 · · , , , ,
  218. Data Engineering Essentials #1: Your First Pipeline ·
  219. CSS “prefers-reduced-transparency” · · , ,
  220. What Does the “A” Mean in “DEAI”? · · ,
  221. Web Components Will Outlive Your JavaScript Framework · · , ,
  222. Vue.js (Vue v3) for Beginners · · , ,
  223. Understanding SC 2.4.11 “Focus Not Obscured (Minimum)” · · , ,
  224. Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators · · , , , ,
  225. Complex MPA View Transitions · · , ,
  226. A Comprehensive Guide to Django Caching · · , ,
  227. My Problem With Using TypeScript in 2023 · · ,
  228. Goodbye, Node.js Buffer ·
  229. It’s 2023, Here Is Why Your Web Design Sucks · · , ,
  230. Tailwind vs. Semantic CSS · · , , , , ,
  231. Navigating the Ethical Complexities of Personalized User Experiences: Balancing Innovation With Privacy and Consent · · , , , ,
  232. Svelte by Example · · , ,
  233. Color Contrast Accessibility Tools With Examples · · , , , , ,
  234. CSS “text-wrap: pretty” · · , , , , ,
  235. Unlocking JavaScript Design Patterns: Mastering Singleton for Ultimate Code Efficiency · · , ,
  236. Changing Colors in an SVG Element Using CSS and JavaScript · · , , ,
  237. Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed · · , ,
  238. JavaScript Decorators: An In-Depth Guide · · ,
  239. Splitting Within Selects · · , , , ,
  240. In Defense of Learning on Company Time · · ,
  241. JavaScript Is Enabled by Default in Web Browsers · · , ,
  242. Stop Waiting · · ,
  243. Select Element: Now With Horizontal Rules · · , ,
  244. JavaScript Anti-Pattern: Self-Documenting Code · · , ,
  245. Release: Yarn 4.0 · · ,
  246. Igalia Chats: Web History Part VI · · , , ,
  247. What Removing Object Properties Tells Us About JavaScript · · ,
  248. Accessibility Improvements for User-Agents · · ,
  249. Strikethrough Accessibility · · , , , , ,
  250. Finding the Primary Branch of a Git Repository ·