Frontend Dogma

News and Tools for Frontend Developers (22)

(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)

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