Frontend Dogma

News and Tools for Frontend Development (18)

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

  1. Does “www” Still Belong in URLs? (via) · · ,
  2. Reading the Meter (by) · · , ,
  3. Fast Is Good, Instant Is Better (by/via) · · ,
  4. PHP Type Declarations—A Guide for Beginners (by) · · ,
  5. Landmarks and Where to Put Them (by) · · , , ,
  6. Amy Jiménez Márquez on Leading Information Architecture (by+/via) · · , ,
  7. Super Useful CSS Resources (by) · · , ,
  8. About Modern Sass (by/via) · · ,
  9. Using SRI to Protect From Malicious JavaScript (by) · · ,
  10. Accessibility and MVPs (by) · · ,
  11. Best APIs for Developers (by/via) · ·
  12. “:has(:not())” vs. “:not(:has())” (by) · · , ,
  13. Proximity: Gestalt Principle for User Interface Design (via) · · , ,
  14. Prerender Pages in Chrome for Instant Page Navigations (by/via) · · , , ,
  15. CSS Infinite and Circular Rotating Image Slider (by/via) · · , ,
  16. You Don’t Need ARIA for That (by) · · , ,
  17. 7 Website Performance Metrics to Track for Better UX (via) · · , ,
  18. A Conversation With ChatGPT (by) · · , , ,
  19. From Type to Logotype (by/via) · · , , ,
  20. Design Spacing Tokens Semantically (by) · · , , ,
  21. A Vibe Shift Is Coming (by+/via) · · , ,
  22. Apache .htaccess (by) · · ,
  23. The Final Google Fonts Knowledge Drop of 2022 (by) · · , ,
  24. Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (by/via) · · , , , ,
  25. Digging Deeper Into Container Style Queries (by/via) · · ,
  26. How to Transfigure Wireframes Into HTML (by) · · , , ,
  27. Migrating From Vue 2 to Svelte (via) · · , ,
  28. 10 Key Principles of User-Centered Design (via) · · , , ,
  29. Counting Unique Visitors Without Using Cookies, UIDs, or Fingerprinting (by/via) · · ,
  30. HTML Semantics and Accessibility Cheat Sheet (via) · · , , ,
  31. Making Microservices Accessible (by) · · ,
  32. “px” or “rem” in CSS? Just Use “rem” (by) · · ,
  33. Tips for Typing Import Statements in JavaScript (by) · ·
  34. Transient Frameworks (by) · · ,
  35. Handling Images With Inconsistent Height in CSS (by) · · ,
  36. Why You Should Be Using New CSS Features Today (by/via) · ·
  37. WordPress Versions 3.7–4.0 No Longer Get Security Updates (by/via) · · ,
  38. Which Images Need Descriptive Text? (by) · · ,
  39. 5 Ways to Make Your JavaScript More Functional (by/via) · · ,
  40. Convert Any Value to a Boolean in JavaScript (by) · ·
  41. Tailwind Is a Leaky Abstraction (by) · · ,
  42. The Large, Small, and Dynamic Viewport Units (by/via) · · ,
  43. Stop Fighting With CSS Positioning (by) · · , ,
  44. Organizing the Eleventy Config File (by) · · ,
  45. Speeding Up the JavaScript Ecosystem—One Library at a Time (by) · · , ,
  46. Color Formats in CSS (by) · · ,
  47. Debugging Tactics (by) · ·
  48. Making Accessibility Simpler in Higher Education and Beyond (by) · · ,
  49. Newer Things to Know About Good Ol’ HTML Lists (by/via) · · ,
  50. Testing Static Types in TypeScript (by) · · ,
  51. We Document Our Design Systems—Why Don’t We Systematise our Documentation? (by) · · ,
  52. Designing a Utopian Layout Grid: Working With Fluid Responsive Values in a Static Design Tool (by) · · , ,
  53. Shadow DOM and Accessibility: The Trouble With ARIA (by) · · , , , ,
  54. Advanced Web Font Optimization Techniques (by) · · , ,
  55. Content May Be King, but Design Is Queen (via) · · ,
  56. HTML Content Model Categories (by) · · ,
  57. Three Pillars of User Delight (by/via) · ·
  58. Upgrade Your HTML IV (by) · · , , , ,
  59. Basic Intro to Bulma CSS (by) · · ,
  60. CSS for URLs and HTTP Headers (by) · · , ,
  61. NestJS With API Gateway (by/via) · ·
  62. Addressing Concerns About CSS Speech (by) · · ,
  63. Foundational Skills (by) · ·
  64. A Guide to the Most Popular Types of APIs: REST, SOAP, GraphQL, and gRPC (by) · · , ,
  65. Lazy Loading Images in HTML (by) · · , ,
  66. Elements Can Be Visible Even Though Their Parent Has Set “visibility: hidden” (by) · ·
  67. Growing Design System Documentation (by) · · ,
  68. Positioning Notification Messages With Accessibility in Mind (by) · · ,
  69. Forging Links (by/via) · · , ,
  70. Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide (by/via) · · , , ,
  71. Should Design Systems Include Problematic Components and Patterns? (by) · · , ,
  72. The BBC’s 15 Web Principles—15 Years Later (by) · · , ,
  73. Why Japan’s Internet Is Weirdly Designed (by+/via) · · ,
  74. Setting Up a Screen Reader Testing Environment on Your Computer (by) · · , , , ,
  75. Git Is Not the End of History (by) · · , ,
  76. The Shape-Shifting “a” Element (by) · · , ,
  77. The Ultimate Error Message UX Writing Guide · · , , ,
  78. Preparing for WCAG 2.2 (by+/via) · · , ,
  79. The “label” Element (by) · · ,
  80. Down With Design Systems Dogma (by) · ·
  81. CSS “:is()”, “:where()”, “:has()”, and “:not()” · · ,
  82. Our Future CSS Strategy (by/via) · · , ,
  83. Node.js Architecture Pitfalls to Avoid (by/via) · · ,
  84. Accessibility and Inclusive Design Systems (by/via) · · , , ,
  85. An Interactive Guide to Flexbox (by) · · , ,
  86. Deploy Node.js to AWS: Build an Automated CI/CD Pipeline (by) · · , , ,
  87. The Value of Accessibility (by+/via) · · , ,
  88. Writing and Organizing Node.js API Tests the Right Way · · , ,
  89. Optimizing a Vue App (by/via) · · , ,
  90. Improving Firefox Stability With This One Weird Trick (by/via) · · , ,
  91. What Image Format Should You Use in Your Next Project? (by) · ·
  92. Page Title Conventions (by) · · , ,
  93. What Happened to Text Inputs? (by) · · , ,
  94. Natural Language Inputs (by) · · ,
  95. DOJ and Congressional Updates on Digital Accessibility (via) · · ,
  96. Less Design Leadership—More Design Authorship (by/via) · · ,
  97. What Is the Open Web? (via) · · ,
  98. Harnessing Groupthink: Fine-Tuning CSS Specifications (by/via) · · ,
  99. Taming the Cascade With BEM and Modern CSS Selectors (via) · · , , , ,
  100. 4 Mobile Must-Haves for a Modern UX Design Strategy (by/via) · · , , ,
  101. How to Use Huge Type on the Web (by) · · , ,
  102. A Guide to Keyboard Accessibility: JavaScript (by/via) · · , , ,
  103. Analyzing the Top 100 Retailers for Digital Accessibility (via) · · , ,
  104. Incorporating Accessible Design Elements Into Your Web Site (by/via) · · ,
  105. State of JavaScript 2022 (by/via) · · ,
  106. Brief Note on “aria-readonly” Support (by) · · , , , ,
  107. Today I Learned: The Subtle Art of Code Reviews (by) · · , ,
  108. Multidimensional Design Systems (by/via) · · ,
  109. Git Notes: Git’s Coolest, Most Unloved­ Feature (by) · ·
  110. An Introduction to the Design Tokens File Format (by+/via) · · , ,
  111. The Easiest Way to Get Started With CSS Grid (by/via) · · , ,
  112. How to Handle Unplanned Work in Scrum (by/via) · · , , ,
  113. The Ultimate Guide to Frontend Monitoring (by/via) · · ,
  114. Firefox-Only CSS (by) · · , , ,
  115. Style a Parent Element Based on Its Number of Children Using CSS “:has()” (by/via) · · ,
  116. Experimenting With Layering, Filtering, and Masking in CSS (by) · · , ,
  117. You Don’t Need HTML (by) · · , ,
  118. A Guide to Image Optimization on Jamstack Sites (by/via) · · , , , , , ,
  119. Back to Basics: What are Callbacks in JavaScript? (by/via) · · , ,
  120. An Interesting Limitation of CSS Custom Properties (by/via) · · ,
  121. CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly (by) · · ,
  122. Theory-Building and Why Employee Churn Is Lethal to Software Companies (by) · · ,
  123. Using Automated Test Results to Improve Accessibility (by+/via) · · , ,
  124. “vh”, “svh”, “lvh”, and “dvh” (by) · ·
  125. Spy On “window.postMessage” Calls (by) · · , ,
  126. Build and Deploy a Node.js Microservices Application (by) · · , ,
  127. Improving React Interaction Times by 4× (by/via) · · , ,
  128. 5 Insider Tips to Make Accessibility Part of Workflow (by/via) · · , ,
  129. “Not Secure” Warning for IE Mode (by) · · , , , ,
  130. Accessibility Is in Style—Styles and Style Guides (by/via) · · , , , , ,
  131. Building Conscious Design Systems (by) · ·
  132. The Best Programming Languages You Can Use for Web Development (via) · · ,
  133. The Heuristics of Neurodesign (by/via) · · ,
  134. Significant Improvements for Screen Readers Now in Nightly Firefox (by/via) · · , , , , ,
  135. 10 Topics You Must Know If You Want to Be a Web Developer—a Beginners Guide · · ,
  136. Visual Design: Breaking Into the Fourth Dimension of Experience Design (via) · · ,
  137. Your Accessibility Claims Are Wrong, Unless… (by) · · ,
  138. Web Sustainability Resources (by/via) · · ,
  139. Awesome Productivity Tools for Developers (by) · · ,
  140. A Guide to Keyboard Accessibility: HTML and CSS (by/via) · · , , , ,
  141. Content Strategy 101 (by/via) · · ,
  142. Git Cheat Sheet With 40+ Commands and Concepts (by) · · , ,
  143. The Evolution of Scalable CSS (via) · · , , ,
  144. The IndieWeb for Everyone (by) · · ,
  145. Don’t Disable the Zoom Functionality (by) · · ,
  146. CSS “:where()” “:is()” the Difference? (by) · · ,
  147. CSS Grid and Custom Shapes III (by/via) · · ,
  148. 10 Things I Wish I’d Known When Starting My Coding Journey (by) · ·
  149. When Our Tools Hold Us Back (by/via) · · , ,
  150. An Open Challenge (to Tech Event Organizers) (by) · ·
  151. Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! (by/via) · · , ,
  152. State of Design Systems 2022 Survey (via) · · ,
  153. What’s New in WCAG 2.2 (by/via) · · , , ,
  154. Why Your Backend in Node.js Needs an API Layer and How to Build It (by/via) · · , ,
  155. The Anatomy of “visually-hidden” (by/via) · · ,
  156. Easily Switch Between Different Node Versions Using nvm (by/via) · · , ,
  157. Node.js Security Best Practices (via) · · , ,
  158. A Brief and Probably Only Partially Correct History of CSS Nesting (by) · · , ,
  159. Accessfuturism: Digital Accessibility in 2032 (by/via) · · , ,
  160. CSS Timeline (by) · · , ,
  161. Cultivating Design Systems by Bringing Intention (by) · ·
  162. Designing for People Who Use a Mouse (by/via) · · ,
  163. Browsers, JSON, and “FormData” (by) · · , ,
  164. Foundations: Native Versus Custom Components (via) · · , ,
  165. Generating Slugs Using One Line of Code in JavaScript (by) · ·
  166. Is “CSS Engineer” Now a Job Position? (by) · · ,
  167. TypeScript With Node.js (by) · · ,
  168. What CSS Do You Absolutely Have to Know in 2022? (by/via) · ·
  169. Early Learnings for Early Hints at Shopify (by/via) · · , , ,
  170. How to Create the Perfect Hero Image for Your Portfolio Site (via) · · ,
  171. How to Improve User Experience and Wow Your Users (by/via) · · ,
  172. Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (by) · · , , , ,
  173. Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (via) · · , ,
  174. A Simpler Approach to Document and Web Accessibility (via) · ·
  175. Managing CSS Styles in a WordPress Block Theme (via) · · , , ,
  176. The Superpowers of Design Tokens (by/via) · · ,
  177. Why You Need to Monitor and Report on Accessibility—All the Time (via) · · , , ,
  178. Responsive Accessibility Using “visibility: hidden” (by) · · ,
  179. npm Security: Preventing Supply Chain Attacks (by/via) · · , ,
  180. Client-Side Routing Without the JavaScript (by/via) · · , ,
  181. Why Would Anyone Need JavaScript Generator Functions? (by) · · ,
  182. Using Data-Driven Analytics to Improve Your Site’s User Experience (via) · · , ,
  183. Creating a Design System Using Radix (by/via) · · ,
  184. Saved From Callback Hell (via) · · ,
  185. What Designers Can Learn From Apple’s New Accessibility Features (via) · · , ,
  186. Inside the Mind of a Frontend Developer: Hero Section (by) · · ,
  187. Too Much Efficiency Makes Everything Worse: Overfitting and the Strong Version of Goodhart’s Law (by) · · ,
  188. Visual Design in UX: Study Guide (via) · · , , , ,
  189. Accessibility “Gaps” in MVPs (by) · ·
  190. Writing Better Documentation (by) · · ,
  191. 5 Takeaways From Screen Reader Usability Interviews (by) · · , , ,
  192. An Animated Guide for Node.js Event Loop (by) · · , , ,
  193. 6 Steps to Improve HTML Images for Users and Developers (by) · · , , ,
  194. Minimal Dark Mode (by) · · , ,
  195. Ways to Improve Developer Onboarding on an Existing Codebase (by) · · ,
  196. Frontend Dogma on Mastodon (via) · ·
  197. See This Page Fetch Itself, Byte by Byte, Over TLS (by) · · , ,
  198. Caring About the World Wide Web (by/via) · · , , ,
  199. 7 Tactics That Benefit Both Accessibility and SEO (via) · · ,
  200. A Testing Strategy for Accessibility in New Apps (by) · · ,
  201. Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (by/via) · · ,
  202. The Best PHP Frameworks for 2022 (via) · · ,
  203. Speedy CSS Tip! Animated Gradient Text (by/via) · · ,
  204. 16 Rare HTML Tags You Really Should Know (by/via) · · ,
  205. Tips for Design System Component Pages (by) · · , , , ,
  206. Sustainable Web Design Reduces E-Waste (by/via) · ·
  207. A Deep Dive Into Accessible Notifications (by/via) · · , ,
  208. Progress Over Perfection: A Better Way to Accessibility (by) · · ,
  209. An Introduction to CSS Cascade Layers (by/via) · · , ,
  210. Design Management Toolbox: Non-Linear Professional Development (by/via) · · ,
  211. Next Steps for the W3C Web Accessibility Initiative (by/via) · · , ,
  212. Should Consistency Be a Goal of Design Systems? (by) · · ,
  213. Designing the Perfect Mobile Navigation UX (by/via) · · , ,
  214. Tips to Become a Great Software Engineer (by) · ·
  215. How to Start a Content Audit (via) · · , , , ,
  216. HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (by) · · , , ,
  217. Is Turbopack Really 10× Faster Than Vite? (by) · · , , ,
  218. An Overview of JavaScript Promises (by+/via) · · , ,
  219. The New CSS Media Query Range Syntax (by/via) · · ,
  220. TypeScript 5.0 Iteration Plan (by/via) · ·
  221. “aria-label” Is a Code Smell (by) · · , ,
  222. Intro to HTML-First Frontend Frameworks (via) · · , ,
  223. Why One Web Pioneer Thinks It’s Time to Reinvent the Browser (by/via) · · ,
  224. Folder Structure for Node.js and Express.js Project · · , ,
  225. My Divtober 2022 Drawings (by) · · ,
  226. Complexity and Caution (by) · · , ,
  227. 20+ Laravel Best Practices, Tips, and Tricks to Use in 2023 (by) · · , ,
  228. Screenshotting VoiceOver on macOS (by) · · , , , ,
  229. 5 Visual Treatments that Improve Accessibility (via) · · ,
  230. Hostile Patterns in Error Messages (by/via) · · , , ,
  231. Knowing What It’s Not (via) · · ,
  232. Do We Need an Interop for Assistive Technologies? (by) · · , , , ,
  233. 7 Shorthand Optimization Tricks Every JavaScript Developer Should Know (by) · · ,
  234. CSS Ellipsis for Single-Line and Multi-Line Text (by) · · ,
  235. How to Build, Test, and Publish a TypeScript npm Package in 2022 (by) · · , ,
  236. How to Create Advanced Animations With CSS (by/via) · · , ,
  237. All Designers Start as Copycats (and That’s OK) (by/via) · · ,
  238. Motion Controls in the Browser (by/via) · · , ,
  239. Practical CSS Guide for Busy Developers (by) · · ,
  240. React Concurrency, Explained (by) · · , ,
  241. Using HSL Colors in CSS (by/via) · · ,
  242. What Is a Realm in JavaScript? (by) · ·
  243. Why You Should Never Use “px” to Set “font-size” in CSS (by) · · ,
  244. How Flaky Tests Impact Developers (by) · · ,
  245. How to Communicate Effectively as a Developer (by) · · , , ,
  246. Type-Safe TypeScript With Type Narrowing (by/via) · · ,
  247. CSS Runtime Performance · · , ,
  248. Masked Gradient Dashed Lines (by) · · , ,
  249. Accessibility Beyond the “Obvious” (by) · ·
  250. Getting WCAG Color Contrast Right (by/via) · · , , ,