Frontend Dogma

News and Tools for Frontend Development (6)

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

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