Frontend Dogma

News and Tools for Frontend Development (15)

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

  1. A Beginner’s Guide to Link and Text Accessibility · · , , ,
  2. Culture Is Stuck · · ,
  3. Junior Designers, Please Don’t Give In · · ,
  4. Fluid Typography: Predicting a Problem With Your User’s Zoom-In · · ,
  5. Why Do We Need Authorization and Authentication? · · , ,
  6. Overlapping Interactive Areas · · ,
  7. ICANN and the 7 Keys to the Internet · · , , , ,
  8. An Ultimate Guide on Sizing, Spacing, Grids and Layout in Web and UI/UX Design · · , , , ,
  9. Stashing Individual Files in Git · ·
  10. Styling a “pre” That Contains a “code” · · ,
  11. Understanding Design Tokens, from UX Tool to Production · · ,
  12. JavaScript Frameworks—Heading into 2023 · · ,
  13. Git in 10 Mins · ·
  14. Why Web Design Still Matters in 2023 · · ,
  15. 7 Tips for Improving Your Productivity With Git · · , ,
  16. How to Write an Awesome README · · , ,
  17. A Guide to Command-Line Data Manipulation · · ,
  18. Theme Toggles · · , , ,
  19. Shape Up · · ,
  20. How to [Set Up] Prettier · · ,
  21. A CSS Challenge: Skewed Highlight · · ,
  22. Building Inclusive Products for Trans People · ·
  23. The RUM Archive and Benford’s Law · ·
  24. CSS Subgrid · · ,
  25. What’s Wrong With Code in 2022? · · , ,
  26. Invisible Ink Effect With SVG Filters and CSS · · , , ,
  27. Deploying CSS Logical Properties on Web Apps · · , ,
  28. HTTP/3 Prioritization Demystified · · , ,
  29. Enforcing Better HTML Markup With Eleventy · · , , ,
  30. 11 Tips That Make You a Better TypeScript Programmer · · ,
  31. A Problem With Link Relationships · · , , ,
  32. User Stylesheets Are Still Pretty Great and Should Be More Widely Supported · · , ,
  33. 2022 CSS Updates · ·
  34. An Inclusive and Planet-Friendly Digital Style Guide · · , , , ,
  35. Obscure CSS: Restoring Visibility · · ,
  36. The 10 Cheapest Web Hosting Solutions in 2022 · · ,
  37. What Is the Difference Between Alternative Text, Long Description, and Caption? · ·
  38. Top 10 Accessibility News of 2022 · · ,
  39. Design System Fresh Bundling · · ,
  40. Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 · · , , ,
  41. A Theory of Web Relativity · · , ,
  42. Accessibility Convincing · · , , ,
  43. CSS Color Spaces and Relative Color Syntax · · ,
  44. A Complete Guide to Timeouts in Node.js · · ,
  45. Signals: The Nitty-Gritty · · , ,
  46. Building an Accessible Theme Picker With HTML, CSS, and JavaScript · · , , , ,
  47. 2022 Roundup of Web Research · · ,
  48. Billions of Unnecessary Files in GitHub · · ,
  49. React’s New Killer Documentation Focused Only on Functional Components · · ,
  50. Things CSS Could Still Use Heading into 2023 · · ,
  51. Quick Start for Evaluating and Testing Web Accessibility · · , ,
  52. The Intended Consequence of Inaccessible Digital Ads · · , ,
  53. Bad Performance Is Bad Accessibility · · ,
  54. Common Nesting Issues in HTML · · ,
  55. Foundations: Target Sizes · · ,
  56. The Top 10 Security Vulnerabilities for Web Applications · · ,
  57. Why We Hang Onto WordPress Nostalgia · ·
  58. Pointer Events · · , ,
  59. Useful Accessibility and Usability Examples to Help Improve Your Designs · · , ,
  60. Beating Latency on Scalemates.com · · ,
  61. Do You Know “color-scheme”? · · ,
  62. If You Are Afraid of AI, You May Not Be the Best UX Designer Out There · · , , ,
  63. Taking the Stress out of Design System Management · · ,
  64. The Performance Inequality Gap, 2023 · ·
  65. The Science of User Experience · · ,
  66. Interop 2022: End of Year Update · · , , ,
  67. Prevent Focused Elements from Being Obscured by Sticky Headers · · , , ,
  68. Concepts Behind Modern Frameworks · · ,
  69. Step into the Light (DOM) · · , ,
  70. Frontend Dogma + UITest.com = ❤️ · ·
  71. CSS Style Queries · · ,
  72. Mini-Guide to Add an Image · · ,
  73. How to Learn in Public · · , ,
  74. Lockfile Trick: Package an npm Project With Nix in 20 Lines · · ,
  75. HTML Dialog · · ,
  76. Cascade Layers · · ,
  77. Modern HTML as a Foundation for Progressive Enhancement · · ,
  78. Using Inline JavaScript Modules to Prevent CSS Blockage · · , ,
  79. 5 HTML Elements, and a Partridge in a Despair Tree · · , ,
  80. Apple, Google, and Mozilla Are Teaming Up to Make a Next-Gen Browser Benchmark · · , , ,
  81. Code Ownership and Software Quality · · ,
  82. CSS Infinite 3D Sliders · · , ,
  83. How to Find and Fix the Top 3 Accessibility Issues · · , , ,
  84. 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better · · , , ,
  85. An HTML-First Mental Model · · , ,
  86. CSS “image()” · ·
  87. ECMAScript Proposal: Iterator Helpers · · , ,
  88. Get That Marquee AeStHeTiC · · , ,
  89. Leaked a Secret? Check Your GitHub Alerts… for Free · · ,
  90. Select the Right Tool for the Job · ·
  91. A Guide for Making Apps Accessible · · ,
  92. So, You’d Like to Animate the “display” Property · · ,
  93. Accessibility Starts With an Organisation’s Culture · · ,
  94. CI/CD Tutorial for Developers · · , ,
  95. Logical Border Radius · · , ,
  96. Help Choose the Syntax for CSS Nesting · · ,
  97. Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) · · ,
  98. IDN Is Crazy · · ,
  99. Table Like It’s 2023 · · ,
  100. The Most Popular CSS-in-JS Libraries in 2022 · · , , ,
  101. View Transitions API · · ,
  102. The Web Platform Is Back · ·
  103. Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit · · , , ,
  104. Sophisticated Web Scraping With Bright Data · · , ,
  105. A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” · · , ,
  106. Get off the Main Thread With an Inline Web Worker: An Example · · , , ,
  107. A Few Times Container Size Queries Would Have Helped Me Out · · ,
  108. Design Deserves More Respect · ·
  109. Federal Web Accessibility Focus Has Private Sector on Notice · · ,
  110. New Viewport Units · · , ,
  111. One Day We’ll Have a Fully Customisable Select · · ,
  112. State of A11Y · · ,
  113. Top 5 Accessibility Issues in 2022 · · ,
  114. DOM Clobbering · · ,
  115. Five Myths About Digital Accessibility · · ,
  116. The Future of Design Tokens · · , ,
  117. Top 30 Linux Commands for Everyday Use · · ,
  118. WCAG 3.0: Are We There Yet? · · , ,
  119. Implement Scroll-Snapping Using Only CSS · · ,
  120. LCP(FE) · · ,
  121. There Can Be Only One: Options for Building “Choose One” Fields · · ,
  122. Conditional Wrapping in React · ·
  123. Dear Developer, Your Assumptions Are Wrong · ·
  124. Web Performance and Compression · · ,
  125. Inside the Mind of a Frontend Developer: Article Layout · · , ,
  126. WCAG—Priority of Constituencies · · ,
  127. CSS Infinite Slider Flipping Through Polaroid Images · · , ,
  128. How to Merge Objects in JavaScript · · , ,
  129. Improving SEO Without Knowing Where to Start · ·
  130. PHP 8.2.0 Release Announcement · ·
  131. Optimize Interaction to Next Paint · · , ,
  132. Enough With the Pointless Images · · , ,
  133. A Modern HTML Template (2022) · · ,
  134. Best PHP Books for Beginners · · , ,
  135. Meaningful Labels Using ARIA—or Not · · , , ,
  136. Testing for the Support of a Selector · · , ,
  137. W3C Publishes WCAG Testers Consistency List · · , ,
  138. The State of CSS 2022 · · ,
  139. JavaScript Polyfills for Interviews · · , ,
  140. W3C Design Tokens With Style Dictionary · ·
  141. A Practical Guide to CSS Media Queries · · , ,
  142. Accessibility: The Land That “Time to Interactive” Forgot · · , ,
  143. Accessible Front-End Patterns for Responsive Tables · · , ,
  144. Adding Complementary Performance Data to Your Site · · ,
  145. New npm Features for Secure Publishing and Safe Consumption · · , ,
  146. Take Full-Size Screenshots of Websites Without Any Tools in Chrome · · , , ,
  147. “mask-image” Lets You Do Some Really Cool Stuff · · , ,
  148. 4 More HTML Concepts You Didn’t Know · · , , ,
  149. Brief Note on Description List Support · · , , , ,
  150. Reading the Meter · · , ,
  151. Reduce Image Sizes by Removing Metadata · · , , ,
  152. The 411 on 4.1.1 · · , ,
  153. Website Accessibility Is Not an Afterthought · ·
  154. Swearing and Automatic Captions · · , ,
  155. Why You Should Be Using New CSS Features Today II · ·
  156. Bad UX Writing: 5 Mistakes to Avoid · · , ,
  157. How to Create Typography Guidelines for a Product That Does Not Follow a Design System · · , ,
  158. Does “www” Still Belong in URLs? · · ,
  159. Fast Is Good, Instant Is Better · · ,
  160. PHP Type Declarations—A Guide for Beginners · · ,
  161. Landmarks and Where to Put Them · · , , ,
  162. Amy Jiménez Márquez on Leading Information Architecture · · , ,
  163. Using SRI to Protect from Malicious JavaScript · · ,
  164. Super Useful CSS Resources · · , ,
  165. About Modern Sass · · ,
  166. Accessibility and MVPs · · ,
  167. Best APIs for Developers · ·
  168. “:has(:not())” vs. “:not(:has())” · · , ,
  169. Proximity: Gestalt Principle for User Interface Design · · , ,
  170. Prerender Pages in Chrome for Instant Page Navigations · · , , ,
  171. CSS Infinite and Circular Rotating Image Slider · · , ,
  172. You Don’t Need ARIA for That · · , ,
  173. 7 Website Performance Metrics to Track for Better UX · · , ,
  174. A Conversation With ChatGPT · · , , ,
  175. Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers · · , , ,
  176. From Type to Logotype · · , , ,
  177. Migrating from Vue 2 to Svelte · · , ,
  178. The Final Google Fonts Knowledge Drop of 2022 · · , ,
  179. Digging Deeper into Container Style Queries · · ,
  180. How to Transfigure Wireframes into HTML · · , , ,
  181. Design Spacing Tokens Semantically · · , , ,
  182. A Vibe Shift Is Coming · · , ,
  183. Apache .htaccess · · ,
  184. 10 Key Principles of User-Centered Design · · , , ,
  185. Counting Unique Visitors Without Using Cookies, UIDs, or Fingerprinting · · ,
  186. HTML Semantics and Accessibility Cheat Sheet · · , , ,
  187. Making Microservices Accessible · · ,
  188. “px” or “rem” in CSS? Just Use “rem” · · ,
  189. Tips for Typing Import Statements in JavaScript · ·
  190. Transient Frameworks · · ,
  191. Handling Images With Inconsistent Height in CSS · · ,
  192. Why You Should Be Using New CSS Features Today · ·
  193. WordPress Versions 3.7–4.0 No Longer Get Security Updates · · ,
  194. Which Images Need Descriptive Text? · · ,
  195. 5 Ways to Make Your JavaScript More Functional · · ,
  196. Convert Any Value to a Boolean in JavaScript · ·
  197. Tailwind Is a Leaky Abstraction · · ,
  198. The Large, Small, and Dynamic Viewport Units · · ,
  199. Stop Fighting With CSS Positioning · · , ,
  200. Organizing the Eleventy Config File · · ,
  201. Speeding Up the JavaScript Ecosystem—One Library at a Time · · , ,
  202. Color Formats in CSS · · ,
  203. Debugging Tactics · ·
  204. Making Accessibility Simpler in Higher Education and Beyond · · ,
  205. Newer Things to Know About Good Ol’ HTML Lists · · ,
  206. Testing Static Types in TypeScript · · ,
  207. We Document Our Design Systems—Why Don’t We Systematise our Documentation? · · ,
  208. Designing a Utopian Layout Grid: Working With Fluid Responsive Values in a Static Design Tool · · , ,
  209. Shadow DOM and Accessibility: The Trouble With ARIA · · , , , ,
  210. Advanced Web Font Optimization Techniques · · , ,
  211. Content May Be King, but Design Is Queen · · ,
  212. HTML Content Model Categories · · ,
  213. Three Pillars of User Delight · ·
  214. CSS for URLs and HTTP Headers · · , ,
  215. Upgrade Your HTML IV · · , , , ,
  216. NestJS with API Gateway · ·
  217. Basic Intro to Bulma CSS · · ,
  218. Addressing Concerns About CSS Speech · · ,
  219. Foundational Skills · ·
  220. A Guide to the Most Popular Types of APIs: REST, SOAP, GraphQL, and gRPC · · , ,
  221. Lazy Loading Images in HTML · · , ,
  222. Elements Can Be Visible Even Though Their Parent Has Set “visibility: hidden” · ·
  223. Growing Design System Documentation · · ,
  224. Positioning Notification Messages With Accessibility in Mind · · ,
  225. Forging Links · · , ,
  226. Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide · · , , ,
  227. Should Design Systems Include Problematic Components and Patterns? · · , ,
  228. The BBC’s 15 Web Principles—15 Years Later · · , ,
  229. Why Japan’s Internet Is Weirdly Designed · · ,
  230. Setting Up a Screen Reader Testing Environment on Your Computer · · , , , ,
  231. Git Is Not the End of History · · , ,
  232. The Shape-Shifting “a” Element · · , ,
  233. Accessibility and Inclusive Design Systems · · , , ,
  234. Preparing for WCAG 2.2 · · , ,
  235. The “label” Element · · ,
  236. Down With Design Systems Dogma · ·
  237. CSS “:is()”, “:where()”, “:has()”, and “:not()” · · ,
  238. Our Future CSS Strategy · · , ,
  239. Node.js Architecture Pitfalls to Avoid · · ,
  240. An Interactive Guide to Flexbox · · , ,
  241. Deploy Node.js to AWS: Build an Automated CI/CD Pipeline · · , , ,
  242. Natural Language Inputs · · ,
  243. The Value of Accessibility · · , ,
  244. Writing and Organizing Node.js API Tests the Right Way · · , ,
  245. Optimizing a Vue App · · , ,
  246. Improving Firefox Stability With This One Weird Trick · · , ,
  247. What Image Format Should You Use in Your Next Project? · ·
  248. Page Title Conventions · · , ,
  249. What Happened to Text Inputs? · · , ,
  250. DOJ and Congressional Updates on Digital Accessibility · · ,