Frontend Dogma

“2023” Archive (7)

  1. Some Things I Learnt From Working on Big Frontend Codebases (by) · · ,
  2. Watch Transitions in Slow Motion in Chrome’s DevTools (by) · · , , , ,
  3. Quick Tip: Shipping Resilient CSS Components (by/via) · · , , , ,
  4. Release Notes for Safari Technology Preview 171 (by/via) · · , , ,
  5. How Blink Invalidates Styles When “:has()” [Is] in Use (by/via) · · , , ,
  6. Linting Defensive and Logical CSS With Stylelint Plugins (by/via) · · , , , ,
  7. Watch Out for Layout Shifts With “ch” Units (by/via) · · , ,
  8. Is There a Viable Animated GIF Alternative Yet or What? (by/via) · · ,
  9. New to the Web Platform in May (by/via) · · , , , , , , , ,
  10. Token Operations (by) · ·
  11. Re-Evaluating “px” vs. “em” in Media Queries (by) · · , , ,
  12. security.txt Now Mandatory for Dutch Government Websites · · ,
  13. Accessibility Audits for All (by) · · , ,
  14. Design Systems: A Curated List for Today’s UI/UX Designers (via) · · , , ,
  15. Announcing the Second Compute Pressure Origin Trial (by/via) · · , , ,
  16. What Is Personalization? (via) · · ,
  17. I Think I Finally “Get” JS Objects (by) · · ,
  18. The Art of Code Review (by/via) · · , ,
  19. Hands on With the Node.js Test Runner (by/via) · · ,
  20. An Introduction to JavaScript Proxies (by/via) · · ,
  21. Cracking the Theme Switcher and Dark Mode (by/via) · · , ,
  22. 21 Awesome Web Features You’re Not Using Yet (by/via) · · , , ,
  23. 10 Incident Management Best Practices (via) · · , ,
  24. Don’t Meddle With User Input (by) · · ,
  25. The Double-Edged Sword of Design Systems (via) · · ,
  26. The Problem With Nested Fieldsets and How to Avoid Them (by) · · , , ,
  27. How Screen-Reader Users Type on and Control Mobile Devices (by/via) · · , , , , ,
  28. The Optimization Sinkhole (by) · · ,
  29. Mastering CSS Blend Modes (by) · · ,
  30. Sass-Like Nesting in Native CSS (by) · · , , ,
  31. Understanding the Importance of Encoding (by) · ·
  32. When to Use Plain Text or Images Instead of MathML (via) · · , ,
  33. WordPress Turns 20 (by/via) · ·
  34. Plain Old JavaScript and the DOM (by) · · ,
  35. Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript? (by) · · ,
  36. We Need to Talk About How We Talk About Accessibility (by+/via) · · , ,
  37. Brief Note on Popovers With Dialogs (by) · · , , , ,
  38. A Practical Overview on Architecture Decision Records (ADR) (by) · · , ,
  39. How to Draw Any Regular Shape With Just One JavaScript Function (by/via) · · , ,
  40. Supper Club × Bramus Van Damme on CSS (by+/via) · · , ,
  41. Designing a Better Design Handoff File in Figma (by/via) · · , ,
  42. Seven Lessons From 7 Years Designing Systems (by) · · ,
  43. Two Things That Are Not Great About OKLCH (by) · · ,
  44. Levelling Up Accessibility Skills in Your Organisation (by+/via) · · ,
  45. “display: contents” Considered Harmful (by) · · ,
  46. WebKit and web-platform-tests (by) · ·
  47. The Yellow Fade Technique With Modern CSS Using “@ starting-style” (by/via) · · , ,
  48. Single Line Comments in CSS (by) · · ,
  49. Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (by/via) · · , ,
  50. A Complete Guide to Using IndexedDB (via) · · , ,
  51. 11 HTML Best Practices for Login and Sign-Up Forms (by/via) · · , ,
  52. Register Custom Properties in CSS, Get and Update Them With JavaScript (by) · · ,
  53. Querying Parsed HTML in BigQuery (by) · ·
  54. Responsive CSS Layout Grids Without Media Queries (by/via) · · , ,
  55. Deploying AVIF for More Responsive Websites (by/via) · · , ,
  56. Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design (by/via) · · , ,
  57. Introducing the “popover” API (by/via) · · , ,
  58. Future of CSS: Popover API (by) · · , ,
  59. File Upload Security and Malware Protection (by) · · , ,
  60. I Created 100+ Unique CSS Patterns (by) · · , ,
  61. You Don’t Need a Modal Window (by) · · ,
  62. Two Simple Layouts That Work Better With Grid (by) · · , ,
  63. Graph Slider (by) · ·
  64. Working With URLs With Vanilla JavaScript (by) · · ,
  65. 10 Ways to Boost Your Landing Page Conversion Rates (via) · · , ,
  66. Building a Modern Design System in Layers (by) · ·
  67. Be Careful Using “Menu” (by) · · , , ,
  68. Stop Rewriting Your CSS! Use “:not()” Instead (by/via) · · , , ,
  69. Why We’re Bad at CSS (by) · ·
  70. Visual-Design Principles and UX Design Best Practices (via) · · , , ,
  71. A Web Component Intro With Example · · , ,
  72. Building Offline-First Web Applications With Service Workers and IndexedDB (by) · · , , , , ,
  73. Beyond Design Systems for Interfaces: A Mega System of Design Systems · ·
  74. A Beginners Guide to Digital Accessibility (by) · · ,
  75. Server-Sent Events With Node.js (via) · · ,
  76. How to Build Lean Efficient Websites in 2023 (by) · · , , ,
  77. Creating a Shine Effect on a Card With Tailwind CSS (by) · · ,
  78. Using “linear()” for Better Animation (by) · · , ,
  79. Website Issues: On the Relevance of Audience Size and Impact (by) · · ,
  80. A New Approach to Measuring Developer Productivity (by) · · ,
  81. What Devs Can Do on Global Accessibility Awareness Day (by) · · ,
  82. Getting Started With View Transitions on Multi-Page Apps (by) · · , ,
  83. How to Create a Custom Range Slider Using CSS (by/via) · · , ,
  84. Write Better Code by Following These JavaScript Best Practices (by) · · ,
  85. Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (by/via) · · , ,
  86. Accessible Numbers (by) · · ,
  87. Release Notes for Safari Technology Preview 170 (by/via) · · , , ,
  88. 6 Tips for Improving Language Switchers on Ecommerce Sites (via) · · , , , ,
  89. ESLint Guide: How to Use It With Confidence (by/via) · · , , , ,
  90. Thinking on Ways to Solve Color Palettes (by/via) · · , , ,
  91. A History of Metaphors for the Internet (by/via) · · , ,
  92. Comparing Version Control Systems: Git, SVN, CVS, and More · · , , , ,
  93. Getting an Item an Array With a Negative Index With Modern JavaScript (by) · · ,
  94. It’ll Soon Be (Too) Easy to Develop a Website in A Day (via) · · , , ,
  95. Semantics and the “popover” Attribute: What to Use When? (by) · · , , ,
  96. Fieldsets, Legends, and Screen Readers Again (by/via) · · , , , , ,
  97. Why Your Design Language System Needs a Product Manager (via) · · ,
  98. Design Patterns Are a Better Way to Collaborate on Your Design System (by/via) · · , ,
  99. Vertical Rhythm Using CSS “lh” and “rlh” Units (by) · · ,
  100. State of Node.js Performance 2023 (by) · ·
  101. Why Is Web Accessibility Important? (by/via) · · ,
  102. GitHub Copilot and ChatGPT Alternatives (by) · · , ,
  103. I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (by) · · ,
  104. Conditional CSS With “:has” and “:nth-last-child” (by) · · ,
  105. Solving Media Object Float Issues With CSS Block Formatting Contexts (by/via) · · ,
  106. 10 Books to Improve Coding Skill in 2023 (by) · · , ,
  107. HTML Landmark Roles Screen Reader Demo (by/via) · · , , , , ,
  108. Using HTML Landmark Roles to Improve Accessibility (by/via) · · ,
  109. How to Handle Production Support When Using Scrum (by/via) · · , , ,
  110. Get Full Type Support With Plain JavaScript (via) · ·
  111. Let’s Share Our Salaries, Title, Location, XP · · ,
  112. CSS Art: Drawing a Coffee Stain (by) · · ,
  113. 7 Secret TypeScript Tricks Pros Use (by) · · ,
  114. The Problem With Disabled Buttons and What to Do Instead (by) · · , ,
  115. Error Message Guidelines (by+/via) · · , , ,
  116. Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (by/via) · · , , , , ,
  117. ES2023 Features (by) · ·
  118. Building a Frontend Framework—Reactivity and Composability With Zero Dependencies (by) · · , ,
  119. Respect Your Children (by/via) · · , ,
  120. Add Opacity to an Existing Color (by) · · ,
  121. Keeping Up With an Ever Changing Web (by/via) · · ,
  122. What Is “Fake Door” Testing in UX? (via) · · ,
  123. Building a Greener Web (by/via) · · , ,
  124. An Introduction to the Bun JavaScript Runtime (by/via) · · , ,
  125. Best Practices for All Developers (by) · ·
  126. Introduction to Screen‐Readers: VoiceOver macOS Edition (by) · · , , , , ,
  127. Introduction to Screen‐Readers: NVDA Edition (by) · · , , , ,
  128. Introduction to Screen‐Readers: JAWS Edition (by) · · , , , ,
  129. Regular Expressions in JavaScript (by/via) · · ,
  130. What’s New in CSS and UI: I/O 2023 Edition (by+/via) · · ,
  131. The JavaScript Ecosystem Is Delightfully Weird (by/via) · ·
  132. Introducing Baseline: A Unified View of Stable Web Features (by/via) · · , ,
  133. Baseline Features You Can Use Today (by/via) · · , ,
  134. Introducing Baseline (by/via) · · , ,
  135. Slow Design (via) · · ,
  136. Why an Engineering Manager Should Not Review Code (by/via) · · ,
  137. How to Optimize Web Responsiveness With Interaction to Next Paint (by+/via) · · , , ,
  138. The Difference Between Agile and UX Is Not About Quantity vs. Quality (by/via) · · , , ,
  139. Is Data Transfer the Best Proxy for Website Carbon Emissions? (by) · · ,
  140. Introducing INP to Core Web Vitals (via) · · , ,
  141. Advancing Interaction to Next Paint (by+/via) · · ,
  142. What’s New in Web Animations (by/via) · · ,
  143. What’s New in Web (by/via) · · , , ,
  144. The 9 Most Effective Core Web Vitals Opportunities of 2023 (by/via) · · , ,
  145. Developer Tools That Shouldn’t Be Secrets (by/via) · · , ,
  146. ES2023 Introduces New Array Copying Methods to JavaScript (by/via) · · , , ,
  147. Crafting a Modern Spotlight Effect With React and CSS (by) · · , ,
  148. See What’s New in Firefox [113.0] (via) · · , , ,
  149. How to Handle Emojis in Node.js (by) · · , , ,
  150. Design Systems [Are] a Mindset Not a Library (by/via) · ·
  151. Script Evaluation and Long Tasks (by/via) · · , ,
  152. The Ongoing Defence of Frontend as a Full-Time Job (by) · ·
  153. Optimize Input Delay (by/via) · · , ,
  154. Diagnose Slow Interactions in the Lab (by/via) · · ,
  155. Find Slow Interactions in the Field (by/via) · · , ,
  156. Rearrange/Animate CSS Grid Layouts With the View Transition API (by/via) · · , , ,
  157. How Large DOM Sizes Affect Interactivity, and What You Can Do About It (by/via) · · , , ,
  158. Client-Side Rendering of HTML and Interactivity (by/via) · · , ,
  159. An Introduction to Container Queries in CSS (by/via) · · , ,
  160. A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications (by/via) · · , , , ,
  161. Improving Web-Site Conversion Rates Through Better UX Design (via) · · , , ,
  162. Dithering (by) · · ,
  163. Speed Trap (by/via) · · , ,
  164. Proportional Design Systems With Proportio.app (by/via) · ·
  165. ShatGPT (by) · · ,
  166. Pay Attention to Web Performance Metrics to Improve the UX (by/via) · · , , , ,
  167. A Complete Guide to Usability Testing (by/via) · · , ,
  168. How to Configure Path Aliases in Frontend Projects in the Native Way · · , ,
  169. How Far Back in Time Can I Take My Website’s Design · · , , , ,
  170. The Problem With Sticky Menus and What to Do Instead (by) · · , ,
  171. Scaling Node.js Web Apps With Docker (by) · · , , ,
  172. Complete Guide on Playwright Visual Regression Testing (by/via) · · , , , ,
  173. Cron Job: A Comprehensive Guide for Beginners (via) · · ,
  174. Should the Confirmation Button Come First or Last? (via) · · ,
  175. The Image Sorting Experiment (by/via) · · , , ,
  176. htmx Is the Future (by) · · ,
  177. How “:not()” Chains Multiple Selectors (by/via) · · ,
  178. HTTP/1 vs. HTTP/2 vs. HTTP/3 (via) · · , ,
  179. Scroll-Driven Animations (by) · · , ,
  180. Speed Up or Slow Down a Video (by/via) · · , ,
  181. I’m Done With React (by) · · ,
  182. CSS Logical Properties: A Good Use Case (by) · · , ,
  183. How Do You Declare Namespace in JavaScript? · · ,
  184. Using Go for Front End Development (by/via) · ·
  185. Code Coverage vs. Test Coverage (via) · · , , ,
  186. GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (via) · · , ,
  187. React Testing Library and Accessibility (by) · · , , , ,
  188. 5 Best Practices to Sustainably Improve Core Web Vitals (by/via) · · , ,
  189. An Introduction to the “:has()” Selector in CSS (by/via) · · , ,
  190. The Intersectionality of Web Performance (by) · · , ,
  191. Angular v16 Is Here (by/via) · · ,
  192. Release Notes for Safari Technology Preview 169 (by/via) · · , , ,
  193. 7 Practical CSS Typography Tips and Tricks (by/via) · · , , ,
  194. The Latest Innovations in Drupal (by) · ·
  195. Detecting If an Event Was Triggered by a User or by JavaScript (by/via) · · ,
  196. How to Make a CSS-Only Hamburger Menu (by) · · , ,
  197. How to Write More Efficient JavaScript Conditions (via) · · , ,
  198. Security Implications of HTTP Response Headers (via) · · ,
  199. Make Your Website Load Fast by Optimizing Request Priorities (via) · · , ,
  200. Where Would You Take the W3C? (by) · · ,
  201. Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It (by/via) · · ,
  202. Don’t Use Custom CSS Scrollbars (by) · · ,
  203. developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years? (by) · · , ,
  204. The Simple Trick to Transition From Height “0” to “auto” With CSS (by) · · , , ,
  205. A Complete Guide to Performance Budgets (by/via) · · , , ,
  206. A/B Testing: A Primer · · , , ,
  207. CSS Naked Day and the Missing Wikipedia Page (by) · · , ,
  208. A Radical Proposal: Put UX Research in Charge (by/via) · · , , ,
  209. Creating an Animated Gradient Border With CSS (by) · · , , ,
  210. Why “font-size” Must Never Be in Pixels (by) · · , , ,
  211. Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (by) · · , , ,
  212. 3 Engineering Mistakes That Kill Startups (by) · · ,
  213. SupportsCSS (by) · · , , ,
  214. Do Logical Properties Make CSS Easier to Learn? (by) · · , ,
  215. An Update on the Lock Icon (by+/via) · · , ,
  216. Practical Guide to Not Blocking the Event Loop · · , , , ,
  217. 7 Things to Remove From Your Job Postings to Be More Inclusive (by/via) · · ,
  218. Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (by/via) · · , ,
  219. This Blog Is Hosted on My Android Phone (by) · · ,
  220. Tailwind CSS vs. UnoCSS (by) · · , , , ,
  221. Configuring ESLint, Prettier, and TypeScript Together (by) · · , , , , , ,
  222. What’s New in Svelte: May 2023 (by/via) · · , ,
  223. CSS Wishlist 2023 (by) · · ,
  224. “:root” Isn’t Global (by) · ·
  225. Testing Feature Support for Modern CSS (by) · · , ,
  226. CDNs: Speed Up Performance by Reducing Latency (by) · · ,
  227. 30th Anniversary of Licensing the Web for General Use and at No Cost (by/via) · · , , , ,
  228. My Favorite Free Courses to Learn JavaScript in Depth (by) · · , , ,
  229. Two Underused Arguments for Writing Documentation (by) · · , ,
  230. The Popover API Is Exciting, Sort Of (by) · · ,
  231. Dark Mode in 3 Lines of CSS and Other Adventures (by) · · ,
  232. Write Better CSS by Borrowing Ideas From JavaScript Functions (by/via) · · , , ,
  233. Everything You Need to Know About Webpack’s Bundle Analyzer (by) · · , ,
  234. A Beginner’s Introduction to the Most Common Data Types in Programming (via) · · , ,
  235. New to the Web Platform in April (by/via) · · , , , , , ,
  236. JS Private Class Fields Considered Harmful (by) · ·
  237. Rebuilding a Featured News Section With Modern CSS: Vox News (by) · · , , ,
  238. Animating the Impossible (by/via) · · , ,
  239. How to Deep Merge Arrays and Objects With JavaScript (by) · · , , ,
  240. Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (by) · · , , ,
  241. Modern CSS Layout Is Awesome! (by/via) · · , ,
  242. How to Manage Design Tokens (by) · · , ,
  243. The Most Underrated Section of Design Portfolios (by/via) · · ,
  244. What Is the Value of a Design System? (by/via) · ·
  245. Typography for Everyone (by/via) · · , ,
  246. Writing Unit Tests in Node.js Using Jest (by+/via) · · , ,
  247. Accessible Target Sizes Cheatsheet (by/via) · · ,
  248. Discovering the Power of JavaScript Proxy After All This Time (by) · ·
  249. The Most Important Thing Productivity Tools Are Missing About AI (by/via) · · , ,
  250. The Interactive Guide to Rendering in React (by/via) · · , ,