Fatih Hayrioğlu
LightNews LightNews
fatihhayri.bsky.social
Fatih Hayrioğlu
@fatihhayri.bsky.social
100 followers 160 following 43 posts
Front-End Geliştirici, @trendyol, fatihhayrioglu.com
Posts Replies Media Videos
Reposted by Fatih Hayrioğlu
chriscoyier.net
rawdogging some shape() to build "round out" tabs.

I'll blog it eventually. modern CSS rules.
October 10, 2025 at 1:42 AM
Reposted by Fatih Hayrioğlu
ishadeed.com
📹 Smart Layouts (CSS Day - 06.06.2025) - Video & Slides

I published the video, slides, and demos of my talk at @cssday.nl and wrote a few words about the experience.

ishadeed.com/article/smar...
Smart Layouts (CSS Day - 06.06.2025) - Video & Slides
I spoke at CSS Day 2025 in Amsterdam about Smart Layouts.
ishadeed.com
August 21, 2025 at 6:56 PM
Reposted by Fatih Hayrioğlu
sachagreif.com
Still a week left to take the State of CSS survey!

The survey hasn't got as many responses as last year, so any help sharing will be much appreciated :)

survey.devographics.com/en-US/survey...
State of CSS 2025
Take the State of CSS survey
survey.devographics.com
June 25, 2025 at 6:39 AM
Reposted by Fatih Hayrioğlu
hafifprogramming.bsky.social
Sokak Kodcusu (Konuk: Sedat Kapanoğlu)

Güzel bir sohbet oldu, teşekkürler @ssg.dev!

youtu.be/c6KOLuKG0v8
Sokak Kodcusu (Konuk: Sedat Kapanoğlu)
YouTube video by hafif programming
youtu.be
June 19, 2025 at 8:50 AM
fatihhayri.bsky.social
Yeni blog alt yapısıyla (ghost) ilk yazım.

2025'te Favicon Rehberi: SVG Desteği ile Yeni Dönem

fatihhayrioglu.com/2025te-favic...
2025'te Favicon Rehberi: SVG Desteği ile Yeni Dönem
Sene olmuş 2025 biz hala favicon ekleme konusunu yazıyoruz. Bu konuyu yazmamın nedeni Apple'ın henüz beta sürümü olan 26 ile birlikte SVG favicon desteğini geliyor oluşu. Bu vesileyle bilgileri tazele...
fatihhayrioglu.com
June 17, 2025 at 11:40 AM
Reposted by Fatih Hayrioğlu
una.im
Coming soon to Safari:

- Anchor positioning (YAYY!)
- Scroll-driven animations (YAYY!)
- text-wrap: pretty
- progress() function
- margin-trim
- contrast-color()

webkit.org/blog/16993/n...
News from WWDC25: WebKit in Safari 26 beta
Welcome to WWDC25!
webkit.org
June 9, 2025 at 7:06 PM
fatihhayri.bsky.social
SAdece CSS ile carousel yapmak hayalim gerçekleşiyor sonunda 🎊
css carousle
May 23, 2025 at 12:24 PM
fatihhayri.bsky.social
CSS'in Şampiyonlar Ligi kadrosu
May 15, 2025 at 6:32 AM
fatihhayri.bsky.social
Stillendirilebilir select için güzel bir makale. Anchor positioning ve select birlikteliği gayet güzel ve anlaşılabilir bir kod ile mükemmel bir sonuç ortaya çıkarmış. 👍💡🎊🔥

Not: Chrome ve Edge destekliyor.

utilitybend.com/blog/the-cus...
The customizable select - Part two: Potions, anchoring, and radial shenanigans in CSS | utilitybend
The second part customizable select with CSS series. Highlighting anchor positioning to create a radial potion select element with just HTML and CSS
utilitybend.com
May 13, 2025 at 7:06 AM
Reposted by Fatih Hayrioğlu
una.im
Giving anchor-tool.com a much-needed little facelift.
April 29, 2025 at 1:06 AM
fatihhayri.bsky.social
CSS fonksiyonları şaka maka geliyor :)

www.oddbird.net/2025/04/11/c...
Custom CSS Functions in the Browser
Start using author-defined functions
www.oddbird.net
April 21, 2025 at 7:21 AM
fatihhayri.bsky.social
AI işimizi elimizden alacak mı?
joshwcomeau.com Josh W. Comeau @joshwcomeau.com · Apr 14
✨ 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:
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 15, 2025 at 8:22 AM
fatihhayri.bsky.social
Adam gibi bir elemanı nasıl gönderir. Google'u anlamak zor.
April 12, 2025 at 9:45 AM
Reposted by Fatih Hayrioğlu
nerdy.dev
G̶o̶o̶g̶l̶e̶r̶… ex-Googler.

nerdy.dev/ex-googler
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 Fatih Hayrioğlu
firefoxnightly.bsky.social
✅ Support ::details-content pseudo-element and improved styling of
element
bugzilla.mozilla.org/show_bug.cgi...
1901037 - Support ::details-content pseudo-element and improved styling of <details> element
RESOLVED (lwarlow) in Core - DOM: Core & HTML. Last updated 2025-04-03.
bugzilla.mozilla.org
April 9, 2025 at 9:23 AM
fatihhayri.bsky.social
CSS'in daha esnek ve yönetilebilir yapmak için bu zamana kadar geliştirilen yöntemleri düşününce şu an gelinen yer çokta iç açıcı değil gibi.

www.adavanzo.com/articles/202...
The systemic failure of implementing CSS principles | Andrea Davanzo
Through a historical lens, this article argues that the pursuit of modularity and flexibility in CSS has inadvertently led to overly complex HTML, revealing that the promise of separating structur...
www.adavanzo.com
April 9, 2025 at 6:41 AM
fatihhayri.bsky.social
CSS ile stili değiştirilebilen select (Şimdilik sadece Chrome'da)

codepen.io/sfrisk/pen/N...
Customizable Select
I've been super excited to play around with Customizable Selects ever since I saw that Chrome dropped that in a recent release. Starting off with a so...
codepen.io
April 8, 2025 at 11:19 AM
Reposted by Fatih Hayrioğlu
nerdy.dev
#CSS ::scroll-button(), ::scroll-marker, Carousel Configurator, and Carousel Gallery with @chriscoyier.net and @davatron5000.bsky.social on @shoptalkshow.com!

nerdy.dev/carousels-on...
Carousels On Shoptalk · April 7, 2025
Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.
nerdy.dev
April 7, 2025 at 2:55 PM
Reposted by Fatih Hayrioğlu
mserdark.com
Dünya Halleri: 193
💻 Microsoft 50 yaşına bastı.
🤖 OpenAI tarihin en büyük yatırımını aldı.
🕹️ Nintendo Switch 2 tanıtıldı.
🪭 4 kez katlanan telefon yolda.
🐝 21 gramlık "pilsiz" drone.
💓 Dünyanın en küçük kalp pili.

Diğer gelişmeler için tıklayın 👇 bulten.mserdark.com/p/dunya-hall...
Dünya Halleri: 193
💻 Microsoft 50 yaşına bastı. 🤖 OpenAI tarihin en büyük yatırımını aldı. 🕹️ Nintendo Switch 2 tanıtıldı. 🪭 4 kez katlanan telefon yolda. 🐝 21 gramlık "pilsiz" drone. 💓 Dünyanın en küçük kalp pili.
bulten.mserdark.com
April 6, 2025 at 7:14 AM
Reposted by Fatih Hayrioğlu
eser.bsky.social
Yıllarca github.com/acikkaynak ‘ta projeleri, sonra github.com/eser/topluluklar ‘la insanları bir araya getirme alışkanlığımla şimdi de BlueSky’da hesapları bir araya getirme inisiyatifi başlattım 😅 ben aklıma gelen isimleri ekledim. sizler de “beni de ekle” yazarsanız eklerim.

go.bsky.app/TLtndiT
November 17, 2024 at 10:53 AM
fatihhayri.bsky.social
Baklava design system renk paleti ile uğraşırken bu konulara çok dalmıştık zamanında @muratcorlu.com ile. Konu derin.
ishadeed.com Ahmad Shadeed @ishadeed.com · Mar 9
🛠️ ✍️ New Interactive Article: CSS Relative Colors

I explored how CSS relative colors work, the problem they solve, along with many practical examples.

ishadeed.com/article/css-...
March 10, 2025 at 6:44 AM
Reposted by Fatih Hayrioğlu
frontendfocus.bsky.social
Functions in CSS?!: https://css-tricks.com/functions-in-css/
Functions in CSS?! | CSS-Tricks
Arguments?! Return values?! What's crazier, you can use functions right now in Chrome Canary! So, after reading and playing around, here are my key insights on what you need to know about CSS Functions.
css-tricks.com
March 6, 2025 at 5:44 AM
Reposted by Fatih Hayrioğlu
intenttoship.dev
Blink: Intent to Prototype: CSS sibling-index() and sibling-count()
Blink: Intent to Prototype: CSS sibling-index() and sibling-count()
Blink: Intent to Prototype: CSS sibling-index() and sibling-count()
groups.google.com
March 4, 2025 at 2:26 PM
Reposted by Fatih Hayrioğlu
piccalil.li
Jason Bradberry challenges the ideals of displaying your entire navigation as a cluster of links and presents a case for exploring off-screen menus where the context is right for it.

piccalil.li/blog/in-prai...
In praise of off-screen menus
piccalil.li
February 27, 2025 at 12:34 PM
Reposted by Fatih Hayrioğlu
intenttoship.dev
Blink: Intent to Ship: CSS Custom Functions (@function)
Blink: Intent to Ship: CSS Custom Functions (@function)
Blink: Intent to Ship: CSS Custom Functions (@function)
groups.google.com
February 25, 2025 at 12:27 PM