perf(images): serve optimized portfolio media

This commit is contained in:
poyrazavsever
2026-08-31 10:20:02 +03:00
parent 5c48b029ca
commit 87e6279dec
127 changed files with 367 additions and 73 deletions
@@ -6,7 +6,7 @@ readTime: "6 min read"
author: "Poyraz Avsever"
slug: "css-frameworkleri-tan-yoruz-5-b-l-m-materialize"
excerpt: "CSS Frameworkleri Tanıyoruz | 5. Bölüm: Materialize Merhaba arkadaşlar, bugün 5.bölümde sizlerle “Materialize” ile tanışıyoruz. Dilerseniz başlayalım. Google’ın Material Design …"
coverImage: "/blog/images/css-frameworkleri-tan-yoruz-5-b-l-m-materialize-cover.jpg"
coverImage: "/blog/images/css-frameworkleri-tan-yoruz-5-b-l-m-materialize-cover.webp"
canonicalUrl: "https://medium.com/@poyrazavsever/css-frameworkleri-tan%C4%B1yoruz-5-b%C3%B6l%C3%BCm-materialize-5fd3c99862c2"
---
@@ -271,4 +271,4 @@ Materialize CSSin resmi web sitesinde, farklı kullanım senaryolarına uygun
Materialize CSS, sade yapısı ve Google’ın Material Design ilkelerine olan sadakatiyle, özellikle görsel olarak güçlü ve modern arayüzler oluşturmak isteyen geliştiriciler için büyük bir kolaylık sağlar. Hazır bileşenleri, responsive grid sistemi ve basit sözdizimi sayesinde hem yeni başlayanlar hem de hızlı prototipleme yapmak isteyen deneyimli geliştiriciler tarafından tercih edilebilir.
Ancak framework’ün büyük projelerdeki sınırlılıkları, özelleştirme konusundaki kısıtlamaları ve topluluk desteğinin sınırlı oluşu gibi dezavantajlarını da göz ardı etmemek gerekir. Eğer sade, hızlı ve estetik bir çözüm arıyorsan, Materialize CSS tam sana göre olabilir.
Ancak framework’ün büyük projelerdeki sınırlılıkları, özelleştirme konusundaki kısıtlamaları ve topluluk desteğinin sınırlı oluşu gibi dezavantajlarını da göz ardı etmemek gerekir. Eğer sade, hızlı ve estetik bir çözüm arıyorsan, Materialize CSS tam sana göre olabilir.
@@ -145,7 +145,7 @@ Bu bakış açısını öğrendiğimden ve uygulamaya başladığımdan beri fro
Frontend mimarisinde güven veren şey, hatasız olmak değil; **hatalarla yaşayabilecek bir yapı kurmaktır**.
![](/blog/images/frontend-mimarisinde-en-zor-k-s-m-karar-vermek-img-7.jpg)
![](/blog/images/frontend-mimarisinde-en-zor-k-s-m-karar-vermek-img-7.webp)
## Frontend Mimarisinde Olgunluğumun Gelişimi
@@ -209,4 +209,4 @@ Bu değişim bir anda olmadı. Projeler büyüdükçe, bazı kararların yük ha
Eğer bu yazı, senin de bir kararın üzerine biraz daha düşünmene ya da “ben bunu neden böyle yapmıştım?” diye sormana sebep olduysa, amacına ulaşmış demektir. Frontend mimarisi çoğu zaman sessiz ilerler ama verdiğimiz kararlar uzun süre bizimle kalır.
Okuduğun için teşekkür ederim. Umarım bir yerinde sana da dokunmuştur
Okuduğun için teşekkür ederim. Umarım bir yerinde sana da dokunmuştur
+1 -1
View File
@@ -6,7 +6,7 @@ readTime: "5 min read"
author: "Poyraz Avsever"
slug: "newsletter0612072026-en"
excerpt: "This week, we have a packed agenda, ranging from OpenAI's changing model strategies to the historic trade secret theft lawsuit filed by Apple, and from new technologies running in the browser to useful open-source projects."
coverImage: "/blog/images/newsletter0612072026-cover.png"
coverImage: "/blog/images/newsletter0612072026-cover.webp"
lang: "en"
---
+2 -2
View File
@@ -6,7 +6,7 @@ readTime: "5 min read"
author: "Poyraz Avsever"
slug: "newsletter0612072026"
excerpt: "Bu hafta OpenAI'ın değişen model stratejilerinden Apple'ın açtığı sır hırsızlığı davasına, tarayıcıda çalışan yeni teknolojilerden açık kaynak projelere kadar dolu dolu bir gündemimiz var."
coverImage: "/blog/images/newsletter0612072026-cover.png"
coverImage: "/blog/images/newsletter0612072026-cover.webp"
lang: "tr"
---
@@ -114,4 +114,4 @@ Ajanların sayfa trafiğini artırması ama reklamlara tıklamaması sorununu ç
[Kaynak linki](https://mashable.com/tech/biggest-cybersecurity-data-breaches-2026)
Hackerlar artık sistem açığı bulmak yerine doğrudan yapay zeka asistanlarını manipüle ediyor. Örneğin Meta'nın destek botu manipüle edilerek hesapların ele geçirilmesi sağlandı. Dil modellerinin dışarıdan gelen talimatlara "ikna olma" zafiyeti, en az geleneksel yazılım açıkları kadar tehlikeli bir boyuta ulaştı. Prompt injection türü saldırılar önümüzdeki dönemin en büyük siber güvenlik problemi olacak.
Hackerlar artık sistem açığı bulmak yerine doğrudan yapay zeka asistanlarını manipüle ediyor. Örneğin Meta'nın destek botu manipüle edilerek hesapların ele geçirilmesi sağlandı. Dil modellerinin dışarıdan gelen talimatlara "ikna olma" zafiyeti, en az geleneksel yazılım açıkları kadar tehlikeli bir boyuta ulaştı. Prompt injection türü saldırılar önümüzdeki dönemin en büyük siber güvenlik problemi olacak.
+1 -1
View File
@@ -6,7 +6,7 @@ readTime: "5 min read"
author: "Poyraz Avsever"
slug: "newsletter2702082026-en"
excerpt: "This week, we have a packed agenda, from autonomous AI models and data center water consumption to major shifts in design tools, next-generation batteries, and chip technologies."
coverImage: "/blog/images/newsletter2702082026-cover.png"
coverImage: "/blog/images/newsletter2702082026-cover.webp"
lang: "en"
---
+1 -1
View File
@@ -6,7 +6,7 @@ readTime: "5 min read"
author: "Poyraz Avsever"
slug: "newsletter2702082026"
excerpt: "Bu hafta otonom hareket eden yapay zeka modellerinden veri merkezlerinin su tüketimine, tasarım araçlarındaki dönüşümden yeni nesil batarya ve çip teknolojilerine kadar yoğun bir gündemimiz var."
coverImage: "/blog/images/newsletter2702082026-cover.png"
coverImage: "/blog/images/newsletter2702082026-cover.webp"
lang: "tr"
---
@@ -6,7 +6,7 @@ readTime: "5 min read"
author: "Poyraz Avsever"
slug: "next-js-ile-edge-functions-h-zl-web-uygulamalar-nas-l-geli-tirilir"
excerpt: "Next.js ile Edge Functions: Hızlı Web Uygulamaları Nasıl Geliştirilir? TL;DR (Too Long; Didnt Read): Edge Functions, kullanıcıya en yakın konumda çalışan, hızlı serverless …"
coverImage: "/blog/images/next-js-ile-edge-functions-h-zl-web-uygulamalar-nas-l-geli-tirilir-cover.jpg"
coverImage: "/blog/images/next-js-ile-edge-functions-h-zl-web-uygulamalar-nas-l-geli-tirilir-cover.webp"
canonicalUrl: "https://medium.com/@poyrazavsever/next-js-ile-edge-functions-h%C4%B1zl%C4%B1-web-uygulamalar%C4%B1-nas%C4%B1l-geli%C5%9Ftirilir-d94eafacf50e"
---
@@ -245,4 +245,4 @@ Bir sonraki yazıda görüşmek üzere, **sağlıcakla!**
![](/blog/images/next-js-ile-edge-functions-h-zl-web-uygulamalar-nas-l-geli-tirilir-img-7.jpg)
> _Görseller_ **_Gemini_** _ile oluşturulmuştur._
> _Görseller_ **_Gemini_** _ile oluşturulmuştur._
@@ -6,7 +6,7 @@ readTime: "7 min read"
author: "Poyraz Avsever"
slug: "poyraz-ile-yazilima-dair-0309082026"
excerpt: "Bu hafta yapay zeka maliyet savaşlarından DeepMind liderlik değişimine, 100x geliştirici tartışmasından Figma dosya mimarisine ve teknoloji sektöründeki güç dengelerine kadar yoğun bir gündemimiz var."
coverImage: "/blog/images/poyraz-ile-yazilima-dair-0309082026-cover.png"
coverImage: "/blog/images/poyraz-ile-yazilima-dair-0309082026-cover.webp"
lang: "tr"
---
@@ -6,7 +6,7 @@ readTime: "6 min read"
author: "Poyraz Avsever"
slug: "poyraz-ile-yazilima-dair-1319072026"
excerpt: "Bu hafta yapay zeka model fiyat savaşlarından kurumsal ajan protokollerine, HTTP QUERY metodundan Figma ve Cloudflare güncellemelerine kadar yoğun bir teknoloji gündemimiz var."
coverImage: "/blog/images/poyraz-ile-yazilima-dair-1319072026-cover.png"
coverImage: "/blog/images/poyraz-ile-yazilima-dair-1319072026-cover.webp"
lang: "tr"
---
@@ -6,7 +6,7 @@ readTime: "13 min read"
author: "Poyraz Avsever"
slug: "poyraz-ile-yazilima-dair-2430082026"
excerpt: "Bu hafta kontrolden çıkan yapay zekâ ajanlarından fiziksel cihazları yöneten sistemlere, Kubernetes 1.37'den Apple M6'ya kadar yoğun bir teknoloji gündemimiz var."
coverImage: "/blog/images/poyraz-ile-yazilima-dair-2430082026-cover.png"
coverImage: "/blog/images/poyraz-ile-yazilima-dair-2430082026-cover.webp"
lang: "tr"
---
@@ -6,7 +6,7 @@ readTime: "7 min read"
author: "Poyraz Avsever"
slug: "poyraz-ile-yazilima-dair-26072026"
excerpt: "Bu hafta otonom yapay zeka güvenliğinden kamu kurumlarında üretken yapay zekaya, sıfır tıklama açıklarından Figma'nın tasarım araçlarındaki liderliğine kadar yoğun bir teknoloji gündemimiz var."
coverImage: "/blog/images/poyraz-ile-yazilima-dair-26072026-cover.png"
coverImage: "/blog/images/poyraz-ile-yazilima-dair-26072026-cover.webp"
lang: "tr"
---
@@ -6,7 +6,7 @@ readTime: "7 min read"
author: "Poyraz Avsever"
slug: "software-with-poyraz-0309082026"
excerpt: "This week, we have a packed agenda, from AI cost competition and DeepMind's leadership shift to the 100x developer debate, Figma's file architecture updates, and changing power dynamics in tech."
coverImage: "/blog/images/poyraz-ile-yazilima-dair-0309082026-cover.png"
coverImage: "/blog/images/poyraz-ile-yazilima-dair-0309082026-cover.webp"
lang: "en"
---
@@ -6,7 +6,7 @@ readTime: "6 min read"
author: "Poyraz Avsever"
slug: "software-with-poyraz-1319072026"
excerpt: "This week, we have a packed tech agenda, from AI model price wars and enterprise agent protocols to HTTP QUERY, Figma updates, and Cloudflare's machine-economy push."
coverImage: "/blog/images/poyraz-ile-yazilima-dair-1319072026-cover.png"
coverImage: "/blog/images/poyraz-ile-yazilima-dair-1319072026-cover.webp"
lang: "en"
---
@@ -6,7 +6,7 @@ readTime: "13 min read"
author: "Poyraz Avsever"
slug: "software-with-poyraz-2430082026"
excerpt: "This week, we cover rogue AI agents, systems that connect models to physical devices, Kubernetes 1.37, Apple's M6, and the growing importance of control across technology."
coverImage: "/blog/images/poyraz-ile-yazilima-dair-2430082026-cover.png"
coverImage: "/blog/images/poyraz-ile-yazilima-dair-2430082026-cover.webp"
lang: "en"
---
@@ -6,7 +6,7 @@ readTime: "7 min read"
author: "Poyraz Avsever"
slug: "software-with-poyraz-26072026"
excerpt: "This week, we have a packed tech agenda, from autonomous AI safety and generative AI in public institutions to zero-click vulnerabilities and Figma's leadership in design tools."
coverImage: "/blog/images/poyraz-ile-yazilima-dair-26072026-cover.png"
coverImage: "/blog/images/poyraz-ile-yazilima-dair-26072026-cover.webp"
lang: "en"
---
@@ -6,12 +6,12 @@ readTime: "5 min read"
author: "Poyraz Avsever"
slug: "vuejs-dokumantasyon-ceviri-projesi"
excerpt: "Vue.js öğrenme sürecimde hissettiğim Türkçe kaynak eksikliğini gidermek için başlattığım topluluk çeviri projesine davetlisiniz."
coverImage: "/blog/images/vuejs-ceviri-bolum1.png"
coverImage: "/blog/images/vuejs-ceviri-bolum1.webp"
---
# Vue.js Dokümantasyonunu Birlikte Türkçeye Çeviriyoruz!
![]( /blog/images/vuejs-ceviri-bolum1.png)
![]( /blog/images/vuejs-ceviri-bolum1.webp)
Merhaba,
@@ -25,7 +25,7 @@ Son zamanlarda kendimi frontend alanında geliştirmeye devam ediyorum ve rotam
## Peki Bunu Nasıl Düzenliyoruz?
![]( /blog/images/vuejs-ceviri-bolum2.png)
![]( /blog/images/vuejs-ceviri-bolum2.webp)
Açıkçası projeye ilk başladığımda "Bunu nasıl yöneteceğim?" sorusu kafamı biraz kurcaladı. Markdown dosyalarını tek tek kendi kendime çevirip commit atmak yerine, başkalarının da kolayca katılıp iş bölümü yapabileceği bir düzen kurmam gerekiyordu.
@@ -35,7 +35,7 @@ Yani dokümantasyondaki her sayfa, projemizde tamamlanmayı bekleyen bir görev
## Süreci Takip Etmek İçin Ne Yaptım?
![]( /blog/images/vuejs-ceviri-bolum3.png)
![]( /blog/images/vuejs-ceviri-bolum3.webp)
Issue açmak güzeldi ama "şu an kim ne yapıyor, hangi sayfa boşta?" sorularının yanıtı hala belirsizdi. Bu yüzden GitHub üzerinde bir **Kanban board** kurdum. Benim gibi projeler üretmeyi seven biriyseniz, o "Done" sütununun dolmaya başlamasının ne kadar motive edici olduğunu bilirsiniz.
@@ -49,7 +49,7 @@ Böylece kimse "acaba bu sayfayı çeviren var mı?" diye düşünmüyor. Her ş
## Nasıl Dahil Olabilirsiniz?
![]( /blog/images/vuejs-ceviri-bolum4.png)
![]( /blog/images/vuejs-ceviri-bolum4.webp)
Bu projeyi tek başıma yürütmemin çok uzun süreceğini söylemiştim. O yüzden eğer Vue.js öğreniyorsanız, İngilizce okuma pratiği yapmak istiyorsanız veya sadece açık kaynağa destek olmanın o güzel hissini yaşamak istiyorsanız sizi de bekliyoruz. Süreç inanın çok basit:
@@ -62,7 +62,7 @@ Gördüğünüz gibi aslında son derece standart bir açık kaynak katkı süre
## Çevirirken Dikkat Ettiğimiz Birkaç Şey
![]( /blog/images/vuejs-ceviri-bolum5.png)
![]( /blog/images/vuejs-ceviri-bolum5.webp)
Herkesin farklı bir çeviri tarzı olduğu için ortaya tutarlı bir Türkçe kaynak çıkması adına ufak tefek kurallarımız var elbette. Çok göz korkutucu şeyler değil; örneğin kod bloklarının içini çevirmemeye özen gösteriyoruz veya "component", "props", "render" gibi Türkçeye çevrildiğinde kafa karıştırabilecek teknik terimleri orijinal haliyle bırakmayı tercih ediyoruz.
@@ -70,7 +70,7 @@ Bütün bu detayları repomuzdaki `CONTRIBUTING.md` dosyasında derledik. Çevir
## Son Söz
![]( /blog/images/vuejs-ceviri-bolum6.png)
![]( /blog/images/vuejs-ceviri-bolum6.webp)
Eğer siz de benim gibi Vue.js dünyasını keşfediyorsanız veya halihazırda tecrübeli bir geliştiriciyseniz, bu projede herkese yetecek kadar sayfa var. Birlikte, ekosisteme değer katacak sağlam bir Türkçe kaynak bırakabiliriz.