Frontend Dogma

News and Tools for Frontend Developers (15)

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

  1. Announcing TypeScript 5.2 (by/via) · · ,
  2. A More Intelligent and Secure Web (by/via) · · , , , , ,
  3. Use Web Components for What They’re Good At (by) · ·
  4. To Test or Not to Test, a Technical Perspective (by/via) · · , ,
  5. The Art of UX Writing (via) · · , ,
  6. Pros and Cons of Using Shadow DOM and Style Encapsulation (by) · · , ,
  7. How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (by/via) · · , , , ,
  8. How Organisations Respond to Accessibility Monitoring (via) · · ,
  9. Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (by/via) · · ,
  10. Block the Bots That Feed “AI” Models by Scraping Your Website (by) · · , ,
  11. A Few Interesting Ways to Use CSS Shadows for More Than Depth (by/via) · · , ,
  12. WebGlossary.info (by) · · , , , ,
  13. View Transitions Break Incremental Rendering (by) · · , ,
  14. Release Notes for Safari Technology Preview 177 (by/via) · · , , ,
  15. No One Actually Wants Simplicity (by) · · ,
  16. Debugging Speculation Rules (by/via) · · ,
  17. A Quick Introduction to CSS “@ scope” (by/via) · · , , , ,
  18. A Guide to Migrating From Webpack to Vite (by/via) · · , , ,
  19. Migrating From Color Styles to Local Variables in Figma (via) · · , ,
  20. Can We Truly “Create” Value? (by/via) · · ,
  21. Writing Component Specs (by) · · , ,
  22. Two Important New Roles for UX Designers in the Era of AI (via) · · , , ,
  23. All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 2024 (by) · · , ,
  24. The Ideal Viewport Doesn’t Exist (by+/via) · · ,
  25. Progressively Enhanced Form Validation: Validating a Checkbox Group (by/via) · · , ,
  26. Please Size Your Inline SVGs (by) · · ,
  27. Patterns for Reactivity With Modern Vanilla JavaScript (by/via) · · ,
  28. Changes Over the Last 25 Years of UX Research (by/via) · · , ,
  29. Bézier Curves (by+) · ·
  30. “We’re All Just Temporarily Abled” (by) · ·
  31. The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know (via) · · , ,
  32. How to Make an Impact as a Developer Advocate (by) · · , , ,
  33. 7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (by) · · , , ,
  34. Why htmx Does Not Have a Build Step (by/via) · · ,
  35. Styling Links and Buttons (by) · · , , ,
  36. Let’s Build a Website Using XML (by) · · ,
  37. Getting Started With SCSS—the CSS Preprocessor With Superpowers · · , ,
  38. Combining “:placeholder-shown” and “:has” (by) · · , ,
  39. Identifying, Fixing, and Preventing Cannibalization (by/via) · ·
  40. Scroll Shadows With “animation-timeline” (by) · · , ,
  41. React Props: A Visual Guide · · , ,
  42. React JSX (via) · · ,
  43. How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (by) · · , , , , , ,
  44. Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works · · , ,
  45. Being “Polite” Does Not Ensure Access (via) · · ,
  46. Adding a “Share to Mastodon” Link to Any Web Site (by) · · , , , ,
  47. A Beginner’s Guide to Using Pico CSS (by/via) · · ,
  48. A Deep Dive Into CSS “color-mix()” (by) · · , , ,
  49. XUL and HTML (by/via) · · , ,
  50. Why Do Users Prefer Certain Design? Insights From the Landscape Theory (via) · ·
  51. The New CSS Math: “round()” (by) · · ,
  52. Tabs Are Objectively Better Than Spaces (by) · · , ,
  53. How to Use the CSS “gap” Property (by/via) · · , ,
  54. “aria-haspopup” and Screen Readers (by) · · , , , ,
  55. Towards HTTPS by Default (by/via) · · , , , , ,
  56. Thinking on Ways to Solve Adaptive Typography (by/via) · · , , ,
  57. Getting Started in a New Codebase (by) · · , ,
  58. Four New CSS Features for Smooth Entry and Exit Animations (by+/via) · · , , , , ,
  59. CSS-Only Syntax Highlighting… With a Single Element and Gradients (by) · · , ,
  60. BEM Methodology Is Not About CSS (by) · · , ,
  61. Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (by) · · , ,
  62. A Better “setTimeout()” in JavaScript (by) · ·
  63. New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (by/via) · · , , , ,
  64. How Layout Position Impacts Three Big Web Performance Levers (by/via) · · ,
  65. CSS Selectors: A Visual Guide (by) · · , ,
  66. Beginner’s Guide to Lists and How to Make Them Accessible (via) · · , ,
  67. An Intro to the “dialog” Element (by) · · , , ,
  68. A Guide to Optimizing JavaScript Files (by/via) · · , , , , ,
  69. A Beginner’s Guide to SvelteKit (by/via) · · ,
  70. WebAssembly: Byte-Code of the Future (by) · ·
  71. Useable (by) · · ,
  72. Progressively Enhanced Form Validation: Layering in JavaScript (by/via) · · , , ,
  73. How to Test Mobile Apps on a Real Device Cloud (via) · · , ,
  74. Why Inclusive Language Matters in Coding (by/via) · · , , ,
  75. Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications · · , , ,
  76. Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (by/via) · · , ,
  77. Testing Your Animation Refresh Rate With CSS Crimes? (by) · · , ,
  78. An “alt” Decision Tree Using Only “:has()” (by) · · , ,
  79. dependency-time-machine (by) · · , , , ,
  80. Write About What You Learn—It Pushes You to Understand Topics Better (by) · · , , ,
  81. Sophisticated, Highly-Targeted Attacks Continue to Plague npm (via) · · ,
  82. Debugging Rules: Understand the System (by) · ·
  83. The Spectrum of Openness (by) · · , ,
  84. Supercharge Your HTML With WebC (by) · · , ,
  85. Nostalgia in UX Design (by) · · , ,
  86. Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (by/via) · · , , , ,
  87. Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (via) · · , ,
  88. OKLCH in CSS: Consistent, Accessible Color Palettes (by/via) · · , , , ,
  89. Deprecating the “unload” Event (by+/via) · · , , , ,
  90. WCAG 3.0: Further on Up the Road (by/via) · · , ,
  91. Create Direction-Aware Effects Using Modern CSS (by) · · , ,
  92. Google Tag Manager Performance: 9 Tips for Faster Site Speed (via) · · , , ,
  93. Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (by) · · , ,
  94. A Beginner’s Guide to CSS Grid Layout (by/via) · · , , ,
  95. An Introduction to the esbuild Bundler (by/via) · · , ,
  96. Node.js’s Config Hell Problem (by/via) · · , , , ,
  97. Progressively Enhanced HTML Accordion (by) · · , , ,
  98. It’s Time to End Damaging Website Design Practices That May Harm Your Users (via) · · , , , ,
  99. Defining Test Cases and Priorities (by/via) · ·
  100. My Experience Modernizing Packages to ESM (by) · · , ,
  101. What Happens When You Select “count(*)” in MySQL (by) · · ,
  102. What Does It Mean for Web Browsers to Have a Baseline (by/via) · · , ,
  103. UX Is Not Dead, It’s Just Misunderstood (by/via) · ·
  104. User-Adaptive Interfaces With “AccentColor” (by) · · ,
  105. OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (via) · · , ,
  106. Micro Benevolences (by/via) · · , , ,
  107. Lean UX and Agile: Study Guide (by/via) · · , , , , ,
  108. Definition of Done vs. Acceptance Criteria: What’s the Difference? (by/via) · · , , ,
  109. An Update on Chrome Security Updates—Shipping Security Fixes to You Faster (via) · · , , ,
  110. An Introduction to htmx, the HTML-Focused Dynamic UI Library (by/via) · · ,
  111. An Intro to State-Based UI With JavaScript (by) · · , ,
  112. 8 Common Heading Questions (via) · · , ,
  113. 200 Web-Based, Must-Try Web Design and Development Tools (by) · · ,
  114. A Guide to Single-Page Application Performance (via) · · , , , ,
  115. You Don’t Need a Mentor: Embracing the Power of Community (by/via) · · , ,
  116. Top 7 Things That Kill Developer Productivity (by) · · , , , , ,
  117. The Risks of Micro-Frontends (by/via) · · ,
  118. Some Tactics for Writing in Public (by) · · , ,
  119. Progressively Enhanced Form Validation: HTML and CSS (by/via) · · , , , ,
  120. OpenAI’s ChatGPT New Web Crawler—GPTBot (by/via) · · ,
  121. Migrating My Blog From Gatsby to Astro (by) · · , ,
  122. JSX Without React (by) · · ,
  123. How to Improve Performance of Your Database by Indexing Large Tables (by) · · , , ,
  124. Alt Text Hall of Fame (by/via) · · , , ,
  125. Responsive Images: DIY Implementation in 6 Steps (by) · · , ,
  126. Optimizing Speed on ebay.com (by) · · , , ,
  127. Scrolljacking 101 (via) · · ,
  128. Beautify Your Git Log With a Single Command (by) · · ,
  129. A Compilation of Outstanding Testing Articles (With JavaScript) (by/via) · · , ,
  130. Assistive Technology Shouldn’t Be a Mystery Box (by) · · , , , , ,
  131. Implementing Design Tokens: Colors (by) · · ,
  132. Insertion Sort: A Deep Dive (by) · · , ,
  133. How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (by) · · ,
  134. Things You Forgot (or Never Knew) Because of React (by) · · , ,
  135. The Next Generation of Web Layouts (by) · · , ,
  136. The Easy Intro to the APCA Contrast Method (by) · · , , , ,
  137. Route-Based Code Splitting With React (by) · · , ,
  138. How Google Measures Developer Productivity (by) · · , , , ,
  139. Finding My Blogging Path: Lessons From My Journey (by) · · , , , ,
  140. Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (by/via) · · , , , ,
  141. How Does Reflowing Content Affect People With Screen Magnification? (via) · · , , ,
  142. New DOJ Web Accessibility Regulation Is a Disaster (via) · · ,
  143. Prepare to Spy on a Method Added Dynamically (by) · · , , , ,
  144. How We Optimized Performance to Serve a Global Audience (by/via) · · , ,
  145. Contextual Form Errors and ARIA (by) · · , , ,
  146. An Overview of CSS Sizing Units (by/via) · · , ,
  147. A Blog Post With Every HTML Element (by) · · ,
  148. No Exit—Every Feed Is a Traffic Jam (by/via) · · , ,
  149. How to Use the CSS Grid “repeat()” Function (by/via) · · , , , ,
  150. What’s New in Svelte: August 2023 (by/via) · · , ,
  151. Why Isn’t “z-index” Working? (by+/via) · · ,
  152. Understanding React Server Components (by/via) · · ,
  153. Mixing Colors to Create Variants in CSS (by) · · ,
  154. Midori Browser Will Change Its Engine to Gecko (via) · · , ,
  155. I’m Betting on HTML · · ,
  156. Evading JavaScript Anti-Debugging Techniques (by/via) · · ,
  157. CSS and Accessibility: Inclusion Through User Choice (by/via) · · , , ,
  158. Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (by/via) · · , ,
  159. Accessibility of the Button: Should We Fix It or the Root Cause Problem? (via) · · , ,
  160. Why I No Longer Believe in Content Design (by/via) · · , ,
  161. What Happens When Developers Are Liable for Accessibility? (via) · · ,
  162. Tuesday, August 8, 2023 Security Releases (by/via) · · , ,
  163. The Virtual Keyboard API (by) · ·
  164. The Curious Case of “iff” and Overriding Screenreader Pronunciations (by) · · , , , ,
  165. Start by Writing Messy Code (by) · · ,
  166. Randomness in CSS Using Trigonometry (by) · · ,
  167. New to the Web Platform in July (by/via) · · , , , , , , , ,
  168. How to Earn High-Authority Links That Drive Rankings (by/via) · · , ,
  169. Front End Practice: Top 25+ JavaScript Code Best Practices for Development · · ,
  170. Contrast Checker Bookmarklet (via) · · , , ,
  171. Accessibility Represents Maturity (by) · · ,
  172. Should New Developers Use AI Coding Tools? (by) · · , , , ,
  173. Resume and Pause Animations in CSS (by) · · ,
  174. A Future of Themes With CSS Container Style Queries (by) · · , ,
  175. How “position: absolute” Works in CSS Grid (by/via) · · , , ,
  176. Run JavaScript/WASM in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey · · , ,
  177. Toggles Suck! (by/via) · · , , ,
  178. Mastering Git Shortcuts: A Guide to Git Aliases (by) · · , , ,
  179. If Web Components Are So Great, Why Am I Not Using Them? (by) · ·
  180. How to Define an Array of Colors With CSS (by/via) · · , , ,
  181. Do We Need WCAG 3 (Now)? (by) · · , ,
  182. Design Systems Management From Bottom–Up (by/via) · · ,
  183. The Web Development Glossary 3K (by/via) · · , , , ,
  184. You Probably Don’t Need “http-equiv” Meta Tags (by) · · , , ,
  185. What Is Platform Engineering (and What Is It Not)? (by) · ·
  186. The Future of Design Systems Is Semantic (by/via) · · , ,
  187. Speeding Up V8 Heap Snapshots (by/via) · · , , , ,
  188. Release Notes for Safari Technology Preview 175 (by/via) · · , , ,
  189. How to Make Your Captions and Audio Descriptions WCAG-Compliant (via) · · , , , , ,
  190. Complete Guide to Human-Computer Interaction (HCI) (via) · · ,
  191. Adapting Typography to User Preferences With CSS (by/via) · · , ,
  192. How I Name and Arrange My Color Variables in Figma (by) · · , ,
  193. The Joy of Simplicity in Web Development (by) · · ,
  194. Testing a Component’s Accessibility (via) · · , , ,
  195. Tailwind, and the Death of Web Craftsmanship · · , ,
  196. Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (via) · · , , , ,
  197. Is Jamstack Officially Finished? (by) · · , ,
  198. How to Use CSS “aspect-ratio” (by/via) · · ,
  199. Help Design the Inaugural “State of HTML” Survey (by) · · ,
  200. CrBug Release Indicator (by/via) · · , ,
  201. Be an Active Ally for Those Living With Disabilities (via) · · ,
  202. Solving the Accessibility Palette Riddle (by/via) · · , ,
  203. Application State Management With Angular Signals (by) · · , ,
  204. What to Do When Your Developers Don’t Collaborate (by/via) · · ,
  205. Web Accessibility in High-Risk Segments (by) · · , ,
  206. Vision for W3C (by/via) · · , , ,
  207. The Rise of Minimalism in Web Design: Less Is More (by/via) · · ,
  208. The Excellent Arc Browser Is Now Available for Anyone to Download (by/via) · · ,
  209. Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (via) · · ,
  210. Promises Training (by) · · , , ,
  211. Microservices vs. Micro Frontends: What’s the Difference? (by) · · , ,
  212. Fetching Data From an HTTP API With Python (by/via) · · , ,
  213. Combining Data With Multiple Fetch Requests (by) · · , ,
  214. Blockquotes in Screen Readers (by) · · , , , , ,
  215. Getting Started With Pico CSS (by/via) · · ,
  216. WebKit Features in Safari 16.6 (by/via) · · , , , ,
  217. Understanding the WCAG 3 Working Draft Update (by) · · ,
  218. The Problem With Auto-Generated Alternative Texts for Images (by) · · , ,
  219. The New “X” Button Doesn’t Close the Website · · , ,
  220. SVG Gradients: Solving Curved Challenges (via) · · , ,
  221. Securing the Web Forward: Addressing Developer Concerns in Web Security (by/via) · · , ,
  222. I Blame the W3C’s HTML Standard for Ordered Lists (by) · · ,
  223. Eleventy SMACSS (by) · · , ,
  224. Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (by) · · , ,
  225. Benefits of Integrating UX Into Your Overall Business Strategy (via) · · ,
  226. 6 Ways ChatGPT Can Improve Your SEO (by/via) · · , , ,
  227. 10 Simple CSS and JavaScript Micro-Interactions for Buttons (by/via) · · , , ,
  228. Using Imagery in Visual Design (by/via) · · , ,
  229. Good Code Is— (by) · · ,
  230. Effective Code Reviews (by) · · , , ,
  231. A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons · · , , ,
  232. Installing Multiple Versions of Node.js Using nvm (by+/via) · · ,
  233. Why Learning to Program Is Easier Now, but Also Way Harder Than Before (by) · · , , ,
  234. The Art of Looking Back: A Critical Reflection for Individual Contributors (by/via) · · , ,
  235. How SEOs and UX Designers Can Work Better Together (by/via) · · , , ,
  236. Enable Hover Conditionally in CSS (by) · ·
  237. CSP Testing Using Cypress (by) · · , ,
  238. Accessible Animated GIF Alternatives (by/via) · · , , , ,
  239. What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (by/via) · · , , , , , ,
  240. Web Content Accessibility Guidelines (WCAG) 2.2 (by+/via) · · , , ,
  241. We Deleted More Than 5,000 Pages From Our College Website—Here’s Why (by/via) · · , ,
  242. How to Use CSS “object-fit” and “object-position” (by/via) · · , ,
  243. Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (by) · · , , ,
  244. From Mid to Senior: Time Management and Prioritization (by) · · , ,
  245. Ember JS Essentials: A Beginner’s Guide (via) · · ,
  246. DX in the Frontend Developer Ecosystem (by/via) · · ,
  247. Design Systems: Avoiding Common Pitfalls (via) · ·
  248. CSS Cascade Layers (by+/via) · · , ,
  249. A Guide to Perfecting Pull Requests (by) · · , , ,
  250. User Input Sanitization and Validation: Securing Your App (by) · · , , ,