Riya
@fariabriya.bsky.social
Software engineer with an interest in art
https://fariabriya.codes/
https://fariabriya.codes/
Reposted by Riya
Fit width text in 1 line of CSS
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
December 5, 2025 at 6:48 AM
Fit width text in 1 line of CSS
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
Reposted by Riya
The #1 criteria for my browser is that I trust it, and it’s secure. It’s logged into my email, Stripe account, stores my passwords and credit cards.
A browser is useful if it does all these.
These AI browsers are interesting but… with prompt injections, no way I trust them…
A browser is useful if it does all these.
These AI browsers are interesting but… with prompt injections, no way I trust them…
October 22, 2025 at 7:16 PM
The #1 criteria for my browser is that I trust it, and it’s secure. It’s logged into my email, Stripe account, stores my passwords and credit cards.
A browser is useful if it does all these.
These AI browsers are interesting but… with prompt injections, no way I trust them…
A browser is useful if it does all these.
These AI browsers are interesting but… with prompt injections, no way I trust them…
Wrote a blog about Strategy pattern and how you can use it to refactor the famous Gilded Rose problem
fariabriya.codes/blog/gilded-...
fariabriya.codes/blog/gilded-...
Gilded Rose Kata and Strategy Pattern
My take on solving the Gilded Rose refactoring problem using the strategy pattern technique with JavaScript.
fariabriya.codes
November 8, 2025 at 3:26 PM
Wrote a blog about Strategy pattern and how you can use it to refactor the famous Gilded Rose problem
fariabriya.codes/blog/gilded-...
fariabriya.codes/blog/gilded-...
Reposted by Riya
View Transitions are now in all browsers! They also landed in React! developer.chrome.com/blog/view-tr...
October 23, 2025 at 5:50 AM
View Transitions are now in all browsers! They also landed in React! developer.chrome.com/blog/view-tr...
Reposted by Riya
Bad UX World Cup
Build a bad date picker and win a shit trophy! Presented by Nordcraft.
badux.lol
October 23, 2025 at 3:21 PM
New article on substack
#Issue 34 - Eigenvector Centrality: The Math of Influence
You are important if your friends are important
fariabriya.substack.com
June 4, 2025 at 10:23 AM
New article on substack
Reposted by Riya
✨ In March 2023, I published an article about AI.
This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years.
Well, it’s been 2 years! So, I just published a follow-up:
This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years.
Well, it’s been 2 years! So, I just published a follow-up:
The Post-Developer Era • Josh W. Comeau
When OpenAI released GPT-4 back in March 2023, they kickstarted the AI revolution. The consensus online was that front-end development jobs would be totally eliminated within a year or two.Well, it’s ...
www.joshwcomeau.com
April 14, 2025 at 3:11 PM
✨ In March 2023, I published an article about AI.
This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years.
Well, it’s been 2 years! So, I just published a follow-up:
This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years.
Well, it’s been 2 years! So, I just published a follow-up:
Wrote about MCP in this issue. Give it a read.
Issue #33 - MCP - The Plug-and-Play of AI Apps
If you have been following all the AI hype, MCP may be a similar term you have been hearing a lot recently.
open.substack.com
April 13, 2025 at 8:06 AM
Wrote about MCP in this issue. Give it a read.
Wrote about Passkey in this week's issue. Check it out!
Issue#32 - Visualization of Passkey Workflow
Passkeys are newer, more secure way to sign into websites and apps without passwords
open.substack.com
March 2, 2025 at 8:34 PM
Wrote about Passkey in this week's issue. Check it out!
Published this week's newsletter. Give it a read!
Issue#31 - Creating a Common Language for Code Reviews
Shared vocabulary can make code reviews clearer and more effective for everyone involved.
open.substack.com
February 15, 2025 at 8:34 PM
Published this week's newsletter. Give it a read!
Reposted by Riya
💡 CSS Tip!
Do you know that One-Time password field? You can create it using only one input and a few lines of #CSS.
The HTML:
Code & Demo: css-tip.com/single-digit...
As a bonus, you can control the number of characters by adjusting the "maxlength" attribute.
Do you know that One-Time password field? You can create it using only one input and a few lines of #CSS.
The HTML:
Code & Demo: css-tip.com/single-digit...
As a bonus, you can control the number of characters by adjusting the "maxlength" attribute.
February 13, 2025 at 12:57 PM
💡 CSS Tip!
Do you know that One-Time password field? You can create it using only one input and a few lines of #CSS.
The HTML:
Code & Demo: css-tip.com/single-digit...
As a bonus, you can control the number of characters by adjusting the "maxlength" attribute.
Do you know that One-Time password field? You can create it using only one input and a few lines of #CSS.
The HTML:
Code & Demo: css-tip.com/single-digit...
As a bonus, you can control the number of characters by adjusting the "maxlength" attribute.
Reposted by Riya
How do you make a button that doesn't change it's width when it's in a loading state?
Use CSS Grid to stack items, and visibility: hidden to hide/show spinner!
This approach allows the largest item to size the button, and keeps the button text accessible
Use CSS Grid to stack items, and visibility: hidden to hide/show spinner!
This approach allows the largest item to size the button, and keeps the button text accessible
December 11, 2024 at 5:37 PM
How do you make a button that doesn't change it's width when it's in a loading state?
Use CSS Grid to stack items, and visibility: hidden to hide/show spinner!
This approach allows the largest item to size the button, and keeps the button text accessible
Use CSS Grid to stack items, and visibility: hidden to hide/show spinner!
This approach allows the largest item to size the button, and keeps the button text accessible