Video Ekran Kayıtları 2025, Ocak

# 147: React-Powered Yorum Formu Başlatmak - CSS Hileleri

# 147: React-Powered Yorum Formu Başlatmak - CSS Hileleri

Bu eşleştirme ekran video kaydında Sarah Drasner bana katılıyor ve React ile ilgili ilk öğrendiklerimden bazılarında bana rehberlik ediyor. Bazı "gerçek dünya" tarzıyla uğraşıyoruz

# 148: Dee Gill ile İşleri Ortaya Çıkarma (HTML ve Flexbox) - CSS Hileleri

# 148: Dee Gill ile İşleri Ortaya Çıkarma (HTML ve Flexbox) - CSS Hileleri

Bu eşleştirme ekran video kaydında Dee Gill ile takılıyorum. Üzerinde çalıştığı yeni bir uygulama için bazı düzen öğelerine bir göz atacağız: Tinge. Bir tasarım maketi vardı "

# 146: Philip Walton ile Google Analytics'ten Daha Fazlasını Elde Etme - CSS Hileleri

# 146: Philip Walton ile Google Analytics'ten Daha Fazlasını Elde Etme - CSS Hileleri

Bu ekran video kaydında Philip Walton (Google Analytics'te Google için çalışan) ile eşleştiriyorum. Bir araya getirdiğimiz örnek olay incelemesini tamamlar: Kullanmayı Öğrenme "

# 145: Lara Schenck ile WordPress Çocuk Temaları - CSS Hileleri

# 145: Lara Schenck ile WordPress Çocuk Temaları - CSS Hileleri

Bu videoda Lara Schenck ve ben eşleşiyoruz ve o bana WordPress'teki çocuk temaları hakkında her şeyi öğretiyor. Senin de izlediğin bir podcast gibi! Biz dümdüz "

# 144: Kyle Simpson ile JavaScript / Kanvas Oyunu Oluşturma - CSS Hileleri

# 144: Kyle Simpson ile JavaScript / Kanvas Oyunu Oluşturma - CSS Hileleri

Kyle Simpson, kısmen JavaScript'le çalışma heyecanını yeniden canlandırma çabasıyla bir oyun geliştirmeye başladı. O gerçekten bir "oyun" değil

# 143: Üçüncü Taraf JSON'u WordPress ile Kullanma ve Önbelleğe Alma - CSS Hileleri

# 143: Üçüncü Taraf JSON'u WordPress ile Kullanma ve Önbelleğe Alma - CSS Hileleri

CSS Hilelerinin tasarımında bunu kaydederken eklemek istediğim şeylerden biri, CodePen tarafından desteklenen "Ön Uç Tasarım ve Geliştirme İşleri" widget'ıydı "

# 133: Duyarlı Görüntüleri Ortaya Çıkarma - CSS Hileleri

# 133: Duyarlı Görüntüleri Ortaya Çıkarma - CSS Hileleri

Duyarlı görüntü olayına ayak uydurmaya çalışmaktan zevk aldığım için muhtemelen biraz nadirim. Bu, çok sayıda "

# 140: Sarılacak Bir Altyazı Almaya Çalışırken CSS Yerleşim Tekniklerini Keşfetme - CSS Hileleri

# 140: Sarılacak Bir Altyazı Almaya Çalışırken CSS Yerleşim Tekniklerini Keşfetme - CSS Hileleri

Bu, uzun zaman önce yapmadığım bir blog gönderisinin video ekran yayını sürümüdür: Faydalı Flexbox Tekniği: Hizalama Kaydırmalı Sarma. CodePen Buluşması'ndaydım "

# 135: SVG'yi Canlandırmanın Üç Yolu - CSS Hileleri

# 135: SVG'yi Canlandırmanın Üç Yolu - CSS Hileleri

SVG'yi canlandırmak, onu canlandırmaya yaklaşabileceğiniz birbirinden tamamen farklı üç yol olması açısından biraz benzersizdir. 1. CSS @keyframes SVG ile Animasyon "

# 141: Duyarlı Görüntüler için Resimleri ve Sayıları Edinme - CSS Hileleri

# 141: Duyarlı Görüntüler için Resimleri ve Sayıları Edinme - CSS Hileleri

Duyarlı görüntüleri biliyorsunuz. HTML'deki görüntü sözdizimi hakkındadır. Doğru bilgiyi doğru söz dizimiyle verirseniz, tarayıcıyı alabilirsiniz "

# 142: CSS İle Nesneleri Gizleme - CSS Hileleri

# 142: CSS İle Nesneleri Gizleme - CSS Hileleri

CSS'de bir şeyleri gizlerken ve gösterirken ulaştığınız tek bir CSS özelliği yoktur. Burada ele alacağımız pek çok husus var "

# 136: Gerektiği Gibi Bir CMS'ye Taşıma - CSS Hileleri

# 136: Gerektiği Gibi Bir CMS'ye Taşıma - CSS Hileleri

Bu videoda, CodePen Buluşmaları sayfasını nasıl ele aldığımı dahil ettiğim belirli bir "gerçek dünya" durumu hakkında konuşuyorum. En baştaki günlerde "

# 137: SVG Herkes İçin - CSS Hileleri

# 137: SVG Herkes İçin - CSS Hileleri

Tipik bir ekran video kaydı yerine, bu benim konuşmamın videosu SVG, Treehouse ekibi tarafından BlendConf'ta kaydedilen Herkes içindir. Elbette var"

# 138: WordPress'te HTTPS Dönüşümünde Yürüme - CSS Hileleri

# 138: WordPress'te HTTPS Dönüşümünde Yürüme - CSS Hileleri

Kısa bir süre önce CSS Hileleri ile "her yerde HTTPS" ye geçtik. Oraya ulaşma adımlarını ayrıntılı olarak anlatan bir blog yazısı yazdım. Bu video bir arkadaştır "

# 13: Photoshop Maketi Dönüştürme: İkinci Bölüm, İkinci Bölüm - CSS Hileleri

# 13: Photoshop Maketi Dönüştürme: İkinci Bölüm, İkinci Bölüm - CSS Hileleri

Bu serinin İkinci Bölümünde sitenin yapısına devam ediyoruz. Photoshop'ta, menünün üç farklı durumunu oluşturup ardından "

# 139: Sunucu Tarafı Hardal Kesimini Açıklamak - CSS Hileleri

# 139: Sunucu Tarafı Hardal Kesimini Açıklamak - CSS Hileleri

Sunucu Tarafı Mustard Cut ile ilgili bu fikir hakkında yazılı bir yazı yayınladım. Dolayısıyla, kod örneklerini ve diğer şeyleri okuyup kontrol etmeyi seviyorsanız, bu "

# 132: Sass Math ve Mixins için Hızlı Faydalı Bir Örnek - CSS Hileleri

# 132: Sass Math ve Mixins için Hızlı Faydalı Bir Örnek - CSS Hileleri

Yüzen kutulardan oluşan akışkan bir ızgara yaptığım küçük bir tasarım durumu ortaya çıktı. Bir satır boyunca kaç kutunun çok olduğunu belirtmek istedim "

# 131: Flexbox ile Tamir Etmek - CSS Hileleri

# 131: Flexbox ile Tamir Etmek - CSS Hileleri

Bu videoda, flexbox olmadan neredeyse imkansız olabilecek küçük bir ön uç yerleşim sorununu ele alıyoruz. Ben de bununla ilgili bir makale yazdım "

130.: Grunt ile İlk Anlar - CSS Hileleri

130.: Grunt ile İlk Anlar - CSS Hileleri

Ön uç geliştiriciler olarak yapmamız gereken tüm bu görevler var. Dosyalarımızı birleştirin ve sıkıştırın. Ön işlemcilerimizi çalıştırın. Görüntüleri optimize edin. Koşmak"

# 127: JavaScript Şablonu Oluşturmanın Temelleri - CSS Hileleri

# 127: JavaScript Şablonu Oluşturmanın Temelleri - CSS Hileleri

Şablon, sayfaya enjekte etmeniz gereken bir HTML öbeğidir. Genellikle şablonlar "sunucu tarafı" oluşturulur - JavaScript'e tam olarak gelirler "

# 128: Effeckt.css, Grunt ile Yerel Kurulum ve GitHub'da Katkıda Bulunma - CSS Hileleri

# 128: Effeckt.css, Grunt ile Yerel Kurulum ve GitHub'da Katkıda Bulunma - CSS Hileleri

Effeckt.css, web tasarımcıları için yüksek performanslı, kaliteli CSS geçişleri ve animasyonlar sağlamayı amaçlayan, devam etmekte olan açık kaynaklı bir projedir. Fikir "

# 125: Web Teknolojisiyle Nasıl Güncel Kalınır - CSS Hileleri

# 125: Web Teknolojisiyle Nasıl Güncel Kalınır - CSS Hileleri

Bu, 2012 Aralık ayında bir konferansta yaptığım bir sunum. Bu ekran video kaydında size son bir kez, o 'CSS-Tricks abonesi veriyorum. BEN"

# 129: Emmet (Müthiş) - CSS Hileleri

# 129: Emmet (Müthiş) - CSS Hileleri

Emmet, HTML ve CSS'yi daha hızlı yazmanıza olanak tanıyan kod düzenleyicileri için bir eklentidir. HTML cephesinde, HTML için kısaltmalar yazmanıza izin verir. "

# 12: Photoshop Maketi Dönüştürme: İkinci Bölüm, Birinci Bölüm - CSS Hileleri

# 12: Photoshop Maketi Dönüştürme: İkinci Bölüm, Birinci Bölüm - CSS Hileleri

Photoshop Mockup'ı HTML / CSS'ye Dönüştürme'nin ilk serisi hakkında ÇOK harika geri bildirim alındı. Öyleyse tekrar yapalım! Her web sitesi farklıdır "

# 126: Modernizr Kullanımı - CSS Hileleri

# 126: Modernizr Kullanımı - CSS Hileleri

Modernizr, her modern web projesinin bir parçası olmalı mı? Şart değil. Bu ekran video kaydında, yapmayı planladığınızda Modernizr'e nasıl ihtiyacınız olduğundan bahsedeceğim "

# 124: Modern Bir Web Tasarımcısının İş Akışı - CSS Hileleri

# 124: Modern Bir Web Tasarımcısının İş Akışı - CSS Hileleri

Bu 2012'nin sonlarında ve 2013'ün başlarında konferanslarda verdiğim bir sunum. Bu ekran yayınında size son bir kez, o 'CSS-Tricks abonesi veriyorum. O"

# 122: Faviconların Durumu - CSS Hileleri

# 122: Faviconların Durumu - CSS Hileleri

Sonsuza dek hepimiz 16x16 grafikler yaptık ve bir şekilde .ico formatına aldık. Muhtemelen bu dönüştürücü aracını milyon kez kullandım. "Boyunca bir yerlerde

# 123: Tıkladığınızda Hareket Ederse, Bir Şey Yapışmasını Sağlayın - CSS Hileleri

# 123: Tıkladığınızda Hareket Ederse, Bir Şey Yapışmasını Sağlayın - CSS Hileleri

Bu video sırasında CSS-Püf Noktaları üzerindeki düğmelerin sahte bir 3D efekti var. Yukarıdan bir açıyla baktığınız mavi bir tuğlaya benziyorlar. Ne zaman"

# 121: Doğru CMS Özelleştirilmiştir - CSS Hileleri

# 121: Doğru CMS Özelleştirilmiştir - CSS Hileleri

Önemsiz olmayan içerik odaklı web sitelerinin ihtiyaçlarını karşılayan mükemmel CMS, kutudan çıktığı gibi çıkmaz. Özelleştirme gerektirirler. Örneğin, bir "

# 120: Medya Sorgu Karışımları için Harika Bir Metin Parçacığı - CSS Hileleri

# 120: Medya Sorgu Karışımları için Harika Bir Metin Parçacığı - CSS Hileleri

Daha önce özel Sublime Metin parçacıkları oluşturmakla hiç uğraşmamıştım. James Nowland bir tane gönderdiğinde, öğrenme fırsatını yakaladım. İşte burada: mq "