Frontend Dogma

News and Tools for Frontend Development (5)

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

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