<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>Yudi — Writing</title><description>Yudi (YDST) is a front-end developer with 8 years and 30+ shipped projects, focused on React, Next.js and Astro. Based in South Jakarta.</description><link>https://ydst.dev/</link><language>en</language><item><title>Stay Up-to-Date with Modern JavaScript</title><link>https://ydst.dev/posts/stay-up-to-date-with-modern-java-script/</link><guid isPermaLink="true">https://ydst.dev/posts/stay-up-to-date-with-modern-java-script/</guid><description>Frontend development evolves rapidly. Keep your skills sharp by staying up-to-date with modern JavaScript features and libraries. Explore ES6, ES7, and beyond, and consider using tools like Babel to ensure compatibility with older browsers.</description><pubDate>Mon, 11 Sep 2023 00:00:00 GMT</pubDate></item><item><title>Debugging Like a Pro with DevTools</title><link>https://ydst.dev/posts/debugging-like-a-pro-with-dev-tools/</link><guid isPermaLink="true">https://ydst.dev/posts/debugging-like-a-pro-with-dev-tools/</guid><description>Master your browser&apos;s developer tools (DevTools) for efficient debugging. Learn how to set breakpoints, inspect elements, and use the Console to identify and fix issues in your JavaScript and CSS code. Debugging is a crucial skill for every frontend developer.</description><pubDate>Sun, 27 Aug 2023 00:00:00 GMT</pubDate></item><item><title>Enhance User Experience with Smooth Animations</title><link>https://ydst.dev/posts/enhance-user-experience-with-smooth-animations/</link><guid isPermaLink="true">https://ydst.dev/posts/enhance-user-experience-with-smooth-animations/</guid><description>Adding subtle animations to your web pages can greatly enhance user experience. Explore CSS transitions and keyframes to create smooth animations for hover effects, loading spinners, and more. Keep them lightweight for optimal performance.</description><pubDate>Sat, 26 Aug 2023 00:00:00 GMT</pubDate></item><item><title>Master the Art of CSS Flexbox</title><link>https://ydst.dev/posts/master-the-art-of-css-flexbox/</link><guid isPermaLink="true">https://ydst.dev/posts/master-the-art-of-css-flexbox/</guid><description>CSS Flexbox is a powerful layout system that simplifies complex layouts. Learn how to use `display: flex` and its properties to create responsive and flexible designs. It&apos;s a game-changer for aligning and distributing content.</description><pubDate>Fri, 25 Aug 2023 00:00:00 GMT</pubDate></item><item><title>Optimize Your Images for Faster Loading</title><link>https://ydst.dev/posts/optimize-your-images-for-faster-loading/</link><guid isPermaLink="true">https://ydst.dev/posts/optimize-your-images-for-faster-loading/</guid><description>When building a website, optimizing images is crucial for improving page load times. Use tools like ImageMagick or TinyPNG to compress and resize images without sacrificing quality. Remember to use modern image formats like WebP for even better performance.</description><pubDate>Thu, 24 Aug 2023 00:00:00 GMT</pubDate></item></channel></rss>