Frontend Dogma

News and Tools for Frontend Development (12)

(Stay up-to-date on all topics by RSS feed or on Mastodon.)

  1. Optimize Time to First Byte · · ,
  2. “::backdrop” Doesn’t Inherit from Anywhere · ·
  3. Unlocking Security Updates for Transitive Dependencies With npm · · , , ,
  4. Don’t Target 100% Coverage · · ,
  5. Deep Cloning Objects in JavaScript, the Modern Way · · ,
  6. On-Scroll Typography Animations · · ,
  7. Accessible Writing Is Just Good Writing · · ,
  8. Discovering the Capable Web · ·
  9. Solved With “:has()”: Vertical Spacing in Long-Form Text · · ,
  10. CSS Tip: Style Your Radio Buttons and Checkboxes for Printing · · , , ,
  11. Front-End Is So Much More Than Building Designs · ·
  12. 6 Common SVG Fails (and How to Fix Them) · ·
  13. Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That · · ,
  14. Can a Bridge Be Unethical? · · ,
  15. The Storytelling Power of Simple Design Solutions · ·
  16. The Truth About CSS Selector Performance · · , ,
  17. Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages · · , ,
  18. Scalable CSS · · ,
  19. Using “:is()” in Complex Selectors Selects More Than You Might Initially Think · · ,
  20. Promises, Thenables, and Lazy-Evaluation: What, Why, How · · ,
  21. Quick Tip: How to Read a Local File With PHP · · , , ,
  22. Minimal Dark Mode Styling · · , ,
  23. Optimizing the Image Element LCP · · , ,
  24. A Better Way to Work With Number and Date Inputs in JavaScript · ·
  25. Greater Styling Control over Type With “initial-letter” · · ,
  26. CSS Nesting Is Coming · · ,
  27. Interactive SVG Reference · ·
  28. Complete Guide to Make You a Regex Guru · · ,
  29. The Only Markdown Cheatsheet You Will Ever Need · · ,
  30. Speeding Up the JavaScript Ecosystem—Module Resolution · · , ,
  31. Advanced Usage Patterns for Taking Page Element Screenshots With Playwright · · , ,
  32. 5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor · · ,
  33. Four Ways to Chop Up Arrays (with Vanilla JavaScript) · · ,
  34. Succeed as a Junior Developer · ·
  35. Foundations: Visible Focus Styles · · , ,
  36. 2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch · · , , ,
  37. Fixing a Memory Leak in a Production Node.js App · · ,
  38. Is TypeScript Worth It? · · ,
  39. Sibling Scopes in CSS, Thanks to “:has()” · · ,
  40. Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit · · , ,
  41. React, Vite, and TypeScript: Get Started in Under 2 Minutes · · , ,
  42. CSS Color Functions and Custom Properties · · , , ,
  43. Top Front-End Tools of 2022 · · ,
  44. Manual Accessibility Testing · · ,
  45. 11 Excellent WordPress Themes for 2023 · · ,
  46. JavaScript, Community · · ,
  47. The YAML Document from Hell · · ,
  48. Closed Captions and Subtitles UX · · , ,
  49. The Gotcha of Unhandled Promise Rejections · · ,
  50. The State of JavaScript 2022 · · ,
  51. “:has” Is an Unforgiving Selector · · ,
  52. How to Destructure Props in Vue (Composition API) · · , ,
  53. The Main Areas of WAI-ARIA · · ,
  54. 2023 Design Trends from an Accessibility Perspective · · , ,
  55. CSS “:readonly” Is Not for Select Fields · · ,
  56. D̶e̶s̶i̶g̶n̶ Token Clusters · ·
  57. Faking Min Width on a Table Column · · , , ,
  58. Versioning Design Systems: Best Practices · · , ,
  59. Why Not “document.write()”? · · ,
  60. Data-Driven Design Systems in Practice · ·
  61. Our Top Core Web Vitals Recommendations for 2023 · · , ,
  62. Set Up a React App With TypeScript in 5 Minutes · · , ,
  63. Data URLs and Pool in Your URL · · ,
  64. Quick Tip: How to Filter Data With PHP · · , ,
  65. 7 Principles of Design Psychology Every UX Designer Should Know · · , ,
  66. Clever Code Considered Harmful · · , ,
  67. Conditional CSS · ·
  68. Customizing HTML Form Validation · · , ,
  69. Node.js Retro 2022 · · ,
  70. A Software Developer’s Guide to Writing · · ,
  71. Implementing Microservice Architecture in Node.js · · , ,
  72. Building a Design System: Lessons Learned · · ,
  73. Styling Buttons in WordPress Block Themes · · , ,
  74. 7 Purpose-Driven UX Tips for Your Next Web-Site Redesign · · , ,
  75. Good Design Is Intentional · ·
  76. 3D in CSS · ·
  77. Best Node.js Schedulers · · ,
  78. OK LCH, I’m Convinced · · ,
  79. Personas Are Living Documents: Design Them to Evolve · · ,
  80. Intro to SolidJS: How to Create Fast, Reactive Web Apps · · , ,
  81. Using GitHub Copilot for Unit Testing · · , ,
  82. Stock Photos of People With Disabilities · · , ,
  83. Revolutionizing the Web With WebAssembly: A Comprehensive Guide · · ,
  84. A New Accessibility Strategy for the GOV.UK Design System · · , ,
  85. Design Systems in Practice · · ,
  86. Infinite Scrolling: When to Use It, When to Avoid It · · , ,
  87. 2022 JavaScript Rising Stars · · , , ,
  88. Why Web Performance Still Matters in 2023 · ·
  89. When to Use Flexbox and When to Use CSS Grid · · ,
  90. A Guide to Getting Data Visualization Right · · ,
  91. Using “!important” in Cascade Layers · · ,
  92. When Stakeholders Bypass the Product Owner · · , ,
  93. Understanding Git Through Images · ·
  94. Every Software Developer Should Write a Blog · · , ,
  95. How to Build Great HTML Form Controls · · , ,
  96. HTML With Superpowers: An Introduction to Web Components · · , , , , ,
  97. Progressively-Enhanced Dark Mode · · ,
  98. 5 Web Design Trends to Watch in 2023 · · ,
  99. What Does It Look Like for the Web to Lose? · · ,
  100. Creating Tokens for Your Design System With ChatGPT Assistance · · , ,
  101. CSS “:has()” Feature Detection With “@ supports(selector(…))”: You Want “:has(+ *)”, Not “:has(*)” · · , ,
  102. JAWS, NVDA, and VoiceOver Braille Viewers · · , , , , , , ,
  103. How to Increase Your Chances of Getting Interviews and Job Offers in Tech · · , ,
  104. Carry On Testing 2023 · · ,
  105. Cloning Arrays and Objects in Vanilla JavaScript · · , ,
  106. Conditional API Responses for JavaScript vs. HTML Forms · · , , , ,
  107. Quick Thoughts on Typeface and Font Accessibility · · , ,
  108. The Expanding Dark Forest and Generative AI · · , ,
  109. WAI–Adapt Explainer · ·
  110. 6 Predictions for Web Design in 2023 · · ,
  111. Measuring an Engineering Organization · · ,
  112. The State of Usability in 2023 · · , ,
  113. Microservices vs. Monolithic Architecture: A Practical Approach · · , , ,
  114. 17 Compelling Reasons to Start Ditching TypeScript Now · ·
  115. Priority Hints and Optimizing LCP · · , , ,
  116. 2022 Year In Review · · ,
  117. The State of Mobile User Experience · · , ,
  118. A Beginner’s Guide to Link and Text Accessibility · · , , ,
  119. Culture Is Stuck · · ,
  120. Junior Designers, Please Don’t Give In · · ,
  121. Fluid Typography: Predicting a Problem With Your User’s Zoom-In · · ,
  122. Why Do We Need Authorization and Authentication? · · , ,
  123. Overlapping Interactive Areas · · ,
  124. ICANN and the 7 Keys to the Internet · · , , , ,
  125. An Ultimate Guide on Sizing, Spacing, Grids and Layout in Web and UI/UX Design · · , , , ,
  126. Stashing Individual Files in Git · ·
  127. Styling a “pre” That Contains a “code” · · ,
  128. Understanding Design Tokens, from UX Tool to Production · · ,
  129. JavaScript Frameworks—Heading into 2023 · · ,
  130. Git in 10 Mins · ·
  131. Why Web Design Still Matters in 2023 · · ,
  132. How to Write an Awesome Readme · · ,
  133. 7 Tips for Improving Your Productivity With Git · · , ,
  134. A Guide to Command-Line Data Manipulation · · ,
  135. Theme Toggles · · , , ,
  136. Shape Up · · ,
  137. A CSS Challenge: Skewed Highlight · · ,
  138. Building Inclusive Products for Trans People · ·
  139. The RUM Archive and Benford’s Law · ·
  140. CSS Subgrid · · ,
  141. What’s Wrong With Code in 2022? · · , ,
  142. Invisible Ink Effect With SVG Filters and CSS · · , , ,
  143. Deploying CSS Logical Properties on Web Apps · · , ,
  144. HTTP/3 Prioritization Demystified · · , ,
  145. Enforcing Better HTML Markup With Eleventy · · , , ,
  146. 11 Tips That Make You a Better TypeScript Programmer · · ,
  147. A Problem With Link Relationships · · , , ,
  148. User Stylesheets Are Still Pretty Great and Should Be More Widely Supported · · , ,
  149. 2022 CSS Updates · ·
  150. An Inclusive and Planet-Friendly Digital Style Guide · · , , , ,
  151. Obscure CSS: Restoring Visibility · · ,
  152. The 10 Cheapest Web Hosting Solutions in 2022 · · ,
  153. What Is the Difference Between Alternative Text, Long Description, and Caption? · ·
  154. Top 10 Accessibility News of 2022 · · ,
  155. Design System Fresh Bundling · · ,
  156. Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 · · , , ,
  157. A Theory of Web Relativity · · , ,
  158. Accessibility Convincing · · , , ,
  159. CSS Color Spaces and Relative Color Syntax · · ,
  160. A Complete Guide to Timeouts in Node.js · · ,
  161. Signals: The Nitty-Gritty · · , ,
  162. Building an Accessible Theme Picker With HTML, CSS, and JavaScript · · , , , ,
  163. 2022 Roundup of Web Research · · ,
  164. Billions of Unnecessary Files in GitHub · · ,
  165. React’s New Killer Documentation Focused Only on Functional Components · · ,
  166. Things CSS Could Still Use Heading into 2023 · · ,
  167. Quick Start for Evaluating and Testing Web Accessibility · · , ,
  168. The Intended Consequence of Inaccessible Digital Ads · · , ,
  169. Bad Performance Is Bad Accessibility · · ,
  170. Common Nesting Issues in HTML · · ,
  171. Foundations: Target Sizes · · ,
  172. The Top 10 Security Vulnerabilities for Web Applications · · ,
  173. Why We Hang Onto WordPress Nostalgia · ·
  174. Pointer Events · · , ,
  175. Useful Accessibility and Usability Examples to Help Improve Your Designs · · , ,
  176. Beating Latency on Scalemates.com · · ,
  177. CSS Style Queries · ·
  178. Do You Know “color-scheme”? · · ,
  179. If You Are Afraid of AI, You May Not Be the Best UX Designer Out There · · , , ,
  180. Taking the Stress out of Design System Management · · ,
  181. The Performance Inequality Gap, 2023 · ·
  182. The Science of User Experience · · ,
  183. Interop 2022: End of Year Update · · , , ,
  184. Prevent Focused Elements from Being Obscured by Sticky Headers · · , , ,
  185. Concepts Behind Modern Frameworks · · ,
  186. Step into the Light (DOM) · · , ,
  187. Frontend Dogma + UITest.com = ❤️ · ·
  188. Mini-Guide to Add an Image · · ,
  189. How to Learn in Public · · , ,
  190. Lockfile Trick: Package an npm Project With Nix in 20 Lines · · ,
  191. HTML Dialog · · ,
  192. Cascade Layers · · ,
  193. Modern HTML as a Foundation for Progressive Enhancement · · ,
  194. Using Inline JavaScript Modules to Prevent CSS Blockage · · , ,
  195. 5 HTML Elements, and a Partridge in a Despair Tree · · , ,
  196. Apple, Google, and Mozilla Are Teaming Up to Make a Next-Gen Browser Benchmark · · , , ,
  197. Code Ownership and Software Quality · · ,
  198. CSS Infinite 3D Sliders · · , ,
  199. How to Find and Fix the Top 3 Accessibility Issues · · , , ,
  200. 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better · · , , ,
  201. An HTML-First Mental Model · · , ,
  202. CSS “image()” · ·
  203. ECMAScript Proposal: Iterator Helpers · · , ,
  204. Get That Marquee AeStHeTiC · · , ,
  205. Leaked a Secret? Check Your GitHub Alerts… for Free · · ,
  206. Select the Right Tool for the Job · ·
  207. A Guide for Making Apps Accessible · · ,
  208. So, You’d Like to Animate the “display” Property · · ,
  209. Accessibility Starts With an Organisation’s Culture · · ,
  210. CI/CD Tutorial for Developers · · , ,
  211. Logical Border Radius · · , ,
  212. Help Choose the Syntax for CSS Nesting · · ,
  213. Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) · · ,
  214. IDN Is Crazy · · ,
  215. Table Like It’s 2023 · · ,
  216. The Most Popular CSS-in-JS Libraries in 2022 · · , , ,
  217. View Transitions API · · ,
  218. The Web Platform Is Back · ·
  219. Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit · · , , ,
  220. Sophisticated Web Scraping With Bright Data · · , ,
  221. A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” · · , ,
  222. Get off the Main Thread With an Inline Web Worker: An Example · · , , ,
  223. A Few Times Container Size Queries Would Have Helped Me Out · · ,
  224. Design Deserves More Respect · ·
  225. Federal Web Accessibility Focus Has Private Sector on Notice · · ,
  226. New Viewport Units · · , ,
  227. One Day We’ll Have a Fully Customisable Select · · ,
  228. State of A11Y · · ,
  229. Top 5 Accessibility Issues in 2022 · · ,
  230. DOM Clobbering · · ,
  231. Five Myths About Digital Accessibility · · ,
  232. The Future of Design Tokens · · , ,
  233. Top 30 Linux Commands for Everyday Use · · ,
  234. WCAG 3.0: Are We There Yet? · · , ,
  235. Implement Scroll-Snapping Using Only CSS · · ,
  236. LCP(FE) · · ,
  237. There Can Be Only One: Options for Building “Choose One” Fields · · ,
  238. Conditional Wrapping in React · ·
  239. Dear Developer, Your Assumptions Are Wrong · ·
  240. Web Performance and Compression · · ,
  241. Inside the Mind of a Frontend Developer: Article Layout · · , ,
  242. WCAG—Priority of Constituencies · · ,
  243. CSS Infinite Slider Flipping Through Polaroid Images · · , ,
  244. How to Merge Objects in JavaScript · · , ,
  245. Improving SEO Without Knowing Where to Start · ·
  246. PHP 8.2.0 Release Announcement · ·
  247. Optimize Interaction to Next Paint · · , ,
  248. Enough With the Pointless Images · · , ,
  249. A Modern HTML Template (2022) · · ,
  250. Best PHP Books for Beginners · · , ,