Video Ekran Kayıtları 2025, Ocak

# 156: Webpack Hakkında Konuşalım - CSS Hileleri

# 156: Webpack Hakkında Konuşalım - CSS Hileleri

Sean Larkin, Webpack hakkında konuşmak için bana katıldı! Webpack'in ne olduğu ve ne yaptığı konusunda kafamın biraz karıştığından şüpheliyim. Aktif olsanız bile "

# 134: Jekyll, Grunt, Sass, SVG Sistemi ve Daha Fazlasıyla Oluşturulan Devam Eden Bir Site Turu - CSS Hileleri

# 134: Jekyll, Grunt, Sass, SVG Sistemi ve Daha Fazlasıyla Oluşturulan Devam Eden Bir Site Turu - CSS Hileleri

Uyarı: Bu, bir site için derleme sürecini destekleyen koda baktığımız dolambaçlı, orta düzey bir ekran video kaydıdır. Herhangi bir kod yazmıyoruz. "

# 99: HTML5 Form Türlerine, Niteliklerine ve Öğelerine Genel Bakış - CSS Hileleri

# 99: HTML5 Form Türlerine, Niteliklerine ve Öğelerine Genel Bakış - CSS Hileleri

HTML5, tümü web'deki formları daha iyi hale getiren bir dizi forma özgü özelliğe sahiptir. Özellikler için tarayıcı desteği haritanın her yerindedir, ancak "

# 9: Yıldızlı Gece: Paralaks Etkili 3 Boyutlu Arkaplan - CSS Hileleri

# 9: Yıldızlı Gece: Paralaks Etkili 3 Boyutlu Arkaplan - CSS Hileleri

Alfa şeffaf PNG dosyalarının üç katmanını kullanarak, bir web sayfası için sözde 3 boyutlu görünümlü bir arka plan oluşturabiliriz. Bu ekran video kaydı, "

# 98: Vücut Sınırlarıyla Oynamak - CSS Hileleri

# 98: Vücut Sınırlarıyla Oynamak - CSS Hileleri

Tarayıcı penceresinin içine bir kenarlık koymak çok basit bir fikirdir ve hoş bir tasarım efekti olabilir. Ama bunu nasıl yapacağız ki "

# 96: Formlar için localStorage - CSS Hileleri

# 96: Formlar için localStorage - CSS Hileleri

HTML5, localStorage adı verilen kalıcı verileri depolamak için inanılmaz derecede basit bir yönteme sahiptir. Doğal olarak, yalnızca anahtar / değer çiftiyle bir yöntemi çağırırsınız ve bu "

# 97: CSS Animasyonlarına Giriş - CSS Hileleri

# 97: CSS Animasyonlarına Giriş - CSS Hileleri

Geçişler gibi animasyonlar da zaman içinde sayfa öğelerini değiştirebilir. Animasyonlar birçok yönden daha güçlü ve daha karmaşıktır. "Beyan etmelisiniz"

# 95: Sınır Degradelerinin Hikayesi - CSS Hileleri

# 95: Sınır Degradelerinin Hikayesi - CSS Hileleri

Sınırlarda gradyan elde etmenin basit bir yolu olduğu ortaya çıktı. Bu benim ulaşması gerekenden daha uzun sürdü, bu ekran video kaydı kapakları "

# 94: Sözde Öğelere Giriş - CSS Hileleri

# 94: Sözde Öğelere Giriş - CSS Hileleri

Sözde öğeler, bir web sayfasındaki "DOM'da" olmayan veya HTML'den oluşturulan, bunun yerine doğrudan CSS'den eklenen görünür öğelerdir. Bu, "

# 93: CSS3 Kaydırmalı Kutuları - CSS Hileleri

# 93: CSS3 Kaydırmalı Kutuları - CSS Hileleri

Bir "kayan" kutu efekti oluşturmak için birkaç çok basit CSS3 geçişi kullandığımız için takip edin. Farenizle kutunun üzerine gelin ve kutunun başlığı "

# 92: Çizim Tablosunun Kod İzlenişi - CSS Hileleri

# 92: Çizim Tablosunun Kod İzlenişi - CSS Hileleri

Çizim Tablosu özünde tek sayfalık bir mini jQuery uygulamasıdır. Hücrelerin renklerini değiştirerek renkli bir tasarım yaratan tek temel işlevi vardır "

# 91: WordPress Döngüsü - CSS Hileleri

# 91: WordPress Döngüsü - CSS Hileleri

WordPress'in ünlü içerik yayma yapısı hakkında belge sıkıntısı yok, ancak yine de daha fazla kafa karışıklığı ve gizem olduğunu hissediyorum "

# 86: MAMP ile İlk Anlar - CSS Hileleri

# 86: MAMP ile İlk Anlar - CSS Hileleri

Bu konuda zamanın çok gerisindeyim, ancak yakın zamana kadar yerel olarak hiçbir zaman gerçekten gelişmemiştim. Yaptığım her şey "komandoya gitmek" ve çalışmaktı "

# 90: Basit TextMate İpuçları - CSS Hileleri

# 90: Basit TextMate İpuçları - CSS Hileleri

TextMate, yalnızca Mac için bir kod düzenleyicidir. Bu sefer tüm PC kullanıcılarına özür dilerim. Bu ekran videolarını uzun süredir izliyorsanız, kullandığımı biliyorsunuz "

# 89: Photoshop Belgesini Düzenleme - CSS Hileleri

# 89: Photoshop Belgesini Düzenleme - CSS Hileleri

Benim gibiyseniz, ikiniz de ciddi şekilde organize edilmemiş Photoshop belgelerinden suçlusunuz ve iyi organize edilmiş belgeleri takdir ediyorsunuz. Düzensizlik "

# 8: CSS Biçimlendirme - CSS Hileleri

# 8: CSS Biçimlendirme - CSS Hileleri

Düzenli olmak ve CSS dosyalarınızda iyi biçimlendirme kullanmak, geliştirme süreciniz sırasında ve özellikle "

# 88: Pusula / Sass'a Giriş - CSS Hileleri

# 88: Pusula / Sass'a Giriş - CSS Hileleri

Bir grup tasarımcıya CSS'nin şu anda yapamayacağı şeyi yapabilmesini dilediklerini sorun ve "için özelliklerin listesine çok benzeyen büyük bir liste alacaksınız"

# 85: Dinamik İçerikle En İyi Uygulamalar - CSS Hileleri

# 85: Dinamik İçerikle En İyi Uygulamalar - CSS Hileleri

"Mayıs Bakım Ayı" sırasında güncellediğim makalelerden biri dinamik içerikle ilgili bir makaleydi. Fikir, bir bağlantının tıklandığı basit bir web sitesiydi "

# 87: MAMP ile Yükselmek - CSS Hileleri

# 87: MAMP ile Yükselmek - CSS Hileleri

MAMP ile yerel olarak çalışmak harika, peki ya bu siteyi yayına almanız gerektiğinde ne olacak? Yerel olarak en son bir WordPress sürümü yüklediğimizde, şimdi "

# 83: SEO Üzerine Düşünceler - CSS Hileleri

# 83: SEO Üzerine Düşünceler - CSS Hileleri

Adil uyarı: normalden daha fazla başıboş. SEO hakkındaki düşüncelerimi dinleyin. Bildiğimi düşündüğüm şey, SEO'nun oldukça açık bir dizi en iyi uygulama olduğu. A "

# 84: chris-mcgarry.com Sitesinde İzlenecek Yol - CSS Hileleri

# 84: chris-mcgarry.com Sitesinde İzlenecek Yol - CSS Hileleri

Yeni bir albüm çıkaran müzisyen bir arkadaşım için bir site kurdum. Açıkça oynatılabilir parçalara sahip olmak önemlidir, ancak klasik sorun "

# 81: WordPress Temasını AJAXing - CSS Hileleri

# 81: WordPress Temasını AJAXing - CSS Hileleri

Bir WordPress temasına AJAX işlevselliği ekleyerek yolumu açarken beni izleyin. Buradaki fikir, sitedeki herhangi bir dahili bağlantının ana sayfaya yüklenmesidir "

# 82: CSS Görüntü Değiştirici - CSS Hileleri

# 82: CSS Görüntü Değiştirici - CSS Hileleri

Bir bağlantının üzerine gelin, yukarıdaki resmin değişmesini izleyin. Bu ekran video kaydında oluşturduğumuz şey bu, ancak bunu yapmak için JavaScript kullanmıyoruz. İşin püf noktası "

# 80: Tekerlek Buluşuna İlişkin - CSS Hileleri

# 80: Tekerlek Buluşuna İlişkin - CSS Hileleri

Bir çiftin düğünleri için herkesin düğünden kendi fotoğraflarına göz atıp yükleyebileceği bir fotoğraf galerisine ihtiyacı vardır. Başlangıç ​​seviyesindeki geliştirici: Biliyorum "

# 79: jQuery ile Eksiksiz / Sıraya Girmeyen Animasyonlar - CSS Hileleri

# 79: jQuery ile Eksiksiz / Sıraya Girmeyen Animasyonlar - CSS Hileleri

JQuery'nin .animate () işlevini fareyle üzerine gelme olayı gibi bir şeyle kullandığınızda, bu animasyonlar "sıraya girecektir". Yani, fareyle birden çok kez gelirseniz

# 7: Üç Durum Menüsü - CSS Hileleri

# 7: Üç Durum Menüsü - CSS Hileleri

CSS Sprites tekniğinin bir varyasyonunu kullanarak, menü öğesi başına yalnızca bir görüntü kullanarak "üç durumlu" bir menü oluşturabiliriz. Bu, istek sayısını azaltır "

# 78: Web Reklamcılığı Üzerine - CSS Hileleri

# 78: Web Reklamcılığı Üzerine - CSS Hileleri

Bu ekran video kaydında çevrimiçi reklamcılığı tartışıyorum. Ne olduğu, nasıl çalıştığı ve neden kötü olmadığı (olduğu zamanlar hariç). Deneyimlerim hakkında konuşuyorum, "

# 72: Bir Web Sitesi Oluşturma (2/3): HTML / CSS Dönüştürme - CSS Hileleri

# 72: Bir Web Sitesi Oluşturma (2/3): HTML / CSS Dönüştürme - CSS Hileleri

Bu serinin 2. bölümünde, birinci bölümde oluşturduğumuz Photoshop modelinin HTML / CSS dönüşümüne başlıyoruz. Çok iskelet bir projeyle başlıyoruz "

# 77: Bireysel Bir Makalenin Stilini Oluşturma - CSS Hileleri

# 77: Bireysel Bir Makalenin Stilini Oluşturma - CSS Hileleri

"Sanat yönetmenliği" yazıları fikri son zamanlarda çok popüler. Web’deki bir makaleye yazdırma biçiminde benzersiz bir stil uygulama fikri "

# 76: Canlı Sitede jQuery Turu - CSS Hileleri

# 76: Canlı Sitede jQuery Turu - CSS Hileleri

Meşgulüm, meşgulsün, bu çılgın web dünyasında son teslim tarihlerini karşılamak ve işleri halletmekle meşgulüz. Yapabildiğimde yeni teknolojileri öğrenmeyi seviyorum, "