Frontend Dogma

News and Tools for Frontend Development (4)

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

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