Frontend Dogma

“2023” Archive (8)

  1. Why “font-size” Must Never Be in Pixels (by) · · , , ,
  2. The Simple Trick to Transition From Height “0” to “auto” With CSS (by) · · , , ,
  3. What’s New in Svelte: May 2023 (by/via) · · , ,
  4. This Blog Is Hosted on My Android Phone (by) · · ,
  5. Testing Feature Support for Modern CSS (by) · · , ,
  6. Tailwind CSS vs. UnoCSS (by) · · , , , ,
  7. “:root” Isn’t Global (by) · ·
  8. Practical Guide to Not Blocking the Event Loop · · , , , ,
  9. CSS Wishlist 2023 (by) · · ,
  10. Configuring ESLint, Prettier, and TypeScript Together (by) · · , , , , , ,
  11. CDNs: Speed Up Performance by Reducing Latency (by) · · ,
  12. Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (by/via) · · , ,
  13. 7 Things to Remove From Your Job Postings to Be More Inclusive (by/via) · · ,
  14. Two Underused Arguments for Writing Documentation (by) · · , ,
  15. My Favorite Free Courses to Learn JavaScript in Depth (by) · · , , ,
  16. 30th Anniversary of Licensing the Web for General Use and at No Cost (by/via) · · , , , ,
  17. The Popover API Is Exciting, Sort Of (by) · · ,
  18. Dark Mode in 3 Lines of CSS and Other Adventures (by) · · ,
  19. Write Better CSS by Borrowing Ideas From JavaScript Functions (by/via) · · , , ,
  20. Rebuilding a Featured News Section With Modern CSS: Vox News (by) · · , , ,
  21. New to the Web Platform in April (by/via) · · , , , , , ,
  22. JS Private Class Fields Considered Harmful (by) · ·
  23. Everything You Need to Know About Webpack’s Bundle Analyzer (by) · · , ,
  24. Animating the Impossible (by/via) · · , ,
  25. A Beginner’s Introduction to the Most Common Data Types in Programming (via) · · , ,
  26. Writing Unit Tests in Node.js Using Jest (by+/via) · · , ,
  27. What Is the Value of a Design System? (by/via) · ·
  28. Typography for Everyone (by/via) · · , ,
  29. The Most Underrated Section of Design Portfolios (by/via) · · ,
  30. Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (by) · · , , ,
  31. Modern CSS Layout Is Awesome! (by/via) · · , ,
  32. How to Manage Design Tokens (by) · · , ,
  33. How to Deep Merge Arrays and Objects With JavaScript (by) · · , , ,
  34. Accessible Target Sizes Cheatsheet (by/via) · · ,
  35. The Most Important Thing Productivity Tools Are Missing About AI (by/via) · · , ,
  36. The Interactive Guide to Rendering in React (by/via) · · , ,
  37. Discovering the Power of JavaScript Proxy After All This Time (by) · ·
  38. Transition To and From “display: none” With Upcoming CSS Capabilities (by) · · , ,
  39. The Best Way to Get nvm Working in CI/CD Systems · · ,
  40. Reducing the Cost of String Serialization in Node.js Core (by) · · ,
  41. Crafting the Next.js Website (by+) · ·
  42. Comparing the Best Node.js Version Managers: nvm, Volta, and asdf (by/via) · · , ,
  43. Adding Motion to the Next Decade of Atomic Design (via) · · ,
  44. The Potentially Dangerous Non-Accessibility of Cookie Notices (by/via) · · , , , ,
  45. The “const” Deception (by) · ·
  46. Scoped CSS Is Back (by) · · ,
  47. Organizing a Web Design System for Scalability in Figma (via) · · , ,
  48. npm vs. Yarn vs. pnpm (by) · · , , ,
  49. Goodbye “create-react-app”: A New Approach (by) · ·
  50. Frontend Web Performance Checklist (by) · · ,
  51. Figma, I Love You but You’re Bringing Me Down (by/via) · ·
  52. Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (by/via) · · , , ,
  53. CSS Blend Modes (by) · · ,
  54. Avoiding Dark Patterns in Web Design (by/via) · · ,
  55. Transitioning to Height Auto (Two Ways) (by) · ·
  56. “The Secret List of Websites” (by) · · , ,
  57. The Effects of Technical Debt on Morale (by) · · ,
  58. Meeting WCAG Level AAA (by/via) · · , , ,
  59. How to Write Comments in React: The Good, the Bad, and the Ugly (by) · · , ,
  60. Exploring the Potential of Web Workers for Multithreading on the Web (by/via) · · , , ,
  61. “details”/“summary” Inconsistencies (by) · · , , ,
  62. Dark Mode Toggle and “prefers-color-scheme” (by) · · ,
  63. Considering Content Warnings in HTML (by) · · , ,
  64. Upgrading Our CSS Habits: “aspect-ratio” (by) · ·
  65. Spinning Diagrams With CSS (by) · · ,
  66. Read-Only Web Apps (by) · · ,
  67. Designing and Coding for Voice (by) · · ,
  68. CSS Custom Properties Beyond the “:root” (by) · · , ,
  69. 5 Topics You Should Touch on During the Recruitment Process · · , ,
  70. Why Is Scrum the Most Popular Agile Framework? (by/via) · · , ,
  71. Visually Accessible Data Visualization (by/via) · · ,
  72. Using HTML Elements as CSS Masks (by) · ·
  73. Release Notes for Safari Technology Preview 168 (by/via) · · , , ,
  74. Productivity and Well-Being: A Summary of What Works · · ,
  75. It’s Time for the Tech Industry to Live Up to Its Ideals (via) · · ,
  76. Introducing npm Package Provenance (by+/via) · · , , , ,
  77. Intro to Runtime Performance in the Chrome DevTools Performance Panel (by/via) · · , , , , , ,
  78. Generating Provenance Statements (by/via) · · , ,
  79. 5 Code Refactoring Techniques to Improve Your Code (by/via) · · , ,
  80. Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It? (by) · · , ,
  81. What’s New in ECMAScript 2023 (by) · · ,
  82. Signals: Fine-Grained Reactivity for JavaScript Frameworks (by/via) · · , , ,
  83. Node.js 20 Is Now Available! (via) · · ,
  84. Kubernetes Quick Tutorial (by) · · ,
  85. How to Create an SEO Strategy (by/via) · · , ,
  86. DevTools: A Better Way to Visualize Your JavaScript (by) · · , , , , , , , ,
  87. Container Query Units and Fluid Typography (by) · · , ,
  88. Audio Accessibility in Miro: A Hackathon Story in 3 Acts (by/via) · · , ,
  89. 8 Best Tools for Cryptography and Encryption (via) · · , , , , ,
  90. You Are What You Measure (by) · · ,
  91. What Is Design Thinking? (via) · ·
  92. Using a Muted Color Palette in Web Design (via) · · , ,
  93. It’s Very Likely That… (by) · · , , ,
  94. Firefox May Soon Reject Cookie Prompts Automatically (by/via) · · , , , ,
  95. Deno vs. Node: No One Is Ready for the Move (by/via) · · , , ,
  96. Business Impacts of UI Design and UX Design (by/via) · · ,
  97. Answering “What ARIA Can I Use?” (by/via) · · , , , , ,
  98. All About the Semantic Web (via) · · ,
  99. A List of Programming Playgrounds (by) · · , ,
  100. The Acronyms of Rendering on the Web (by) · · , , ,
  101. Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (by) · · , ,
  102. Serving Less Data to Users With the “prefers-reduced-data” Media Query (by) · · , , ,
  103. My Favorite Courses to Learn Microservices in Depth (by) · · , , ,
  104. How to Name Design Tokens in a Design System (by/via) · · , , ,
  105. Exploring “:has()” Again (by/via) · · ,
  106. Angular 16 Is Huge (by/via) · ·
  107. 3 Common IA Mistakes (That Are All Due to Low Information Scent) (via) · · , ,
  108. Lessons of Design (by/via) · · ,
  109. Dissecting npm Malware: Five Packages and Their Evil Install Scripts (by/via) · · ,
  110. Web Accessibility: A Reference to Creating Inclusive Websites (via) · ·
  111. The “details” Element Is Amazing (by) · ·
  112. Ping Animation With Minimal CSS (by) · · ,
  113. Consume Web Streams From OpenAI Using Vanilla JavaScript (by) · · , , , ,
  114. 9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (via) · · , ,
  115. 4 Ways to Create an Enum in JavaScript (by) · ·
  116. What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (by/via) · · , , , , , , ,
  117. The Pros and Cons of Different UI Automation Test Tools—Puppeteer (by) · · , ,
  118. Embracing AI as a Material for Design (by/via) · · , ,
  119. Costly CSS Properties and How to Optimize Them (by) · · , ,
  120. Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers (by/via) · · , ,
  121. A History of the World Wide Web From 1989 to the Present Day (via) · · ,
  122. 10 Best Sorting Algorithms Explained (via) · · ,
  123. Transparent Video for the Web in 2023 (by) · · ,
  124. Solving the CSS Layout and Source Order Disconnect (by/via) · · ,
  125. Shifting Left, or: Making Accessibility Easier by Doing It Earlier (by) · · , , ,
  126. Passkeys: What the Heck and Why? (by/via) · · ,
  127. How to Work With Dates and Times in Vanilla JavaScript (by) · · ,
  128. CSS: Tricks for Targeting Elements With CSS (by) · · , ,
  129. Angular Is Back With a Vengeance (by/via) · · ,
  130. Understanding CSS Preload and Other Resource Hints (by/via) · · , ,
  131. Shallow vs. Deep Copying in JavaScript (by/via) · · ,
  132. HTML Accessibility API Mappings 1.0 (by+/via) · · , ,
  133. Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (via) · · , , , ,
  134. Expanding Grid Cards With View Transitions (by) · · ,
  135. Don’t Override Screen Reader Pronunciation (by) · · , , , ,
  136. Advanced Figma Components Tips and Tricks: Little Gems We Love (by/via) · · , , ,
  137. Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience (via) · · , , , ,
  138. What’s a Basic Use Case for Cascade Layers in CSS? (by) · · , ,
  139. Trying Node.js Test Runner (by) · · ,
  140. The Performance Golden Rule Revisited (by) · · ,
  141. Temporal Intervals Are Handy in MySQL (by) · · ,
  142. React, Visualized (via) · · , ,
  143. New HTML Element: “search” (by) · · ,
  144. Formulating Your Product Design North Star (aka Design Principles) (by/via) · · , ,
  145. Document or Die: The Importance of Writing Things Down in Tech · · , ,
  146. Building Pagination in React With React Paginate (by/via) · · , ,
  147. Why Astro Is My Favorite Framework (by) · · ,
  148. CSS Text Balancing With “text-wrap: balance” (by) · · ,
  149. Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide (by) · · , ,
  150. What’s New in CSS? (by/via) · · ,
  151. Understanding Apache Web Server Configuration (by) · · , ,
  152. Mastering Yarn’s Lifecycle With Hooks (by) · · ,
  153. Choosing Humanity Over Automation (via) · · , ,
  154. Boost Your JavaScript With JSDoc Typing (by) · · , , ,
  155. The Pattern to Make Your Frontend Tests 10× Better (by) · ·
  156. Stream File Uploads to S3 Object Storage and Save Money (by) · · , , ,
  157. Programming-Language Popularity by GitHub Pull Requests (by) · · , , , , , ,
  158. It’s Time to Learn OKLCH Color (by) · · , ,
  159. DevTools: A Clever Overview of All Your CSS Code (by) · · , , , , ,
  160. Chasing Rainbows (by/via) · · , , ,
  161. Advancing Your Tech Skills (via) · · ,
  162. Unlocking the Power of Design Tokens to Create Dark Mode UI (by) · · ,
  163. Frontend Developer Tries Tailwind for the First Time (by/via) · · , ,
  164. Establishing Metrics for Accessibility ROI (by) · · , ,
  165. 10 CSS Animation Tips and Tricks (by) · · , , ,
  166. 3 Methods for Scoped Styles in Web Components That Work Everywhere (by) · · , , , , ,
  167. What’s New in WCAG 2.2? (by/via) · · , ,
  168. The Alt Text War—SEO vs. Accessibility (by/via) · · , , , ,
  169. Release Notes for Safari Technology Preview 167 (by/via) · · , , ,
  170. Observing CSS (by) · · , ,
  171. JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript (via) · · , , ,
  172. Foundations: Accessible Names and Descriptions (by/via) · · , , ,
  173. Designing for Reduced Motion (by/via) · · ,
  174. Choosing a Name for Your Design System (by) · · ,
  175. Can You Create Beautiful Stroked Text in CSS? (via) · · ,
  176. 7 Tips for Getting Started With Vue.js (by/via) · · , ,
  177. What Makes a Good Screenshot? (by/via) · · ,
  178. What Is Semantic HTML? (by/via) · · ,
  179. The Revenge of the Pop-Up (by/via) · · , ,
  180. Testing Localhost on Multiple Devices (by) · · ,
  181. New in Chrome 112 (by/via) · · , , ,
  182. Code Explanation Using GitHub Copilot (by) · · , ,
  183. 4 GitHub Alternatives for Code Repositories (via) · · ,
  184. What Is a Design System and Why Should You Use One? (by/via) · ·
  185. So, How Can We Measure UX? (via) · · ,
  186. Slow Start and Congestion Control (Browser Networking) (by) · · , ,
  187. Safari Releases Are Development Hell (by/via) · · , , ,
  188. Quick Tip: Pull Data From an API Into a Figma Layer (by/via) · · , , ,
  189. JSON vs. XML With Douglas Crockford (by+/via) · · , , , , ,
  190. How WebAssembly Is Accelerating New Web Functionality (by/via) · · ,
  191. Five Pieces of Advice for More Accessible Websites (by) · · ,
  192. Exposing Field Errors (by) · · , , , ,
  193. Copy to Clipboard in JavaScript and React (by) · · ,
  194. Accessibility for Designers: Where Do I Start? (by) · · , ,
  195. A Small JavaScript Pattern I Enjoy Using (by) · ·
  196. A Color Wheel With Gradient (by) · · , , , ,
  197. Why Do They Ignore My Awesome Design Documentation? (by) · · ,
  198. When I Get That Low Contrast Feeling, I Need Non-Textual Healing (by/via) · · , ,
  199. The Future of Senior Developers in an AI-Driven World (by) · · , ,
  200. Sticky Page Header Shadow on Scroll (by) · · , ,
  201. Modern HTML Email (Tables No Longer Required) (by) · · , ,
  202. 7 Tricks to Take the Performance of Your Website to the Moon (by) · · , , ,
  203. 10 Ways to Hide Elements in CSS (by/via) · · , ,
  204. We Need Accessibility Action (by) · · ,
  205. The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps · · , , , , ,
  206. Folder Structure for Modern Web Applications (by) · · ,
  207. The Pros and Cons of Different UI Automation Test Tools—Playwright (by) · · , ,
  208. New to the Web Platform in March (by/via) · · , , , , , , , ,
  209. Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (by) · · , ,
  210. DevTools: Getting Data From DevTools Into Your Code Editor (by) · · , ,
  211. Alternative Text in the Wild: 5 Alternative Text Examples (via) · · , ,
  212. A CSS Selector to Highlight Clickable Elements (by) · · ,
  213. XUL Layout Is Gone (by) · · , , , ,
  214. Why JavaScript Is a Prototype-Based OOP (by) · · ,
  215. Why I Quit Being a Tech “Influencer” (by) · ·
  216. What Are Source Maps? (by/via) · · ,
  217. One in Two New npm Packages Is SEO Spam Right Now (by/via) · · ,
  218. From Burnout to Balance: Why Are So Many UX Designers Fatigued? (by/via) · · , , ,
  219. CSS Masking (by) · · ,
  220. Checkered Background Using Two Lines of Code in CSS (by+) · · ,
  221. Using PHP Arrays: A Guide for Beginners (by/via) · · , ,
  222. Usability Heuristics in Game Design (by/via) · · , ,
  223. The WebAIM Million (via) · · , , ,
  224. HTML: Help Users to Download Files With the HTML “download” Attribute (by) · ·
  225. How to Use Google Fonts and “font-display” (by/via) · · , , ,
  226. Framework Popularity on Netlify (by/via) · · , , , , ,
  227. Flutter Performance Optimization Techniques and Best Practices (via) · · , , ,
  228. 6 Steps to Reduce the Carbon Footprint of Your Website (by/via) · ·
  229. TypeScript Function Types: A Beginner’s Guide (by) · · , ,
  230. Meet Arc, a New Innovative Browser That Challenges Chrome (via) · · , , ,
  231. JavaScript Import Maps Are Now Supported Cross-Browser (by/via) · · , ,
  232. In Praise of Vite (by/via) · ·
  233. Improving CSS Shapes With Trigonometric Functions (by) · · , ,
  234. How to Split an Angular App Into Micro-Frontend Apps · · , , ,
  235. How to Review and Refactor Code With GPT-4 (and ChatGPT) (by/via) · · , , , ,
  236. Guardrails for Better Accessibility Support in Frontend (by) · · , ,
  237. File Uploads for the Web: File Uploads in Node and Nuxt (by) · · , ,
  238. Connecting Dots of an Accessibility Audit (by/via) · · ,
  239. Accessibility vs. Emojis (via) · · , , ,
  240. 10 AI Tools for Content Writing (via) · · , , , ,
  241. Mastering the JavaScript “switch” Statement (by/via) · ·
  242. Getting Started With HTML Tables (by/via) · · , ,
  243. Function Overloading in TypeScript (by/via) · · ,
  244. Fighting Inter-Component HTML Bloat (by) · · , , ,
  245. Defaulting on Single Page Applications (SPA) (by) · · , ,
  246. CSS Creator Håkon Wium Lie Interview (by/via) · · ,
  247. AI-Enhanced Development Makes Me More Ambitious With My Projects (by) · · , ,
  248. A Quick Guide to Reviewing a VPAT ACR (by) · · , , ,
  249. UX Basics: Study Guide (by/via) · · , , , ,
  250. Using TypeScript Without Compilation (by) · ·