Video Ekran Kayıtları 2025, Ocak

# 24: Yuvarlatılmış Köşeler - CSS Hileleri

# 24: Yuvarlatılmış Köşeler - CSS Hileleri

İşte bir web sitesinde kutular için yuvarlatılmış köşeler oluşturmak için kullanabileceğiniz BEŞ farklı teknik. CSS ile bir şeyler yapmanın her zaman farklı yolları vardır ve "

# 23: Koşullu Stil Sayfaları - CSS Hileleri

# 23: Koşullu Stil Sayfaları - CSS Hileleri

Internet Explorer, özellikle farklı sürümleri için CSS stil bilgilerini hedeflemek için bir yol sağlar. Bu "koşullu stil sayfaları" en iyisidir "

# 22: Kırpma Yollarını Kesmek - CSS Hileleri

# 22: Kırpma Yollarını Kesmek - CSS Hileleri

Bu hafta Photoshop'a geri döndük çünkü tüm tasarımcılar için önemli olduğunu düşündüğüm çok özel bir beceriden biraz bahsetmek istedim. Yani"

# 20: jQuery'ye Giriş - CSS Hileleri

# 20: jQuery'ye Giriş - CSS Hileleri

Popüler JavaScript kitaplığı jQuery, sitenizin tasarım olanaklarını CSS'nin yapabileceklerinin ötesine genişletmenin harika bir yoludur. Ama neyse ki öyleysen "

# 21: İletişim Formunun İzlenmesi - CSS Hileleri

# 21: İletişim Formunun İzlenmesi - CSS Hileleri

İletişim Formu bazı açılardan "Merhaba Dünya!" web tasarımcıları ve web geliştiricilerinin uygulamaları. Daha önce yapılmamış bir şey değil "

# 199: JSX ile Mesajlaşma - CSS Hileleri

# 199: JSX ile Mesajlaşma - CSS Hileleri

Muhtemelen bunu uzun zaman önce öğrenmeliydim, ama ne yazık ki buradayız. JSX'in hangi işlevi kullanmasını istediğinizi söyleyebildiğiniz ortaya çıktı. Evet, JSX gerçekten yalnızca "

# 194: Jetpack'in Sosyal Bütünleşmesi - CSS Hileleri

# 194: Jetpack'in Sosyal Bütünleşmesi - CSS Hileleri

Jetpack, sitenizin sosyal medyasını otomatikleştirmeye yardımcı olabilir. Jetpack'in yapabileceği tüm büyük şeylere kıyasla oldukça küçük bir özellik, örneğin sitenizi iyileştirmek "

# 1: Photoshop Maketi Dönüştürme (bölüm 1/3) - CSS Hileleri

# 1: Photoshop Maketi Dönüştürme (bölüm 1/3) - CSS Hileleri

Bu ilk video podcastinde, bir web sitesinin Adobe Photoshop modelini gerçek bir CSS tabanlı web sitesine dönüştürme sürecini başlatıyorum. Bu"

# 180: Mobil Cihazda Video İle İlgili İşlemler - CSS Hileleri

# 180: Mobil Cihazda Video İle İlgili İşlemler - CSS Hileleri

Adil uyarı: Bu konuda uzman değilim, yalnızca web'de video ile oynuyorum ve video klipleri "içinde gösterirken karşılaştığım bazı sorunları ele alıyorum"

# 196: Kyle Simpson ile Öğrenme Grid ve Flexbox - CSS Hileleri

# 196: Kyle Simpson ile Öğrenme Grid ve Flexbox - CSS Hileleri

Kyle bir JavaScript uzmanıdır. Web hakkında çok şey biliyor ve CSS hakkında da çok şey biliyor, ancak flexbox gibi modern CSS mizanpaj araçları konusunda güncel değil "

# 197: Stackbit ve Stackbit Studio'ya Bir Bakış - CSS Hileleri

# 197: Stackbit ve Stackbit Studio'ya Bir Bakış - CSS Hileleri

Stackbit uygulaması, yeni bir Jamstack sitesini çok hızlı bir şekilde başlatmanıza yardımcı olur. Bir tema, bir statik site oluşturucu ve bir CMS seçin, sizin için bir depoya sahip olsun "

# 198: Pozisyon Özelliği Hakkında - CSS Hileleri

# 198: Pozisyon Özelliği Hakkında - CSS Hileleri

Statik: varsayılan göreli: üst / sağ / alt / sol ile etrafta gezinmenize izin vererek z-endeksinin çalışmasını sağlar, size bir konumlandırma bağlamı mutlak verir: "

# 19: Twitter Güncellemeleri için Benzersiz Bir Sayfa Tasarlama - CSS Hileleri

# 19: Twitter Güncellemeleri için Benzersiz Bir Sayfa Tasarlama - CSS Hileleri

Bu hafta sizi, Twitter'daki son 'Tweetlerinizi' baştan sona görüntülemek için basit bir web sayfası oluşturmaya götürüyorum. Bu, "

# 178: Percy Her İş Akışında Görsel Değişiklikleri Yakaladı - CSS Hileleri

# 178: Percy Her İş Akışında Görsel Değişiklikleri Yakaladı - CSS Hileleri

Percy'nin sizin için tam olarak neler yapabileceğini anladığınızdan emin olmak istedim, dolayısıyla başlık. Web sitelerinizin Git deposunda bir değişiklik yaptığınızda, "

# 195: CSS ile Nasıl Çizgi Çizilir - CSS Hileleri

# 195: CSS ile Nasıl Çizgi Çizilir - CSS Hileleri

Aptalca basit, değil mi? Bu! Ancak birkaç dakika düşünmek ve bunu yapabileceğimiz birçok farklı yolu saymak eğlenceli. Ve ne demek istiyorum "

# 193: Scully: Angular için SSG - CSS Hileleri

# 193: Scully: Angular için SSG - CSS Hileleri

Tara Z. Manicsic, Angular için Statik Site Üreticisi olan Scully'nin temellerini oluşturan bu videoda bana katıldı - hayır, "için SSG"

# 192: Sorundan Kurtulmak için Git Hileleri - CSS Hileleri

# 192: Sorundan Kurtulmak için Git Hileleri - CSS Hileleri

Git, kaynak kodunuzu idare etmek için ne kadar şaşırtıcı olsa da, git (lol) ile başınızı belaya sokabilirsiniz. Ya bir dosyada değişiklik yaparsanız ve "

# 169: Bir Ön Uç Geliştirici Gibi Düşünmek - CSS Hileleri

# 169: Bir Ön Uç Geliştirici Gibi Düşünmek - CSS Hileleri

Bu, WordCamp ABD'deki konuşmamdan bir video. Bugünlerde ön uç geliştirmenin ne hale geldiğine bir göz atalım. Rolün ne olduğundan başlayarak, nerede "

# 188: Örtüşen Başlık Modelini Keşfetme - CSS Hileleri

# 188: Örtüşen Başlık Modelini Keşfetme - CSS Hileleri

Snook, "CSS Grid ile Örtüşen Başlık" başlıklı bir makale yayınladı ve burada, trendleri aştığını hissettiğim bir başlık tasarım modeline baktı ve "

# 189: Kişisel ve Genel Kullanım Kavramı - CSS Hileleri

# 189: Kişisel ve Genel Kullanım Kavramı - CSS Hileleri

Bu, Notion'un kullanımıyla ilgili küçük dizimizin son videosu. Notion'un web geliştirme ekiplerinde çalışmak için ne kadar harika olduğunu ele aldık. Ama başka bir şey "

# 187: Takım Toplantıları ve Dokümantasyon Kavramı - CSS Hileleri

# 187: Takım Toplantıları ve Dokümantasyon Kavramı - CSS Hileleri

Bu, Notion'un kullanımıyla ilgili 3 videolu dizinin ikinci videosudur. 1. Bölümde, Notion'un herhangi bir ekip ve web için ne kadar harika olduğu konusunda birçok yeri ele aldık "

# 184: İçi ve Hizalanmış Listeler - CSS Hileleri

# 184: İçi ve Hizalanmış Listeler - CSS Hileleri

Listelerin işaretlerini kendi kutularının dışında göstermesi (varsayılan olarak) biraz gariptir. Herhangi bir gizli taşma veya "

# 18: Grup Web Sitesi Şablonuna Giriş - CSS Hileleri

# 18: Grup Web Sitesi Şablonuna Giriş - CSS Hileleri

Yakın zamanda Band Website Template adında bir yan proje yayınladım. Bu sadece kısa bir tur, neden inşa edildiğini ve neden düşündüğümü açıklıyor "

# 185: CSS Maskeleriyle Oynamak - CSS Hileleri

# 185: CSS Maskeleriyle Oynamak - CSS Hileleri

CSS'de maskeleme, öğenin parçalarını gizlemenin ve diğerlerini göstermenin bir yoludur. Bir diğeri ise kırpma yolu, ama bugün buna odaklanmayalım. "Maskeler görüntülerdir; Klipler"

# 183: Sanat Yönetmenliği Görüntüleri, Resim Öğesi ve Görüntü CDN'leri - CSS Hileleri

# 183: Sanat Yönetmenliği Görüntüleri, Resim Öğesi ve Görüntü CDN'leri - CSS Hileleri

Bu bir afet fenomeni! Dönüştürmek için resmin URL'sini değiştirmenize olanak tanıyan resim barındırma hizmetleri fikrinden bahsediyorum "

# 186: Web Geliştirme Ekipleri için Fikir - CSS Hileleri

# 186: Web Geliştirme Ekipleri için Fikir - CSS Hileleri

Özellikle ekipleri uyumlu tutmak için büyük bir Notion hayranıyım. Geliştiricilerden oluşan ekipler üzerinde çalışıyorum ve bunun için özellikle işe yaradığını düşünüyorum. Olsaydı "

# 182: Bebeğin İlk Vue SFC'si - CSS Hileleri

# 182: Bebeğin İlk Vue SFC'si - CSS Hileleri

SFC, Vue'nun sunduğu ve Vue kullanıcılarının sevdiği bir şey olan "Tek Dosya Bileşeni" ndeki gibi. Günlerimde çok az Vue yazdım ama hayranıyım! "

# 181: HTML Listelerinde Oynama - CSS Hileleri

# 181: HTML Listelerinde Oynama - CSS Hileleri

Geçen gün iç içe geçmiş bir listenin tam olarak doğru aralığa sahip olmadığı aptal bir sorunum vardı. Liste öğelerine yalnızca kenar boşluğu ekliyordum ve "

# 179: Karelerden Oluşan Bir Izgara - CSS Hileleri

# 179: Karelerden Oluşan Bir Izgara - CSS Hileleri

Bir ızgara yapmak için CSS ızgarasını kullanmak, asıl mesele. Peki ya tüm bu ızgara öğelerinin 1: 1 kare gibi bir en boy oranını korumasını istiyorsanız? Onun"

# 176: Framer Motion ile Çalışma - CSS Hileleri

# 176: Framer Motion ile Çalışma - CSS Hileleri

Framer'dan Matt Perry ve ben React animasyon kitaplığı Framer Motion'a bir göz atıyoruz. İlk olarak, API'nin ne kadar basit olduğuna bir göz atalım. Sen kontrol et "