Frontend Dogma

News and Tools for Frontend Development (2)

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

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