Frontend Dogma

News and Tools for Frontend Development (6)

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

  1. Change Management for Accessibility (toot or tweet) · · ,
  2. CSS Card Shadow Effects (toot or tweet) · · ,
  3. Design Principles for the Web (toot or tweet) · · , , ,
  4. Dialogs and Shadow DOM: Can We Make It Accessible? (toot or tweet) · · ,
  5. Should I Have Separate GitHub Accounts for Personal and Professional Projects? (toot or tweet) · · , , ,
  6. Simple CSS Solutions (toot or tweet) · · ,
  7. Software Engineering—The Soft Parts (toot or tweet) · ·
  8. Understanding the JavaScript Window Object (toot or tweet) · · ,
  9. Why You Shouldn’t Modify Scrum (toot or tweet) · · , ,
  10. Design System Maturity (toot or tweet) · · ,
  11. Designing the Perfect Button (toot or tweet) · · ,
  12. The Folly of Design System “Foundations” (toot or tweet) · ·
  13. The Smallest CSS (toot or tweet) · · ,
  14. What We’ve Learned from One Year of Real User Monitoring Data on GOV.UK (toot or tweet) · · , ,
  15. AbortController Is Your Friend (toot or tweet) · ·
  16. Modern JavaScript, 10 Things You Should Be Using, Starting Today (toot or tweet) · ·
  17. Better Scrolling Through Modern CSS (toot or tweet) · · ,
  18. 10 Do’s and Don’ts of Web Design in 2022 (toot or tweet) · · ,
  19. How We Think About Browsers (toot or tweet) · ·
  20. Make DevTools Pick Colors Outside of Chrome (toot or tweet) · · ,
  21. Measuring the Performance of Typefaces for Users II (toot or tweet) · · , ,
  22. Single Element Loaders: The Spinner (toot or tweet) · · ,
  23. State of the Vuenion 2022 (toot or tweet) · · ,
  24. The Many Definitions of Server-Side Rendering (toot or tweet) · ·
  25. Write HTML Right (toot or tweet) · · ,
  26. Design Systems; the Great Connector (toot or tweet) · ·
  27. The Future of Frontend Build Tools (toot or tweet) · ·
  28. How to Animate SVG Shapes on Scroll (toot or tweet) · · , ,
  29. How to Use Headings for Website Accessibility (toot or tweet) · · ,
  30. Inclusive User Research: Analysing Findings (toot or tweet) · · , ,
  31. JavaScript Hydration Is a Workaround, Not a Solution (toot or tweet) · · ,
  32. Mobile-First CSS: Is It Time for a Rethink? (toot or tweet) · · ,
  33. Patterns for Building JavaScript Websites in 2022 (toot or tweet) · · , ,
  34. Simplify Your Color Palette with CSS “color-mix()” (toot or tweet) · · , ,
  35. WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (toot or tweet) · · ,
  36. Aspects of Accessibility—Semantics, Contrast, and… Anxiety? (toot or tweet) · · , , ,
  37. Building Interoperable Web Components That Even Work with React (toot or tweet) · · , ,
  38. How to Create Dark Mode for Your Designs in Figma (toot or tweet) · · ,
  39. Mathematical Notation for JavaScript Developers Explained (toot or tweet) · · ,
  40. Meet Web Push (toot or tweet) · · , , ,
  41. Optimize the Use of “if–else” (toot or tweet) · ·
  42. Are You Ignoring Digital Accessibility at Your Job? (toot or tweet) · · ,
  43. Best Practices for Overlays (toot or tweet) · · , ,
  44. Shallow Copy and Deep Copy (toot or tweet) · ·
  45. Web Typography: Establishing a Strong Typographic System (toot or tweet) · ·
  46. Can I DevTools? (toot or tweet) · · , ,
  47. How to Use Variables in CSS (toot or tweet) · · ,
  48. Measuring the Performance of Typefaces for Users (toot or tweet) · · , ,
  49. Hamburger Footer: Reaching the Bottom of Infinite Scroll (toot or tweet) · · ,
  50. WCAG 3 Compliant? Check Again (toot or tweet) · · , ,
  51. Why Most Design Systems Implode (toot or tweet) · · ,
  52. A Brief History of Responsive Web Design (toot or tweet) · · ,
  53. Don’t Sink Your Website with Third Parties (toot or tweet) · · , ,
  54. Web Development Resources (toot or tweet) · · ,
  55. Dealing with Hover on Mobile (toot or tweet) · · , ,
  56. Declarative Design Systems (toot or tweet) · ·
  57. Do We Have a Lack of Developers or a False Assumption What the Job Is? (toot or tweet) · ·
  58. How to Pick the Least Wrong Colors (toot or tweet) · · , ,
  59. Monorepos in JavaScript and TypeScript (toot or tweet) · · , ,
  60. Obscure CSS: Implicit List-Item Counter (toot or tweet) · ·
  61. Useful Built-In Node.js APIs (toot or tweet) · · ,
  62. The Cicada Principle and Why It Matters to Web Designers (toot or tweet) · · ,
  63. Writing Useful Alt Text (toot or tweet) · · ,
  64. Checklist for Moderating a Usability Test (toot or tweet) · · , ,
  65. How Does Social Interaction Change in an Age of New Media? (toot or tweet) · · ,
  66. Interview with Léonie Watson (toot or tweet) · · ,
  67. Two Lines of CSS That Boosts 7× Rendering Performance (toot or tweet) · · , ,
  68. Understanding CSRF Attacks (toot or tweet) · ·
  69. 7 Tips to Improve Your TypeScript (toot or tweet) · · , ,
  70. JavaScript of Halftone Printing (toot or tweet) · · ,
  71. Just How Long Should Alt Text Be? (toot or tweet) · · ,
  72. You May Not Need a Bundler for Your npm Library (toot or tweet) · · ,
  73. 8 Shocking HTML Tips You Probably Don’t Know About (toot or tweet) · · ,
  74. How to Fix: “Buttons Do Not Have Accessible Names” (toot or tweet) · · ,
  75. Manage Accessible Design System Themes with CSS “color-contrast()” (toot or tweet) · · , ,
  76. npm Security Update_publication: Attack Campaign Using Stolen OAuth Tokens (toot or tweet) · · , , ,
  77. Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (toot or tweet) · · , ,
  78. The “Form” Element Created the Modern Web—Was It a Big Mistake? (toot or tweet) · · , ,
  79. The Story of the Custom Scrollbar Using CSS (toot or tweet) · · ,
  80. What npm Can Learn from Go (toot or tweet) · ·
  81. What’s the Alternative (Text)? (toot or tweet) · · ,
  82. A Perfect Table of Contents with HTML and CSS (toot or tweet) · · ,
  83. CSS: Absolutely Positioning Things Relatively (toot or tweet) · · ,
  84. Customizing Color Fonts on the Web (toot or tweet) · · , ,
  85. JavaScript Closures, Explained (toot or tweet) · ·
  86. Making Headers Sticky Using CSS for a Better Reading Experience (toot or tweet) · · , ,
  87. Single Page Applications (toot or tweet) · ·
  88. Understanding Weak Reference in JavaScript (toot or tweet) · ·
  89. Why Are Iframe Titles Important for Accessibility? (toot or tweet) · · , ,
  90. Advocating for Your Design System (toot or tweet) · ·
  91. Four Tradeoffs When Designing Navigation Menus (toot or tweet) · · ,
  92. How to Position Your Design System Team for Success (toot or tweet) · · , ,
  93. Inclusive Design 101 (toot or tweet) · · ,
  94. Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks (toot or tweet) · · , , ,
  95. 15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022 (toot or tweet) · · , , ,
  96. 5 Things I’d Want to See Improved in WordPress Core (toot or tweet) · ·
  97. A Guide to Writing Industry Standard Git Commit Messages (toot or tweet) · · , ,
  98. Dialog Components: Go Native HTML or Roll Your Own? (toot or tweet) · · ,
  99. Lesser-Known and Underused CSS Features in 2022 (toot or tweet) · ·
  100. Accessibility from Different Perspectives (toot or tweet) · ·
  101. The Balance Has Shifted Away from SPAs (toot or tweet) · ·
  102. First Look at the CSS “object-view-box” Property (toot or tweet) · ·
  103. Fun with CSS Combinators (toot or tweet) · · ,
  104. Triaging WCAG 2.1 Level AAA (toot or tweet) · · , ,
  105. 4 Web Accessibility Remediation Mistakes to Avoid (toot or tweet) · ·
  106. Accessibility Not-Checklist (toot or tweet) · · , ,
  107. Automate Accessibility Tests with Storybook (toot or tweet) · · , , ,
  108. Let’s Make Accessibility Boring Again (toot or tweet) · ·
  109. Patterns (toot or tweet) · · , ,
  110. React Accessibility Resources (toot or tweet) · · , ,
  111. React Hooks Best Practices in 2022 (toot or tweet) · · ,
  112. The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure (toot or tweet) · · , , , ,
  113. Thinking Colors: Balancing Between Visual and Abstract (toot or tweet) · ·
  114. Use @ supports At-Rule for Feature Detection in CSS (toot or tweet) · · , , ,
  115. Web Accessibility Is Broken—It’s Time to Fix It (toot or tweet) · · ,
  116. Web Development === Accessibility (toot or tweet) · ·
  117. What We Can Learn from Remix (toot or tweet) · · ,
  118. Building a Button Component (toot or tweet) · · , , , ,
  119. Conditionally Loading CSS or Any Resource Using Media Queries (toot or tweet) · · , ,
  120. How to Ask for a Promotion (toot or tweet) · ·
  121. Quick and Dirty Text Diffing (toot or tweet) · ·
  122. RFC 9239: Updates to ECMAScript Media Types (toot or tweet) · · ,
  123. The Rise and Fall of Neumorphism (toot or tweet) · ·
  124. How the HTML “lang” Attribute Helps Accessibility (toot or tweet) · · , ,
  125. Reduce Array of Objects to an Object in JavaScript (toot or tweet) · · , ,
  126. The Forgotten Benefits of “Low Tech” User Interfaces (toot or tweet) · ·
  127. The Modern Way to Create and Host a WordPress Site (toot or tweet) · · , ,
  128. UI and UX Micro-Tips (toot or tweet) · · , ,
  129. WCAG 2.2 and WCAG 3 Status Updates (toot or tweet) · · , ,
  130. 24×24 Pixel Cursor Bookmarklet (toot or tweet) · · , , ,
  131. 9 Ways to Design Inclusive Content (toot or tweet) · · ,
  132. An Affordable Work-from-Home Setup for Remote Workers (toot or tweet) · ·
  133. Building a Design System with Eleventy (toot or tweet) · · ,
  134. Color Alignment for Multiple Design Systems (toot or tweet) · · ,
  135. Peering into the Accessibility of Dark Mode (toot or tweet) · · ,
  136. Quick Tip: You Might Not Need “calc()” (toot or tweet) · · ,
  137. Rethinking Server-Timing as a Critical Monitoring Tool (toot or tweet) · · , , ,
  138. The Era of Rebellious Web Design Is Here (toot or tweet) · ·
  139. Unexpectedly HTTPS? (toot or tweet) · · ,
  140. Unpack Arrays Conditionally in PHP (toot or tweet) · · ,
  141. Web Applications 101 (toot or tweet) · · ,
  142. :where() :is() :has()? New CSS Selectors That Make Your Life Easier (toot or tweet) · · ,
  143. More Common Accessibility Issues That You Can Fix Today (toot or tweet) · ·
  144. Personas vs. Archetypes (toot or tweet) · · , , , ,
  145. Call to Action Examples (toot or tweet) · · ,
  146. Keyboard Testing: The A11y Enhancement to Your Definition of Done (toot or tweet) · · ,
  147. A Designer’s Journey of Ignorance, Resentment, and Wisdom (toot or tweet) · ·
  148. Cool Hover Effects That Use CSS Text Shadow (toot or tweet) · · ,
  149. Does Javascript Make My Site Less Accessible? (toot or tweet) · · , ,
  150. Don’t Fight the Browser Preload Scanner (toot or tweet) · · , , ,
  151. Master the “:nth-child()” Pseudo-Class (toot or tweet) · · , ,
  152. Bringing Page Transitions to the Web (toot or tweet) · · , ,
  153. Debugging Accessibility with Chrome DevTools (toot or tweet) · · , , ,
  154. How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (toot or tweet) · · , , ,
  155. Light and Dark Mode in Just 14 Lines of CSS (toot or tweet) · · ,
  156. Tokens as Intents (toot or tweet) · · , ,
  157. W3C TAG Ethical Web Principles (toot or tweet) · · , ,
  158. Bridging the Gap (toot or tweet) · · ,
  159. Designing for Web Accessibility in 60 Seconds (toot or tweet) · ·
  160. Divs Are Bad! (toot or tweet) · · ,
  161. How to Learn JavaScript Fast: Six Simple Mind Tricks (toot or tweet) · · , ,
  162. On Design Thinking (toot or tweet) · ·
  163. State of CSS 2022 (toot or tweet) · ·
  164. Why WCAG 2.2 Is Still in the Oven (toot or tweet) · · ,
  165. XHTML Syntax Is Still Worth Using (toot or tweet) · ·
  166. 2 Approaches to Accessibility on the Web (toot or tweet) · · ,
  167. Cron Jobs: A Comprehensive Guide (toot or tweet) · · , ,
  168. Magical SVG Techniques (toot or tweet) · · , ,
  169. The Complete Modern React Developer 2022 (toot or tweet) · ·
  170. Under the Hood: React vs. Vue vs. Svelte (toot or tweet) · · , , , ,
  171. You Don’t Need “void 0” (toot or tweet) · ·
  172. A Different View into Accessibility Overlays (toot or tweet) · · , , , ,
  173. A Management Maturity Model for Performance (toot or tweet) · ·
  174. Frontend Versus Backend Web Development (toot or tweet) · ·
  175. Learn HTML [and] CSS (toot or tweet) · · , ,
  176. Performance Game Changer: Browser Back/Forward Cache (toot or tweet) · · , , ,
  177. Reinventing W3C Governance (toot or tweet) · · ,
  178. “Someone Should Build X for the Web”—Why Not You? (toot or tweet) · ·
  179. The Road to Universal JavaScript (toot or tweet) · ·
  180. Understanding User Behaviors Across Surfaces (toot or tweet) · ·
  181. Why SEO Is a Great Investment, Not Just a Cost (toot or tweet) · · ,
  182. My Opinion on What Makes a Good Code Review (toot or tweet) · · ,
  183. What’s Your Heading? (toot or tweet) · · , ,
  184. Scaling CSS Layout Beyond Pixels (toot or tweet) · · , ,
  185. How to Use the GitHub Pulls API to Manage Pull Requests (toot or tweet) · · ,
  186. Learn CSS Subgrid (toot or tweet) · · ,
  187. Top 2021 CSS Frameworks Report: Validation (toot or tweet) · · , , , ,
  188. 12 Modern CSS Techniques for Older CSS Problems (toot or tweet) · · , ,
  189. A Guide to Writing About Digital Accessibility (toot or tweet) · · , ,
  190. Fetch API Is [the] New Old Version of AJAX (toot or tweet) · · ,
  191. Get to Know Your Browser’s Performance Profiler (toot or tweet) · · , ,
  192. How to Use Videos with Alpha Transparency on the Web (toot or tweet) · · ,
  193. Master Higher-Order Functions in JavaScript (toot or tweet) · ·
  194. Please, Stop Disabling Zoom (toot or tweet) · · ,
  195. Practical Use Cases for “:has()” Pseudo-Class (toot or tweet) · · , ,
  196. Resilience, Flexibility, and Immediacy: Working with Headless Systems (toot or tweet) · · ,
  197. Design Patterns: How to Create Simple Interfaces (toot or tweet) · · ,
  198. Designing a Better Language Selector (toot or tweet) · · , , ,
  199. Developing a Low-Touch Adoption Strategy for a New Design System (toot or tweet) · · ,
  200. How Not to Do Accessible Design (toot or tweet) · · , ,
  201. JavaScript Containers (toot or tweet) · · ,
  202. The Evolution of WCAG: A Postcard from the Front Lines (toot or tweet) · · , , ,
  203. 5 Simple Productivity Tips for Developers (toot or tweet) · · ,
  204. Contextual Spacing for Intrinsic Web Design (toot or tweet) · · , ,
  205. How to Create a Color Palette for Your Design System (toot or tweet) · · ,
  206. In Defence of the Single Page Application (toot or tweet) · ·
  207. It’s Time We Fix the Unethical Design of Cookie Consent Windows (toot or tweet) · · , , ,
  208. Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? (toot or tweet) · · , , ,
  209. Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser (toot or tweet) · · , ,
  210. Why I Don’t Miss React: A Story About Using the Platform (toot or tweet) · ·
  211. You Don’t Need a UI Framework (toot or tweet) · · , ,
  212. 8 JavaScript Quiz [Questions] That May Confuse You (toot or tweet) · · ,
  213. Creating Realistic Reflections with CSS (toot or tweet) · · ,
  214. Deep Dive into Text Wrapping and Word Breaking (toot or tweet) · ·
  215. Ethical Design Network (toot or tweet) · · , ,
  216. If Design Principles Are for Designs, Then Design Values Are for Designers (toot or tweet) · · ,
  217. Writing Better CSS (toot or tweet) · · , ,
  218. Design System Documentation Best Practices (toot or tweet) · · , ,
  219. Under-Engineered Multi-Selects (toot or tweet) · · , ,
  220. Creating a Firework Effect with CSS (toot or tweet) · · ,
  221. How to Reduce Figma Memory Usage (toot or tweet) · ·
  222. Foundations: Lists (toot or tweet) · · ,
  223. How Web Browsers Work: Parsing the CSS (toot or tweet) · · , ,
  224. Best Practices for Integrating Content Design in Your Design System (toot or tweet) · · , , ,
  225. Common Frontend Interview Questions I’ve Been Asked (toot or tweet) · · , ,
  226. CTA Modal: How to Build a Web Component (toot or tweet) · · ,
  227. How to Build Node.js REST API with MySQL (toot or tweet) · · , , ,
  228. Introducing “inert” (toot or tweet) · · ,
  229. Let’s Keep the “Content” in WCAG (toot or tweet) · · , ,
  230. My Browser Support Strategy (toot or tweet) · · , , ,
  231. Server-Side vs. Client-Side Analytics (toot or tweet) · · ,
  232. The Complete Guide to Regular Expressions (Regex) (toot or tweet) · · ,
  233. The CSS Art Paradox (toot or tweet) · · , , ,
  234. Understanding the Performance Impact of Anti-Flicker Snippets (toot or tweet) · · ,
  235. A Practical Guide to Aspect Ratio in CSS (toot or tweet) · · , ,
  236. Cool Hover Effects That Use Background Properties (toot or tweet) · · , ,
  237. Learn to Code with JavaScript: The Most Popular Programming Language on Earth (toot or tweet) · · ,
  238. Stop Removing Focus (toot or tweet) · · ,
  239. The 5 Golden Rules of Code Reviews (toot or tweet) · · , ,
  240. A Guide to Task-Based UX Metrics (toot or tweet) · · , ,
  241. Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (toot or tweet) · · , , ,
  242. Deploy Your First Website Without Leaving Your IDE (toot or tweet) · ·
  243. Flexibly Centering an Element with Side-Aligned Content (toot or tweet) · · ,
  244. Is Measuring Speed a Useful Metric for Design Systems? (toot or tweet) · · , , ,
  245. Non-Interactive Elements with the “inert” Attribute (toot or tweet) · · ,
  246. Plain Old Semantic HTML: A Perfect Basis for Accessibility (toot or tweet) · · , ,
  247. 11 Steps to Keep Figma Clean (toot or tweet) · · , ,
  248. 16 Top Design Trends for 2022 (toot or tweet) · · ,
  249. 8 Ways to Make Website Accessibility Easier (and Less Expensive) (toot or tweet) · ·
  250. 9 Useful Principles of UX Design (toot or tweet) · · , ,