Frontend Dogma

“2023” Archive (7)

  1. Working With URLs With Vanilla JavaScript · · ,
  2. 10 Ways to Boost Your Landing Page Conversion Rates · · ,
  3. Building a Modern Design System in Layers ·
  4. Be Careful Using “Menu” · · , , ,
  5. Stop Rewriting Your CSS! Use “:not()” Instead · · , , ,
  6. Why We’re Bad at CSS ·
  7. A Web Component Intro With Example · · , ,
  8. Building Offline-First Web Applications With Service Workers and IndexedDB · · , , , ,
  9. Beyond Design Systems for Interfaces: A Mega System of Design Systems ·
  10. Server-Sent Events With Node.js · · ,
  11. How to Build Lean Efficient Websites in 2023 · · , , ,
  12. Creating a Shine Effect on a Card With Tailwind CSS · · ,
  13. Using “linear()” for Better Animation · · , ,
  14. Website Issues: On the Relevance of Audience Size and Impact · · ,
  15. A New Approach to Measuring Developer Productivity · · ,
  16. Getting Started With View Transitions on Multi-Page Apps · · , ,
  17. How to Create a Custom Range Slider Using CSS · · , ,
  18. What Devs Can Do on Global Accessibility Awareness Day ·
  19. Write Better Code by Following These JavaScript Best Practices · · ,
  20. Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 · · , ,
  21. Accessible Numbers · · ,
  22. Release Notes for Safari Technology Preview 170 · · , , ,
  23. 6 Tips for Improving Language Switchers on Ecommerce Sites · · , , , ,
  24. ESLint Guide: How to Use It With Confidence · · , , , ,
  25. Thinking on Ways to Solve Color Palettes · · , , ,
  26. A History of Metaphors for the Internet · · , ,
  27. Fieldsets, Legends, and Screen Readers Again · · , , , , ,
  28. Why Your Design Language System Needs a Product Manager · · ,
  29. Design Patterns Are a Better Way to Collaborate on Your Design System · · , ,
  30. Vertical Rhythm Using CSS “lh” and “rlh” Units · · ,
  31. Semantics and the “popover” Attribute: What to Use When? · · , , ,
  32. Getting an Item an Array With a Negative Index With Modern JavaScript · · ,
  33. State of Node.js Performance 2023 ·
  34. Why Is Web Accessibility Important? · · ,
  35. GitHub Copilot and ChatGPT Alternatives · · , ,
  36. I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well · · ,
  37. Conditional CSS With “:has” and “:nth-last-child” · · ,
  38. 10 Books to Improve Coding Skill in 2023 · · , ,
  39. HTML Landmark Roles Screen Reader Demo · · , , , , ,
  40. Using HTML Landmark Roles to Improve Accessibility · · ,
  41. How to Handle Production Support When Using Scrum · · , , ,
  42. Solving Media Object Float Issues With CSS Block Formatting Contexts ·
  43. Get Full Type Support With Plain JavaScript ·
  44. Let’s Share Our Salaries, Title, Location, XP · · ,
  45. CSS Art: Drawing a Coffee Stain · · ,
  46. 7 Secret TypeScript Tricks Pros Use · · ,
  47. The Problem With Disabled Buttons and What to Do Instead · · , ,
  48. Error Message Guidelines · · , , ,
  49. Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit · · , , , , ,
  50. ES2023 Features ·
  51. Building a Frontend Framework—Reactivity and Composability With Zero Dependencies · · , ,
  52. Respect Your Children · · , ,
  53. Add Opacity to an Existing Color · · ,
  54. Keeping Up With an Ever Changing Web · · ,
  55. What Is “Fake Door” Testing in UX? · · ,
  56. Building a Greener Web · · , ,
  57. An Introduction to the Bun JavaScript Runtime · · , ,
  58. Best Practices for All Developers ·
  59. Introduction to Screen‐Readers: VoiceOver macOS Edition · · , , , , ,
  60. Introduction to Screen‐Readers: NVDA Edition · · , , , ,
  61. Introduction to Screen‐Readers: JAWS Edition · · , , , ,
  62. Regular Expressions in JavaScript · · ,
  63. What’s New in CSS and UI: I/O 2023 Edition · · ,
  64. The JavaScript Ecosystem Is Delightfully Weird ·
  65. Baseline Features You Can Use Today · · , , ,
  66. Introducing Baseline: A Unified View of Stable Web Features · · , , ,
  67. Introducing Baseline · · , , ,
  68. Why an Engineering Manager Should Not Review Code · · ,
  69. How to Optimize Web Responsiveness With Interaction to Next Paint · · , , ,
  70. Slow Design · · ,
  71. The Difference Between Agile and UX Is Not About Quantity vs. Quality · · , , ,
  72. Is Data Transfer the Best Proxy for Website Carbon Emissions? · · ,
  73. Introducing INP to Core Web Vitals · · , ,
  74. Advancing Interaction to Next Paint · · ,
  75. What’s New in Web Animations · · ,
  76. What’s New in Web · · , , ,
  77. The 9 Most Effective Core Web Vitals Opportunities of 2023 · · , ,
  78. Developer Tools That Shouldn’t Be Secrets · · , ,
  79. ES2023 Introduces New Array Copying Methods to JavaScript · · , , ,
  80. Crafting a Modern Spotlight Effect With React and CSS · · , ,
  81. See What’s New in Firefox [113.0] · · , , ,
  82. How to Handle Emojis in Node.js · · , , ,
  83. Design Systems [Are] a Mindset Not a Library ·
  84. Script Evaluation and Long Tasks · · , ,
  85. The Ongoing Defence of Frontend as a Full-Time Job ·
  86. Optimize Input Delay · · , ,
  87. Diagnose Slow Interactions in the Lab · · ,
  88. Find Slow Interactions in the Field · · , ,
  89. Rearrange/Animate CSS Grid Layouts With the View Transition API · · , , ,
  90. How Large DOM Sizes Affect Interactivity, and What You Can Do About It · · , , ,
  91. Client-Side Rendering of HTML and Interactivity · · , ,
  92. An Introduction to Container Queries in CSS · · , ,
  93. A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications · · , , , ,
  94. Dithering · · ,
  95. Speed Trap · · , ,
  96. Proportional Design Systems With Proportio.app ·
  97. ShatGPT · · ,
  98. Pay Attention to Web Performance Metrics to Improve the UX · · , , , ,
  99. Improving Web-Site Conversion Rates Through Better UX Design · · , ,
  100. A Complete Guide to Usability Testing · · , ,
  101. How to Configure Path Aliases in Frontend Projects in the Native Way · · , ,
  102. How Far Back in Time Can I Take My Website’s Design · · , , , ,
  103. The Problem With Sticky Menus and What to Do Instead · · , ,
  104. Cron Job: A Comprehensive Guide for Beginners · · ,
  105. Should the Confirmation Button Come First or Last? · · ,
  106. Complete Guide on Playwright Visual Regression Testing · · , , ,
  107. Scaling Node.js Web Apps With Docker · · , , ,
  108. The Image Sorting Experiment · · , , ,
  109. htmx Is the Future · · ,
  110. How “:not()” Chains Multiple Selectors · · ,
  111. HTTP/1 vs. HTTP/2 vs. HTTP/3 · · , ,
  112. Scroll-Driven Animations · · , ,
  113. Speed Up or Slow Down a Video · · , ,
  114. I’m Done With React · · ,
  115. CSS Logical Properties: A Good Use Case · · , ,
  116. Code Coverage vs. Test Coverage · · , , ,
  117. GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 · · , ,
  118. React Testing Library and Accessibility · · , , , ,
  119. 5 Best Practices to Sustainably Improve Core Web Vitals · · , ,
  120. An Introduction to the “:has()” Selector in CSS · · , ,
  121. Release Notes for Safari Technology Preview 169 · · , , ,
  122. 7 Practical CSS Typography Tips and Tricks · · , , ,
  123. The Latest Innovations in Drupal ·
  124. Detecting If an Event Was Triggered by a User or by JavaScript · · ,
  125. How to Make a CSS-Only Hamburger Menu · · , ,
  126. How to Write More Efficient JavaScript Conditions · · , ,
  127. Security Implications of HTTP Response Headers · · ,
  128. Make Your Website Load Fast by Optimizing Request Priorities · · , ,
  129. The Intersectionality of Web Performance · · , ,
  130. Where Would You Take the W3C? · · ,
  131. Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It · · ,
  132. Don’t Use Custom CSS Scrollbars · · ,
  133. Angular v16 Is Here · · ,
  134. Creating an Animated Gradient Border With CSS · · , , ,
  135. The Simple Trick to Transition from Height “0” to “auto” With CSS · · , , ,
  136. Why “font-size” Must Never Be in Pixels · · , , ,
  137. developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years? · · , ,
  138. CSS Naked Day and the Missing Wikipedia Page · · ,
  139. Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? · · , , ,
  140. 3 Engineering Mistakes That Kill Startups · · ,
  141. SupportsCSS · · , , ,
  142. Do Logical Properties Make CSS Easier to Learn? · · , ,
  143. A Complete Guide to Performance Budgets · · , ,
  144. An Update on the Lock Icon · · , ,
  145. Configuring ESLint, Prettier, and TypeScript Together · · , , , , , ,
  146. This Blog Is Hosted on My Android Phone · · ,
  147. Tailwind CSS vs. UnoCSS · · , , ,
  148. Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed · · , ,
  149. What’s New in Svelte: May 2023 · · , ,
  150. Practical Guide to Not Blocking the Event Loop · · , , ,
  151. CSS Wishlist 2023 · · ,
  152. “:root” Isn’t Global ·
  153. Testing Feature Support for Modern CSS · · , ,
  154. CDNs: Speed Up Performance by Reducing Latency · · ,
  155. My Favorite Free Courses to Learn JavaScript in Depth · · , , ,
  156. 30th Anniversary of Licensing the Web for General Use and at No Cost · · , , , ,
  157. Two Underused Arguments for Writing Documentation · · , ,
  158. Dark Mode in 3 Lines of CSS and Other Adventures · · ,
  159. The Popover API Is Exciting, Sort Of · · ,
  160. Everything You Need to Know About Webpack’s Bundle Analyzer · · , ,
  161. A Beginner’s Introduction to the Most Common Data Types in Programming · · , ,
  162. Write Better CSS by Borrowing Ideas from JavaScript Functions · · , , ,
  163. New to the Web Platform in April · · , , , , , ,
  164. JS Private Class Fields Considered Harmful ·
  165. Rebuilding a Featured News Section With Modern CSS: Vox News · · , , ,
  166. Animating the Impossible · · , ,
  167. Modern CSS Layout Is Awesome! · · , ,
  168. How to Manage Design Tokens · · , ,
  169. How to Deep Merge Arrays and Objects With JavaScript · · , , ,
  170. The Most Underrated Section of Design Portfolios · · ,
  171. What Is the Value of a Design System? ·
  172. Progress over Perfection: The Better Way for Communication and Accessibility Advocacy · · , ,
  173. Typography for Everyone · · , ,
  174. Writing Unit Tests in Node.js Using Jest · · , ,
  175. Accessible Target Sizes Cheatsheet · · ,
  176. Discovering the Power of JavaScript Proxy After All This Time ·
  177. The Most Important Thing Productivity Tools Are Missing About AI · · , ,
  178. The Interactive Guide to Rendering in React · · , ,
  179. The Best Way to Get nvm Working in CI/CD Systems · · ,
  180. Comparing the Best Node.js Version Managers: nvm, Volta, and asdf · · , ,
  181. Reducing the Cost of String Serialization in Node.js Core · · ,
  182. Transition to and from “display: none” With Upcoming CSS Capabilities · · , ,
  183. Crafting the Next.js Website ·
  184. Adding Motion to the Next Decade of Atomic Design ·
  185. Scoped CSS Is Back · · ,
  186. Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It · · , , ,
  187. npm vs. Yarn vs. pnpm · · , , ,
  188. Frontend Web Performance Checklist · · ,
  189. CSS Blend Modes · · ,
  190. Avoiding Dark Patterns in Web Design · · ,
  191. Organizing a Web Design System for Scalability in Figma · · , ,
  192. Figma, I Love You but You’re Bringing Me Down ·
  193. Goodbye “create-react-app”: A New Approach ·
  194. The Potentially Dangerous Non-Accessibility of Cookie Notices · · , , , ,
  195. The “const” Deception ·
  196. How to Write Comments in React: The Good, the Bad, and the Ugly · · , ,
  197. Dark Mode Toggle and “prefers-color-scheme” · · ,
  198. “The Secret List of Websites” · · , ,
  199. Transitioning to Height Auto (Two Ways) ·
  200. Meeting WCAG Level AAA · · , , ,
  201. Considering Content Warnings in HTML · · , ,
  202. The Effects of Technical Debt on Morale · · ,
  203. “details”/“summary” Inconsistencies · · , , ,
  204. Exploring the Potential of Web Workers for Multithreading on the Web · · , , ,
  205. Spinning Diagrams With CSS · · ,
  206. 5 Topics You Should Touch on During the Recruitment Process · · , ,
  207. Designing and Coding for Voice ·
  208. CSS Custom Properties Beyond the “:root” · · , ,
  209. Read-Only Web Apps · · ,
  210. Upgrading Our CSS Habits: “aspect-ratio” ·
  211. Release Notes for Safari Technology Preview 168 · · , , ,
  212. Generating Provenance Statements · · , ,
  213. Introducing npm Package Provenance · · , , , ,
  214. Productivity and Well-Being: A Summary of What Works · · ,
  215. 5 Code Refactoring Techniques to Improve Your Code · · , ,
  216. Using HTML Elements as CSS Masks ·
  217. Visually Accessible Data Visualization · · ,
  218. Intro to Runtime Performance in the Chrome DevTools Performance Panel · · , , , , , ,
  219. It’s Time for the Tech Industry to Live Up to Its Ideals · · ,
  220. Why Is Scrum the Most Popular Agile Framework? · · , ,
  221. 8 Best Tools for Cryptography and Encryption · · , , , , ,
  222. Kubernetes Quick Tutorial · · ,
  223. How to Create an SEO Strategy · · , ,
  224. Signals: Fine-Grained Reactivity for JavaScript Frameworks · · , , ,
  225. Container Query Units and Fluid Typography · · , ,
  226. DevTools: A Better Way to Visualize Your JavaScript · · , , , , , , ,
  227. What’s New in ECMAScript 2023 · · ,
  228. Node.js 20 Is Now Available! · · ,
  229. Audio Accessibility in Miro: A Hackathon Story in 3 Acts · · , ,
  230. It’s Very Likely That… · · , , ,
  231. Answering “What ARIA Can I Use?” · · , , , , ,
  232. You Are What You Measure · · ,
  233. What Is Design Thinking? ·
  234. Business Impacts of UI Design and UX Design · · ,
  235. Deno vs. Node: No One Is Ready for the Move · · , , ,
  236. A List of Programming Playgrounds · · , ,
  237. Using a Muted Color Palette in Web Design · · , ,
  238. Firefox May Soon Reject Cookie Prompts Automatically · · , , , ,
  239. Angular 16 Is Huge ·
  240. Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin · · , ,
  241. Serving Less Data to Users With the “prefers-reduced-data” Media Query · · , , ,
  242. How to Name Design Tokens in a Design System · · , , ,
  243. My Favorite Courses to Learn Microservices in Depth · · , , ,
  244. 3 Common IA Mistakes (That Are All Due to Low Information Scent) · · , ,
  245. The Acronyms of Rendering on the Web · · , , ,
  246. Exploring “:has()” Again · · ,
  247. Lessons of Design · · ,
  248. Dissecting npm Malware: Five Packages and Their Evil Install Scripts · · ,
  249. Web Accessibility: A Reference to Creating Inclusive Websites ·
  250. 9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste · · , ,