René Poulsen

Scroll based animations

Scroll based animations! I love them! But you gotta be carefull and do them the right way for best possible performance.

frontenddesigner.dk/blog-posts/s...

#frontenddev #cssanimation #animation #scrollanimation

Smooth animations with text-shadow Create smooth and lightweight text animations without compromising on SEO. Learn how in this post

Smooth animations with CSS text-shadow. Learn how on the blog now.

Enjoy reading 📖 Happy coding! 🧑🏻‍💻

frontenddesigner.dk/blog-posts/s...

#frontenddev #cssanimation #css #animation

Fix Performance issues using feedback from Lighthouse Lighthouse can give you simple and concrete feedback on how to fix performance issues on your website. This post will guide you through the process

NEW BLOGPOST: Finally part 5 in the Lighthouse series is ready for you. This time about the performance part in Lighthouse.

Enjoy reading 📖 Happy coding 🧑🏻‍💻

frontenddesigner.dk/blog-posts/l...

#frontenddev

When I’m not at my computer developing you’ll find me at the water fishing for seatrouts. I know it’s off topic but it’s part of who I am - and it’s important for me to have the right balanace in life. Remember to do something else than sitting behind the screen once in a while 😄

#frontenddev

😂 Feel free to nap on it.

Fix accessibility issues using feedback from Lighthouse Lighthouse can give you simple and concrete feedback on how to fix accessibility issues on your website. This post will guide you through the process

Before you get the last part, remember that part 4 in the Lighthouse series is still right there at the blog.

Enjoy reading 📖 Happy coding 🧑🏻‍💻

frontenddesigner.dk/blog-posts/l...

#frontenddev

Fix Best practices issues using feedback from Lighthouse Lighthouse can give you simple and concrete feedback on how to fix Best practices issues on your website. This post will guide you through the process

And part three is also still right there at the blog for you.

Enjoy reading 📖 Happy coding 🧑🏻‍💻

frontenddesigner.dk/blog-posts/l...

#frontenddev

Fix SEO issues using feedback from Lighthouse Lighthouse can give you simple and concrete feedback on how to fix SEO issues on your website. This post will guide you through the process

Part two in the Lighthouse series is also available at the new blog.

Enjoy reading 📖 Happy coding! 🧑🏻‍💻

frontenddesigner.dk/blog-posts/l...

#frontenddev

Introduction to web optimization using Lighthouse Lighthouse is a powerful tool to optimize your website. In this series of posts, I'll guide you through the process of optimizing your website

The Introduction to optimizing your website with Lighthouse is also available at the new blog. And the last part (part 5) is ready for you later today.

Enjoy reading 📖 Happy coding 🧑🏻‍💻

frontenddesigner.dk/blog-posts/l...

#frontenddev

It’s time I introduce myself.

Name: René
Age: 42

From Aalborg, DK.

Been working with webdev since ‘06.

Since ‘16 I’ve been working at Gotcha 4 days a week and doing some minor projects on the side.

I live with my wife and dog in a small house in the country.

I hope you enjoy reading the blog.

Pure CSS 'Float label pattern The 'Float label pattern' has been around for many years, with great reason. It's a very user-friendly way to show the user what to input in a form field

I’ve always been a big fan of the “Float Label Pattern” ever since I discovered it back in 2013/2014.

But it’s also annoyed me a lot that it always somehow required a bit of JavaScript to make it work. But those days are over!

Enjoy reading 📖 Happy coding! 🧑🏻‍💻

frontenddesigner.dk/blog-posts/t...

CSS container queries & units CSS container queries and units are a new way to style elements based on their container instead of the entire page using the media query

CSS container queries and units really gives is a lot of new posibilites in responsive design. You can now use queries and units targetting not just the entire screen but the container your component lives inside: frontenddesigner.dk/blog-posts/c...

#frontenddev

The CSS :has pseudo-selector The CSS :has pseudo-selector is a powerful tool to style elements based on their children

The CSS parent selector is here!

It’s actually been for a while 🤫😉 In case you missed it on the old blog the post is back here on the new revamped blog.

#frontenddev

frontenddesigner.dk/blog-posts/t...

Introduction to the Frontend Designer Blog Have a look at what I'll be posting about and what my main focus will be on the blog

The blog is now back live - in a new and improved setup that makes it a lot easier for me to post.

All the posts have new urls, so I'll update you with links to the new urls.

Let's start with the introduction to the blog if someone missed it: frontenddesigner.dk/blog-posts/i...

#frontenddev