Reposted by Fatih HayrioğluFirefox for Web Developers @webdevs.firefox.com · 19/08/2026CSS text-box is newly baseline, and it's solves a common text layout issue. Here's how it works: 1234758
Reposted by Fatih HayrioğluMike Masnick @masnick.com · 11/08/2026When Elon took over Twitter he told investors he'd triple ad revenue within 5 years. It's now been almost four years... and he's wiped out 2/3rds of the ad revenue (basically revealed in footnotes to SpaceX's earnings). 342064607
Reposted by Fatih HayrioğluNilesh Prajapati @nileshprajapati.com · 04/06/2026Chrome 150 beta is going to be an exciting update: - flex-wrap: balance 👀 - Media element pseudo-classes - focusgroup attribute - light-dark() with image values - image(<color>) function - CSS text-fit - AccentColor and AccentColorText system colours and more... #css #htmldeveloper.chrome.comChrome 150 beta | Blog | Chrome for DevelopersGet a preview of the next Chrome release with this post detailing the features in the current beta. 1253
Reposted by Fatih HayrioğluJake Archibald @jakearchibald.com · 06/05/2026So, Chrome's "web standard" Prompt API: Mozilla: Opposed WebKit: Opposed Microsoft: Several concerns W3C TAG: Several concerns Developers: Mostly negative Chrome: Ships anyway. A sad time for web standards. But, I guess someone at Google will get promoted, so 'every cloud…' 43999170
Fatih Hayrioğlu @fatihhayri.bsky.social · 06/04/2026Yeni yazım: Lokalde tarayıcı geliştirme araçları üzerinden network isteklerini değiştirmek fatihhayrioglu.com/lokalde-tara...fatihhayrioglu.comLokalde tarayıcı geliştirme araçları üzerinden network isteklerini değiştirmekFE geliştiriciler olarak hayatımız network istekleri(request) ve BE'den gelen dönen cevaplarla(response) geçiyor. Kendi bilgisayarımızda çalışırken bu istekleri değiştirme ihtiyacı olduğunda mock serv... 000
Reposted by Fatih HayrioğluLea Verou, PhD @lea.verou.me · 26/03/2026🚨 Want mixins in CSS? Help the CSS WG by telling us what feels natural to you! Look at the code in the screenshot. What resulting widths would *you* find least surprising for each of div, div > h2, div + p? Polls: ┣ Github: github.com/LeaVerou/blo... ┗ Mastodon: front-end.social/@leaverou/11... 95124
Reposted by Fatih HayrioğluChris Coyier @chriscoyier.net · 10/10/2025rawdogging some shape() to build "round out" tabs. I'll blog it eventually. modern CSS rules. 101556
Reposted by Fatih HayrioğluAhmad Shadeed @ishadeed.com · 21/08/2025📹 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...ishadeed.comSmart Layouts (CSS Day - 06.06.2025) - Video & SlidesI spoke at CSS Day 2025 in Amsterdam about Smart Layouts. 0387
Reposted by Fatih HayrioğluSacha Greif @sachagreif.com · 25/06/2025Still 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...survey.devographics.comState of CSS 2025Take the State of CSS survey 12938
Reposted by Fatih HayrioğluHafif Programming @hafifprogramming.bsky.social · 19/06/2025Sokak Kodcusu (Konuk: Sedat Kapanoğlu) Güzel bir sohbet oldu, teşekkürler @ssg.dev! youtu.be/c6KOLuKG0v8youtu.beSokak Kodcusu (Konuk: Sedat Kapanoğlu)YouTube video by hafif programming 0115
Fatih Hayrioğlu @fatihhayri.bsky.social · 17/06/2025Yeni blog alt yapısıyla (ghost) ilk yazım. 2025'te Favicon Rehberi: SVG Desteği ile Yeni Dönem fatihhayrioglu.com/2025te-favic...fatihhayrioglu.com2025'te Favicon Rehberi: SVG Desteği ile Yeni DönemSene 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... 020
Reposted by Fatih HayrioğluUna Kravets @una.im · 09/06/2025Coming soon to Safari: - Anchor positioning (YAYY!) - Scroll-driven animations (YAYY!) - text-wrap: pretty - progress() function - margin-trim - contrast-color() webkit.org/blog/16993/n...webkit.orgNews from WWDC25: WebKit in Safari 26 betaWelcome to WWDC25! 413726
Fatih Hayrioğlu @fatihhayri.bsky.social · 23/05/2025SAdece CSS ile carousel yapmak hayalim gerçekleşiyor sonunda 🎊 010
Fatih Hayrioğlu @fatihhayri.bsky.social · 13/05/2025Stillendirilebilir 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...utilitybend.comThe customizable select - Part two: Potions, anchoring, and radial shenanigans in CSS | utilitybendThe second part customizable select with CSS series. Highlighting anchor positioning to create a radial potion select element with just HTML and CSS 000
Reposted by Fatih HayrioğluUna Kravets @una.im · 29/04/2025Giving anchor-tool.com a much-needed little facelift. 613913
Fatih Hayrioğlu @fatihhayri.bsky.social · 21/04/2025CSS fonksiyonları şaka maka geliyor :) www.oddbird.net/2025/04/11/c...oddbird.netCustom CSS Functions in the BrowserStart using author-defined functions 010
Fatih Hayrioğlu @fatihhayri.bsky.social · 12/04/2025Adam gibi bir elemanı nasıl gönderir. Google'u anlamak zor. 110
Reposted by Fatih HayrioğluAdam Argyle @nerdy.dev · 11/04/2025G̶o̶o̶g̶l̶e̶r̶… ex-Googler. nerdy.dev/ex-googlernerdy.devG̶o̶o̶g̶l̶e̶r̶… ex-Googler. · April 10, 2025My role at Google was eliminated. 4911637180
Reposted by Fatih HayrioğluFirefox Nightly @firefoxnightly.bsky.social · 09/04/2025✅ Support ::details-content pseudo-element and improved styling of <details> element bugzilla.mozilla.org/show_bug.cgi...bugzilla.mozilla.org1901037 - Support ::details-content pseudo-element and improved styling of <details> elementRESOLVED (lwarlow) in Core - DOM: Core & HTML. Last updated 2025-04-03. 1359
Fatih Hayrioğlu @fatihhayri.bsky.social · 09/04/2025CSS'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...adavanzo.comThe systemic failure of implementing CSS principles | Andrea DavanzoThrough 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... 040
Fatih Hayrioğlu @fatihhayri.bsky.social · 08/04/2025CSS ile stili değiştirilebilen select (Şimdilik sadece Chrome'da) codepen.io/sfrisk/pen/N...codepen.ioCustomizable SelectI'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... 041
Reposted by Fatih HayrioğluAdam Argyle @nerdy.dev · 07/04/2025#CSS ::scroll-button(), ::scroll-marker, Carousel Configurator, and Carousel Gallery with @chriscoyier.net and @davatron5000.bsky.social on @shoptalkshow.com! nerdy.dev/carousels-on...nerdy.devCarousels On Shoptalk · April 7, 2025Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug. 3529
Reposted by Fatih HayrioğluM. Serdar Kuzuloğlu @mserdark.com · 06/04/2025Dü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...bulten.mserdark.comDü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. 39617
Reposted by Fatih HayrioğluEser Ozvataf (eser.live) @eser.bsky.social · 17/11/2024Yı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 10015237
Fatih Hayrioğlu @fatihhayri.bsky.social · 10/03/2025Baklava design system renk paleti ile uğraşırken bu konulara çok dalmıştık zamanında @muratcorlu.com ile. Konu derin. 020
Reposted by Fatih HayrioğluFrontend Focus 🚀 @frontendfocus.bsky.social · 06/03/2025Functions in CSS?!: css-tricks.com/functions-in-csscss-tricks.comFunctions in CSS?! | CSS-TricksArguments?! 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. 042
Reposted by Fatih HayrioğluIntentToShip @intenttoship.dev · 04/03/2025Blink: Intent to Prototype: CSS sibling-index() and sibling-count()groups.google.comBlink: Intent to Prototype: CSS sibling-index() and sibling-count()Blink: Intent to Prototype: CSS sibling-index() and sibling-count() 1269
Reposted by Fatih HayrioğluPiccalilli @piccalil.li · 27/02/2025Jason 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...piccalil.liIn praise of off-screen menus 0156
Reposted by Fatih HayrioğluIntentToShip @intenttoship.dev · 25/02/2025Blink: Intent to Ship: CSS Custom Functions (@function)groups.google.comBlink: Intent to Ship: CSS Custom Functions (@function)Blink: Intent to Ship: CSS Custom Functions (@function) 0196
Fatih Hayrioğlu @fatihhayri.bsky.social · 25/02/2025Joshw Comeau'dan yine detaylı ve güzel bir makale. Animasyon için güzel uyarlama örneği 010
Reposted by Fatih HayrioğluECMAScript.News @ecmascript.news · 24/02/2025ESLint now officially supports linting of CSS @humanwhocodes.com @eslint.org eslint.org/blog/2025/02... #ECMAScript #JavaScripteslint.orgESLint now officially supports linting of CSS - ESLint - Pluggable JavaScript LinterA pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease. 0105
Reposted by Fatih HayrioğluKevin Powell @kevinpowell.co · 19/02/2025Do you have a favorite CSS one-liner? 56667
Reposted by Fatih HayrioğluStefan Judis @stefanjudis.com · 16/02/2025🫣 And I'm sitting down again to write this week's Web Weekly newsletter. It'll go out tmrw and if you're into web dev news that are very close to the platform (you know standards, HTML, CSS and JS), you should check it out! webweekly.email 1182
Reposted by Fatih HayrioğluAdam Argyle @nerdy.dev · 16/11/2024Take this `<dialog>` too classic; cart in the top right, pushes the whole page left to reveal your cart sidenav nerdy.dev/have-a-dialog #CSS 619712
Fatih Hayrioğlu @fatihhayri.bsky.social · 12/02/2025💡VSCode'da arama yapıp tıkladığın dosyaları önizleme modunda açarken yeni sürümle birlikte direk açmaya başladı editör sekme çöplüğüne dönüyor belli bir süre sonra. Settings' açıp `workbench.editor.enablePreview` arması yapıp işaretleyine eskiye döndü rahatladım. 👍 000
Reposted by Fatih HayrioğluJecelyn Yeen @jec.fish · 10/02/2025⚡️ Chrome 133 is here! What's new in #ChromeDevTools 🤖 Persistent AI chat history 📈 Enhanced insights on image performance 🧭 Customize performance trace navigation ....and more! Update Chrome and try them out! developer.chrome.com/blog/new-in-... 0112
Fatih Hayrioğlu @fatihhayri.bsky.social · 06/02/2025Animasyon işleri artık daha basit ve işlevsel. www.smashingmagazine.com/2025/01/tran...smashingmagazine.comTransitioning Top-Layer Entries And The Display Property In CSS — Smashing MagazineIt’s not always the big features that make our everyday lives easier; sometimes, it’s those ease-of-life features that truly enhance our projects. In this article, Brecht De Ruyte highlights two such ... 000
Reposted by Fatih HayrioğluStefan Judis @stefanjudis.com · 02/02/2025And here's an updated version on Codepen. 👇 codepen.io/stefanjudis/...codepen.ioView transitions - Demo... 3355
Fatih Hayrioğlu @fatihhayri.bsky.social · 03/02/2025Güzelmiş ama ben input'a bir şeye giremedim kapanıyor. 000
Fatih Hayrioğlu @fatihhayri.bsky.social · 30/01/2025Eski günler aklıma geldi ah be diye keşke olsa dediğim bir özellik. una.im/advanced-attr/una.imuna.im | New capabilities for attr()Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it. 000
Reposted by Fatih HayrioğluUna Kravets @una.im · 30/01/2025Intent to ship for the upgraded customizable select element in Blink! It's happening! I2S: groups.google.com/a/chromium.o... Learn more: una.im/select-updat...groups.google.comIntent to ship: Customizable select 59713
Reposted by Fatih HayrioğluAhmad Shadeed @ishadeed.com · 29/01/2025Good news! The upcoming version of Chromium will show the selected value in min, max, clamp 🥳🤩 chromium-review.googlesource.com/c/devtools/d... 2535
Reposted by Fatih Hayrioğlucodrops @codrops.bsky.social · 29/01/2025✨🌊 13 years ago, Hector Arellano accepted a challenge from Felix Martinez to make fluid simulations in the browser. After years of experimentation, he's finally made it happen with WebGPU. We’re honored to have Hector share this incredible story and demo with us! tympanus.net/codrops/?p=8... 0327
Reposted by Fatih HayrioğluJhey ʕ·ᴥ· ʔ @jhey.dev · 26/01/2025breakin' down classics CSS background-image + background-blend-mode + custom properties = holo-like effects with parallax ✨ 41206
Fatih Hayrioğlu @fatihhayri.bsky.social · 24/01/2025Çok detay konu ama lazım olduğunda çok iş görür. ryanmulligan.dev/blog/some-th...ryanmulligan.devSome Things About KeyframesA few lesser-known bits about CSS keyframe animations, from handling duplicate keyframe properties to customizing timing function easings within keyframe rulesets. 010
Fatih Hayrioğlu @fatihhayri.bsky.social · 22/01/2025Desteği yeni CSS özellikleri RN için güzel olmuş. 010
Fatih Hayrioğlu @fatihhayri.bsky.social · 16/01/2025Chrome'un son sürümüne gelmiş. Bu kadar hızlı beklemiyordum şaşırdım. 000