--- title: "Kieran Roberts (@kieran6roberts) | Hashnode" description: "Software Engineer | Ex Hashnode. Read the latest articles by Kieran Roberts on Hashnode." url: "https://hashnode.com/@kieran6roberts" --- @kieran6roberts # Kieran Roberts @kieran6roberts · Galway, Ireland · Joined February 2021 Software Engineer | Ex Hashnode [Website](https://kieranroberts.dev/) ### [cvrsnap.com: Blog post cover image creator to help you publish quicker](https://blog.kieranroberts.dev/cvrsnapcom-blog-post-cover-image-creator?utm_source=hashnode&utm_medium=feed) Create custom blog post cover images quickly with CvrSnap. Save time designing and publish faster with this free online tool 15 min read · [blog.kieranroberts.dev](https://blog.kieranroberts.dev/cvrsnapcom-blog-post-cover-image-creator?utm_source=hashnode&utm_medium=feed) [3](https://hashnode.com/posts/cvrsnapcom-blog-post-cover-image-creator/679c840a67f5399b129ffa33) [Jan 31, 2025](https://hashnode.com/posts/cvrsnapcom-blog-post-cover-image-creator/679c840a67f5399b129ffa33) ### [5 Simple Tips/Good Practises to Level Up Your React Codebase](https://blog.kieranroberts.dev/5-tips-to-level-up-your-react-codebase?utm_source=hashnode&utm_medium=feed) 5 simple React tips and good practises: improve maintainability, reusability, performance, and project management effectively 11 min read · [blog.kieranroberts.dev](https://blog.kieranroberts.dev/5-tips-to-level-up-your-react-codebase?utm_source=hashnode&utm_medium=feed) [Jan 23, 2025](https://hashnode.com/posts/5-tips-to-level-up-your-react-codebase/67924cf074dca1fc4e874ea6) ### [kieranroberts.dev: My New Dev Portfolio Built With Astro, TailwindCSS, and TypeScript](https://blog.kieranroberts.dev/kieranrobertsdev-my-new-dev-portfolio-built-with-astro-tailwindcss-and-typescript?utm_source=hashnode&utm_medium=feed) A case study on building my developer portfolio 'kieranroberts.dev' using Astro, TailwindCSS, and TypeScript. 8 min read · [blog.kieranroberts.dev](https://blog.kieranroberts.dev/kieranrobertsdev-my-new-dev-portfolio-built-with-astro-tailwindcss-and-typescript?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/kieranrobertsdev-my-new-dev-portfolio-built-with-astro-tailwindcss-and-typescript/678900ac720131c33fa1196a) [Jan 16, 2025](https://hashnode.com/posts/kieranrobertsdev-my-new-dev-portfolio-built-with-astro-tailwindcss-and-typescript/678900ac720131c33fa1196a) ### [Tutorial: Implement a Scroll-Translated, Dynamic Sticky Navbar in React](https://blog.kieranroberts.dev/tutorial-implement-a-scroll-translated-dynamic-sticky-navbar-in-react?utm_source=hashnode&utm_medium=feed) Learn to implement a dynamic, sticky, scroll-aware navbar in React with smooth transitions and accessibility optimization for reduced-motion preferences 12 min read · [blog.kieranroberts.dev](https://blog.kieranroberts.dev/tutorial-implement-a-scroll-translated-dynamic-sticky-navbar-in-react?utm_source=hashnode&utm_medium=feed) [Jan 2, 2025](https://hashnode.com/posts/tutorial-implement-a-scroll-translated-dynamic-sticky-navbar-in-react/677683752aec99a46bc7493d) ### [How To Persist Style Changes Through Reloads Using Overrides In Dev Tools](https://blog.kieranroberts.dev/how-to-persist-style-changes-through-reloads-using-overrides-in-dev-tools?utm_source=hashnode&utm_medium=feed) This article will show you how to make CSS style changes that persist through reloads using the Chrome browser dev tools? Let's see how it's done! 6 min read · [blog.kieranroberts.dev](https://blog.kieranroberts.dev/how-to-persist-style-changes-through-reloads-using-overrides-in-dev-tools?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/how-to-persist-style-changes-through-reloads-using-overrides-in-dev-tools/640cd4cd0f5418223ad3056f) [Mar 11, 2023](https://hashnode.com/posts/how-to-persist-style-changes-through-reloads-using-overrides-in-dev-tools/640cd4cd0f5418223ad3056f)