Tibor Pino
@freshidea.sk
Frontend developer at Doxee, focusing on accessibility and design systems.
Reposted by Tibor Pino
I like this setting for VS Code from Ben Frain. JUST show the vertical line for the current indentation, not all of them
```
"workbench.colorCustomizations": {
"editorIndentGuide.background1": "#00000001",
"editorIndentGuide.activeBackground1": "#ff9900"
}
```
benfrain.com/vs-code-high...
```
"workbench.colorCustomizations": {
"editorIndentGuide.background1": "#00000001",
"editorIndentGuide.activeBackground1": "#ff9900"
}
```
benfrain.com/vs-code-high...
January 10, 2026 at 5:19 PM
I like this setting for VS Code from Ben Frain. JUST show the vertical line for the current indentation, not all of them
```
"workbench.colorCustomizations": {
"editorIndentGuide.background1": "#00000001",
"editorIndentGuide.activeBackground1": "#ff9900"
}
```
benfrain.com/vs-code-high...
```
"workbench.colorCustomizations": {
"editorIndentGuide.background1": "#00000001",
"editorIndentGuide.activeBackground1": "#ff9900"
}
```
benfrain.com/vs-code-high...
Reposted by Tibor Pino
January 11, 2026 at 6:06 AM
Reposted by Tibor Pino
January 7, 2026 at 8:34 AM
Reposted by Tibor Pino
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Introducing CSS Grid Lanes
It’s here!
webkit.org
December 19, 2025 at 9:33 PM
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Reposted by Tibor Pino
In case you've missed it: the State of HTML 2025 survey results are now available!
2025.stateofhtml.com/en-US
Big thanks to @lea.verou.me and @d12n.me for their help!
2025.stateofhtml.com/en-US
Big thanks to @lea.verou.me and @d12n.me for their help!
State of HTML 2025
The 2025 edition of the annual survey about the latest trends in the HTML ecosystem.
2025.stateofhtml.com
December 18, 2025 at 7:06 AM
In case you've missed it: the State of HTML 2025 survey results are now available!
2025.stateofhtml.com/en-US
Big thanks to @lea.verou.me and @d12n.me for their help!
2025.stateofhtml.com/en-US
Big thanks to @lea.verou.me and @d12n.me for their help!
Reposted by Tibor Pino
Newly Available since Firefox 140 ✅
🍪 CookieStore API offers a modern, promise-based way to read, write, update, and delete cookies, all without parsing strings manually. It brings,
✅ Async operations
✅ Structured data
✅ Service worker support
developer.mozilla.org/en-US/docs/...
🍪 CookieStore API offers a modern, promise-based way to read, write, update, and delete cookies, all without parsing strings manually. It brings,
✅ Async operations
✅ Structured data
✅ Service worker support
developer.mozilla.org/en-US/docs/...
CookieStore - Web APIs | MDN
The CookieStore interface of the Cookie Store API provides methods for getting and setting cookies asynchronously from either a page or a service worker.
developer.mozilla.org
October 24, 2025 at 3:00 PM
Newly Available since Firefox 140 ✅
🍪 CookieStore API offers a modern, promise-based way to read, write, update, and delete cookies, all without parsing strings manually. It brings,
✅ Async operations
✅ Structured data
✅ Service worker support
developer.mozilla.org/en-US/docs/...
🍪 CookieStore API offers a modern, promise-based way to read, write, update, and delete cookies, all without parsing strings manually. It brings,
✅ Async operations
✅ Structured data
✅ Service worker support
developer.mozilla.org/en-US/docs/...
Reposted by Tibor Pino
✍️ Solved by Modern CSS: Section Layout
A new interactive article about a typical section layout and exploring how to make it more dynamic with modern CSS. Happy reading!
ishadeed.com/article/mode...
A new interactive article about a typical section layout and exploring how to make it more dynamic with modern CSS. Happy reading!
ishadeed.com/article/mode...
Solved By Modern CSS: Section Layout
Building a typical section design with modern CSS.
ishadeed.com
October 23, 2025 at 7:20 PM
✍️ Solved by Modern CSS: Section Layout
A new interactive article about a typical section layout and exploring how to make it more dynamic with modern CSS. Happy reading!
ishadeed.com/article/mode...
A new interactive article about a typical section layout and exploring how to make it more dynamic with modern CSS. Happy reading!
ishadeed.com/article/mode...
Reposted by Tibor Pino
I did get around to blogging this.
frontendmasters.com/blog/modern-...
Hopefully the step-by-step syntax stuff in here makes shape() a little more approachable.
frontendmasters.com/blog/modern-...
Hopefully the step-by-step syntax stuff in here makes shape() a little more approachable.
Modern CSS Round-Out Tabs
We can use `shape()` to carve away the edges of an element to look like a folder tab. By hand.
frontendmasters.com
October 14, 2025 at 6:14 PM
I did get around to blogging this.
frontendmasters.com/blog/modern-...
Hopefully the step-by-step syntax stuff in here makes shape() a little more approachable.
frontendmasters.com/blog/modern-...
Hopefully the step-by-step syntax stuff in here makes shape() a little more approachable.
Reposted by Tibor Pino
View transitions are in every browser now ✨
Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method.
www.firefox.com/en-US/firefo...
www.firefox.com/en-US/firefo...
Firefox 144.0, See All New Features, Updates and Fixes
www.firefox.com
October 14, 2025 at 6:41 PM
View transitions are in every browser now ✨
Reposted by Tibor Pino
I discovered a useful feature in Safari DevTools today. We can show the flex items order like (item #1, item #2, etc) and their corresponding order value (if it's changed).
It's called "Order Numbers".
@webkitgtk.org
It's called "Order Numbers".
@webkitgtk.org
October 11, 2025 at 3:02 PM
I discovered a useful feature in Safari DevTools today. We can show the flex items order like (item #1, item #2, etc) and their corresponding order value (if it's changed).
It's called "Order Numbers".
@webkitgtk.org
It's called "Order Numbers".
@webkitgtk.org
Reposted by Tibor Pino
I was laid-off and am looking for a new role.
Working were design meets code is my jam. I am skilled at building accessible design system components, working with Web Components APIs, and creating scalable CSS architecture.
I work remotely from my home in Manitoba, Canada. 🇨🇦
Shares appreciated!
Working were design meets code is my jam. I am skilled at building accessible design system components, working with Web Components APIs, and creating scalable CSS architecture.
I work remotely from my home in Manitoba, Canada. 🇨🇦
Shares appreciated!
June 24, 2025 at 4:20 PM
I was laid-off and am looking for a new role.
Working were design meets code is my jam. I am skilled at building accessible design system components, working with Web Components APIs, and creating scalable CSS architecture.
I work remotely from my home in Manitoba, Canada. 🇨🇦
Shares appreciated!
Working were design meets code is my jam. I am skilled at building accessible design system components, working with Web Components APIs, and creating scalable CSS architecture.
I work remotely from my home in Manitoba, Canada. 🇨🇦
Shares appreciated!
Reposted by Tibor Pino
In case you need a distraction from the current news cycle, part 1 of the State of Devs survey results is now available!
2025.stateofdevs.com/en-US
2025.stateofdevs.com/en-US
State of Devs 2025
2025.stateofdevs.com
June 23, 2025 at 12:08 AM
In case you need a distraction from the current news cycle, part 1 of the State of Devs survey results is now available!
2025.stateofdevs.com/en-US
2025.stateofdevs.com/en-US
Reposted by Tibor Pino
US climate scientists need all the help they can get. Including from foul-mouthed comedians! 🤡😱😱
Watch Emmy Award-Winning David Cross team up with Prof Michael Oppenheimer in the US launch of the hit series "Climate Science Translated".
#climate #arresteddevelopment #climatescience
Watch Emmy Award-Winning David Cross team up with Prof Michael Oppenheimer in the US launch of the hit series "Climate Science Translated".
#climate #arresteddevelopment #climatescience
June 2, 2025 at 11:55 AM
US climate scientists need all the help they can get. Including from foul-mouthed comedians! 🤡😱😱
Watch Emmy Award-Winning David Cross team up with Prof Michael Oppenheimer in the US launch of the hit series "Climate Science Translated".
#climate #arresteddevelopment #climatescience
Watch Emmy Award-Winning David Cross team up with Prof Michael Oppenheimer in the US launch of the hit series "Climate Science Translated".
#climate #arresteddevelopment #climatescience
Reposted by Tibor Pino
Styling HTML form controls is something web designers & developers have wanted for years! My team is working on a solution — apply `appearance: base` and switch to a new interoperable consistent default control. Then override it using new pseudo-elements. See the details: drafts.csswg.org/css-forms/
CSS Form Control Styling Level 1
drafts.csswg.org
March 5, 2025 at 5:41 PM
Styling HTML form controls is something web designers & developers have wanted for years! My team is working on a solution — apply `appearance: base` and switch to a new interoperable consistent default control. Then override it using new pseudo-elements. See the details: drafts.csswg.org/css-forms/
Reposted by Tibor Pino
In case you missed it, I published a pre-launch page for my upcoming course: The Layout Maestro.
layoutmaestro.ishadeed.com
layoutmaestro.ishadeed.com
May 25, 2025 at 8:17 PM
In case you missed it, I published a pre-launch page for my upcoming course: The Layout Maestro.
layoutmaestro.ishadeed.com
layoutmaestro.ishadeed.com
Reposted by Tibor Pino
workin on the design for my slides at @cssday.bsky.social
3D view transitions between pages/slides?
i'm diggin it.
3D view transitions between pages/slides?
i'm diggin it.
May 16, 2025 at 4:36 PM
workin on the design for my slides at @cssday.bsky.social
3D view transitions between pages/slides?
i'm diggin it.
3D view transitions between pages/slides?
i'm diggin it.
Reposted by Tibor Pino
Introducing 🤯 flex-wrap: balance 🤯
Would you use this?
⚠️ Not a real feature yet, just something one of our engineers has been working on.
(You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)
Would you use this?
⚠️ Not a real feature yet, just something one of our engineers has been working on.
(You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)
May 16, 2025 at 5:07 PM
Introducing 🤯 flex-wrap: balance 🤯
Would you use this?
⚠️ Not a real feature yet, just something one of our engineers has been working on.
(You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)
Would you use this?
⚠️ Not a real feature yet, just something one of our engineers has been working on.
(You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)
Reposted by Tibor Pino
G̶o̶o̶g̶l̶e̶r̶… ex-Googler. · April 10, 2025
My role at Google was eliminated.
nerdy.dev
April 11, 2025 at 6:05 PM
Reposted by Tibor Pino
🚀 For the iO tech_hub I wanted to do a little rundown on Interop 2025. Since this initiative came into place, cross-browser developing has become a lot better since the "browser war days". So, Interop 2025: which browser features to get acquainted with this year and why you should care. 🧑💻
Interop 2025 - Which browser features to get acquainted with this year and why you should care - iO tech_hub
It’s been a few years since the Interop initiative was set in play. This has historically been one of the key elements in moving the web forward as it aims for a consistent web between browser vendors...
techhub.iodigital.com
March 28, 2025 at 2:01 PM
🚀 For the iO tech_hub I wanted to do a little rundown on Interop 2025. Since this initiative came into place, cross-browser developing has become a lot better since the "browser war days". So, Interop 2025: which browser features to get acquainted with this year and why you should care. 🧑💻
Reposted by Tibor Pino
Does it bug you that Flexbox always ends up with a very few items in the last row, stretched out extra wide?
What if the layout was balanced kinda like `text-wrap`, using:
item-pack: balance;
Learn more about this idea, and much more:
webkit.org/blog/16587/i...
What if the layout was balanced kinda like `text-wrap`, using:
item-pack: balance;
Learn more about this idea, and much more:
webkit.org/blog/16587/i...
March 28, 2025 at 11:20 PM
Does it bug you that Flexbox always ends up with a very few items in the last row, stretched out extra wide?
What if the layout was balanced kinda like `text-wrap`, using:
item-pack: balance;
Learn more about this idea, and much more:
webkit.org/blog/16587/i...
What if the layout was balanced kinda like `text-wrap`, using:
item-pack: balance;
Learn more about this idea, and much more:
webkit.org/blog/16587/i...
Reposted by Tibor Pino
There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults.
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
March 21, 2025 at 11:21 PM
There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults.
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
Reposted by Tibor Pino
March 20, 2025 at 4:40 PM
Reposted by Tibor Pino
We are proud to announce the First Ever ViteConf taking place in person 🤩
Join the Creator of Vite, @evanyou.me, Core Team, Ecosystem Authors and Experts!
📍 10 October, Amsterdam
👋 Sign up for the waiting list to be notified about the ticket release via viteconf.org
Join the Creator of Vite, @evanyou.me, Core Team, Ecosystem Authors and Experts!
📍 10 October, Amsterdam
👋 Sign up for the waiting list to be notified about the ticket release via viteconf.org
March 15, 2025 at 6:04 PM
We are proud to announce the First Ever ViteConf taking place in person 🤩
Join the Creator of Vite, @evanyou.me, Core Team, Ecosystem Authors and Experts!
📍 10 October, Amsterdam
👋 Sign up for the waiting list to be notified about the ticket release via viteconf.org
Join the Creator of Vite, @evanyou.me, Core Team, Ecosystem Authors and Experts!
📍 10 October, Amsterdam
👋 Sign up for the waiting list to be notified about the ticket release via viteconf.org