Video Ekran Kayıtları 2025, Ocak

Bu, bir WordPress sitesiyle yerel olarak nasıl çalıştığım ve ardından onu üretime geçirdiğimin temelleri. Flywheel, CSS-Tricks'in sponsorudur ve onlara sevindim "

Sürgülü kapılar yeni bir konsept olmaktan uzak olsa da, birden çok arka plan için (CSS3) daha geniş bir destek gördüğümüzde kullanımdan kaldırılacak olsa da, bu hala "

Chrome DevTools'un size şunları sağlayan bir özelliği vardır: Geçerli web sayfasının kullandığı herhangi bir kaynağın kodunu görün (CSS ve JavaScript gibi). "Güzel"

(Bu, CSS-Tricks ve Webflow'da aramızda üzerinde çalıştığım sponsorlu bir videodur. Webflow'un web sitesi oluşturmak için büyüleyici bir ürün olduğunu düşünüyorum.

Ve "biz" derken, biz ön uç geliştiricileri kastediyorum;) İşte bu konuşma ile birlikte gelen web sitesi. Bu, bunu varsaydığım yerde bir araya getirdiğim bir konuşma, tamam "

Netlify'den David Wells ve Sunucusuz ile bir şeyler inşa etmek için küçük adımlar atıyoruz. Burada çoğunlukla bulut işlevlerine ve nasıl kullanıldığına bakacağız "

Tüm SVG kullanımımın% 98'inin, nihayetinde SVG olarak dışa aktardığım bazı tasarım yazılımlarındaki önceden oluşturulmuş SVG dosyalarından veya vektör çizimlerinden geldiğini görüyorum. Süper değil "

Adil uyarı! Bu, bu teknolojilerin nasıl kurulacağına dair hızlı, anlaşılır, uzman odaklı bir özet değildir. Yine de, sonunda yapacağız "

Bu sitenin v17 ana sayfasındaki kartlarla aynı temel fikir. Chris Coyier (@chriscoyier) tarafından "Kalem Hareketli Kartları"

David Wells ve Chris Coyier, Netlify'de statik olarak barındırılan bir uygulamayı nasıl oluşturabileceğiniz, ancak yine de onu güçlendirmek için bir arka uç veritabanına sahip olabileceğinizden bahsediyor. "

Bu bölüm 12, 13 ve 14. bölümlerin ön eşiğidir. Boş bir Photoshop belgesine geri dönüp onu yeniden oluşturuyoruz. Bu bölümde HTML / CSS yok, "

Yaptığınız her çekme talebinin size sitenizde görsel olarak tam olarak nelerin değiştiğini göstermesi için bir inceleme sistemi kurabileceğinizi biliyor muydunuz? Bu "

Netlify'den David Wells ve ben bu soruyu anlaşılır bir şekilde yanıtlamaya özen gösteriyoruz. Hala ilgili sunucular var mı? Tabii ki, ama sen "

WooCommerce, WordPress için güçlü ve esnek bir e-ticaret eklentisidir. Abonelik veya üyelik satmak mı istiyorsunuz? WooCommerce bunu yapabilir mi? Dijital"

Bu videoda bana Dustin Schau da katıldı ve beni CSS-in-JS olarak bilinen dünya turuna çıkaracak. Yani, senin "

Bu, Automattic ile sponsorluk için son birkaç ayda yaptığım dört videonun bir derlemesidir. Çoğunlukla Jetpack, bir WordPress eklentisi I "

Jetpack, Jetpack'in ne olduğu ve siteniz için neler yapabileceği ile ilgili bu videoya sponsor oldu. Ama bunlar benim sözlerim! Ben büyük bir Jetpack hayranıyım ve Jetpack'i çalıştırıyorum "

İnternet, metafor olmadan, kablolarla birbirine bağlanmış bir grup sunucudur. Sunucular olmasaydı, kreasyonlarımızı "

Bu son zamanlarda birkaç konferansta yaptığım bir konuşma. CSS'de yaklaşık dört farklı özellik: şekil-dışında uzaklık-yol klip-yolu d İşte "

Sarah Dr. Vue, kesinlikle patlayan çok popüler bir JavaScript çerçevesidir. Sarah çekirdek ekipte ve en çok "

Firebug, web tasarımcıları ve geliştiricileri için önemli bir Firefox uzantısıdır. Biçimlendirmeyi görmek için sayfadaki herhangi bir öğeyi hızlı bir şekilde hedefleyebilirsiniz.

CSS Grid uzun süredir geliyor gibi görünüyor, ancak şimdi insanların onun hakkında giderek daha fazla konuştuğu bir noktaya ulaşıyor gibi görünüyor "

CSS-Tricks'in kendisi bir WordPress sitesidir ve WordPress bunun için mükemmeldir. Oturum açma ve izin sistemi gibi şeyler arasında, blog oluşturma "

Eric Portis, duyarlı görüntülerin dünyasına girmek için bana katılıyor. Temelden başlıyoruz. Duyarlı resimler özellikle HTML biçimindeki resimlerdir ve mevcuttur "

Geçen gün Eli Brumley tarafından harika bir etkileşimli etkiye sahip bir Dribbble çekimi gördüm. Basit, dairesel bir mavi düğme tıklandığında, küçük bir "

Bazen, büyük ve karmaşık bir şeyi öğrenmeye doğru bir yolculuğa başlamak için küçük ve basit bir şey öğrenmeniz gerekir. JavaScript çok büyük ve karmaşıktır, ancak "

Sublime Text oldukça popüler bir kod editörüdür. Popülerliğine ve bu konuda duyduğum tüm güzel şeylere rağmen, hâlâ diğerlerine çok güveniyorum "

Başka bir eşleştirme ekran yayını zamanı! Bu sefer Filament Group'tan Zach Leatherman var. Zach çok fazla araştırma, yazma ve konuşma yaptı "

Mockup dönüşümünü burada Bölüm Üç'te tamamlıyoruz. "Makale alanını" ve "kenar çubuğunu" (anlamsal sınıf adlandırma!) Oluşturuyoruz ve ardından "

Bu ekran görüntüsünde, diğer şeylerin yanı sıra Pattern Lab'de çalışan Brian Muenzenmeyer ile eşleşiyorum. Özellikle, Pattern Lab'in Düğüm sürümü "