Leanne Renard
@leannerenard.co.uk
👩💻 Developer @piccalil.li and @set.studio
🌐 https://leannerenard.co.uk/
🎨 https://codepen.io/leannerenard
Code && Bikes && VanLife
🏠 Gloucestershire, UK
🌐 https://leannerenard.co.uk/
🎨 https://codepen.io/leannerenard
Code && Bikes && VanLife
🏠 Gloucestershire, UK
Pinned
I ♥ Web Components.
My worst fears are confirmed. The co-working space has run out of coffee beans.
February 4, 2026 at 12:57 PM
My worst fears are confirmed. The co-working space has run out of coffee beans.
Reposted by Leanne Renard
I made this "ad" for one of Cursor's recent features.
It finally solves the terrible problem of knowing CSS.
It finally solves the terrible problem of knowing CSS.
February 2, 2026 at 2:39 PM
I made this "ad" for one of Cursor's recent features.
It finally solves the terrible problem of knowing CSS.
It finally solves the terrible problem of knowing CSS.
Reposted by Leanne Renard
I’ve talking about 2026 being the year of the website, so I’m actually doing it now. I’m completely redesigning and re-building my personal website and doing it all in the open, so I hope you’ll follow along.
bell.bz/it-really-is...
bell.bz/it-really-is...
It really is the year of the website
I’ve talking about 2026 being the year of the website, so I’m actually doing it now. I’m completely redesigning and re-building my personal website and doing it all in the open, so I hope you’ll...
bell.bz
January 29, 2026 at 12:34 PM
I’ve talking about 2026 being the year of the website, so I’m actually doing it now. I’m completely redesigning and re-building my personal website and doing it all in the open, so I hope you’ll follow along.
bell.bz/it-really-is...
bell.bz/it-really-is...
I ♥ Web Components.
January 29, 2026 at 12:40 PM
I ♥ Web Components.
Reposted by Leanne Renard
🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated!
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
January 28, 2026 at 10:03 PM
🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated!
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
Technical credit ✨
699: Jeremy Keith on Web Day Out
Web Day Out is coming up and Jeremy Keith from Clearleft (name pending the ShopTalk Show rebrand) is here to chat about it and while we've got him, Dave throws him on the hot seat to answer some hard hitting journalism questions about the state of the web in 2026.
Web Day Out is coming up and Jeremy Keith from Clearleft (name pending the ShopTalk Show rebrand) is here to chat about it and while we've got him, Dave throws him on the hot seat to answer some hard hitting journalism questions about the state of the web in 2026.
699: Jeremy Keith on Web Day Out
Web Day Out is coming up and Jeremy Keith from Clearleft (name pending the ShopTalk Show rebrand) is here to chat about it and while we've got him, Dave throws him on the hot seat to answer some hard hitting journalism questions about the state of the web in 2026.
shoptalkshow.com
January 28, 2026 at 12:08 PM
Technical credit ✨
I’m very good at breaking my Netlify builds.
January 22, 2026 at 2:09 PM
I’m very good at breaking my Netlify builds.
Pixel Pioneers is always a cracking day out!
📣 It's time to announce the first speakers for @pixelpioneers.co Bristol 2026!
On 19 June, we will be joined by:
👉 @rachelandrew.bsky.social
👉 @candi.bsky.social
👉 @morganepeng.bsky.social
🎟️ Check out their talks and snap up one of the last early bird tickets: pixelpioneers.co/events/brist...
On 19 June, we will be joined by:
👉 @rachelandrew.bsky.social
👉 @candi.bsky.social
👉 @morganepeng.bsky.social
🎟️ Check out their talks and snap up one of the last early bird tickets: pixelpioneers.co/events/brist...
January 22, 2026 at 12:59 PM
Pixel Pioneers is always a cracking day out!
It should be illegal to have the big light on at work.
January 9, 2026 at 11:14 AM
It should be illegal to have the big light on at work.
Reposted by Leanne Renard
We don't normally do one of these, but we think 2025 has been a stellar year for Piccalilli, so we wanted to get into what we've done and what we're planning for next year.
piccalil.li/blog/wrappin...
piccalil.li/blog/wrappin...
Wrapping up 2025
We don't normally do one of these, but I think 2025 has been a stellar year for Piccalilli, so we wanted to get into what we've done and what we're planning for next year.
piccalil.li
December 18, 2025 at 12:12 PM
We don't normally do one of these, but we think 2025 has been a stellar year for Piccalilli, so we wanted to get into what we've done and what we're planning for next year.
piccalil.li/blog/wrappin...
piccalil.li/blog/wrappin...
Reposted by Leanne Renard
:eyes: 2026.stateofthebrowser.com/speakers/
Only 1 more speaker to announce.
**Online** as well as **In-person**
**Diversity tickets** available too, for under-represented groups, those affected by cost of living and those new to our industry or learning.
Please share far and wide.
Only 1 more speaker to announce.
**Online** as well as **In-person**
**Diversity tickets** available too, for under-represented groups, those affected by cost of living and those new to our industry or learning.
Please share far and wide.
Speakers | State of the Browser
Here is the announced list of speakers for 2026's conference.
2026.stateofthebrowser.com
December 19, 2025 at 10:50 AM
:eyes: 2026.stateofthebrowser.com/speakers/
Only 1 more speaker to announce.
**Online** as well as **In-person**
**Diversity tickets** available too, for under-represented groups, those affected by cost of living and those new to our industry or learning.
Please share far and wide.
Only 1 more speaker to announce.
**Online** as well as **In-person**
**Diversity tickets** available too, for under-represented groups, those affected by cost of living and those new to our industry or learning.
Please share far and wide.
I keep staring directly into my SAD lamp, but it's not working.
December 18, 2025 at 2:52 PM
I keep staring directly into my SAD lamp, but it's not working.
Reposted by Leanne Renard
Landing next month in Chrome 144: scroll-state(scrolled)
This new scroll query value lets you style your UI based on the most recent scroll direction.
This means you can change animation-direction based on last scroll & implement directional UI like "hidey-bars"
Learn more: una.im/scroll-state...
This new scroll query value lets you style your UI based on the most recent scroll direction.
This means you can change animation-direction based on last scroll & implement directional UI like "hidey-bars"
Learn more: una.im/scroll-state...
una.im | Directional CSS with scroll-state(scrolled)
Style based on scroll direction with this new scroll-state query feature.
una.im
December 17, 2025 at 9:02 PM
Landing next month in Chrome 144: scroll-state(scrolled)
This new scroll query value lets you style your UI based on the most recent scroll direction.
This means you can change animation-direction based on last scroll & implement directional UI like "hidey-bars"
Learn more: una.im/scroll-state...
This new scroll query value lets you style your UI based on the most recent scroll direction.
This means you can change animation-direction based on last scroll & implement directional UI like "hidey-bars"
Learn more: una.im/scroll-state...
Haven't had much time this week, but managed a quick Stranger Things themed @codepen.io. Excited for that S5 Volume 2 Christmas drop!
codepen.io/leannerenard...
codepen.io/leannerenard...
Stranger Things Christmas Lights
Stranger Things S5 Volume 2 Christmas hype!...
codepen.io
December 16, 2025 at 12:39 PM
Haven't had much time this week, but managed a quick Stranger Things themed @codepen.io. Excited for that S5 Volume 2 Christmas drop!
codepen.io/leannerenard...
codepen.io/leannerenard...
15 year old me
December 11, 2025 at 2:38 PM
15 year old me
Reposted by Leanne Renard
Just a lil snow globe for the start of the festive season ☃️🌨️ codepen.io/leannerenard... @codepen.io
GSAP snow globe
...
codepen.io
December 1, 2025 at 9:41 AM
Just a lil snow globe for the start of the festive season ☃️🌨️ codepen.io/leannerenard... @codepen.io
CSS is always my favourite part of a project. Today’s a good day for it.
December 4, 2025 at 11:06 AM
CSS is always my favourite part of a project. Today’s a good day for it.
📌
It's December 1st, which means that throughout the entire month you should reserve 5-10 minutes every day to read a fantastic article about HTML. ❤️🔥
Check out what's hidden behind the first door.
htmhell.dev/adventcalendar
Check out what's hidden behind the first door.
htmhell.dev/adventcalendar
December 1, 2025 at 10:16 AM
📌
Just a lil snow globe for the start of the festive season ☃️🌨️ codepen.io/leannerenard... @codepen.io
GSAP snow globe
...
codepen.io
December 1, 2025 at 9:41 AM
Just a lil snow globe for the start of the festive season ☃️🌨️ codepen.io/leannerenard... @codepen.io
Almost finished my Christmas CodePen. Set a deadline of 1st Dec and I think I'll actually make it! *much surprise*
Treating myself to a small GSAP personal project… it’s been a while ✨
November 28, 2025 at 2:43 PM
Almost finished my Christmas CodePen. Set a deadline of 1st Dec and I think I'll actually make it! *much surprise*
I should have worn thermals to the office today ❄️
November 26, 2025 at 10:46 AM
I should have worn thermals to the office today ❄️