Video Ekran Kayıtları 2025, Ocak

Pek çok site sayfalarını oluşturmak için herhangi bir süslü İçerik Yönetim Sistemi (CMS) kullanmaz, bunlar sadece statik HTML içeriği için iyidir. Sizin için bir site "

Burada defalarca söylediğimiz gibi: simge yazı tipleri harika. CSS sprite'larının verimli olduğu gibi etkilidirler: "

Bu ekran yayınında, herhangi bir planlama olmaksızın daha fazla forum gönderisine cevap veriyoruz. Baktığımız konuların hiçbirinde bir homerun bulduğumuzu sanmıyorum, ama "

Hayatımda hiç GitHub'da bir "Çekme İsteği" göndermedim. Bir şans vermek istedim, bu yüzden bu video benim anlamaya çalıştığım anı yakalıyor "

Bu ekran video kaydında, olabildiğince çok soruyu yanıtlamak için Forumlara geçiyoruz. Önemli olan biraz eğlenmek ve size bunun ne kadar kolay olduğunu göstermektir "

Web sitelerinizi daha hızlı hale getirmek için yapabileceğiniz gerçekten basit dört şeyi sunuyorum. İmge sprite yapmak kadar karmaşık bir şey bile yok (ki bu o değil "

Bir sitenin düzeni solda ana içerik alanı ve sağda kenar çubuğu olarak basit olsa bile, bu bir ızgaradır. CSS'de yeni mizanpaj yöntemleri var "

CodePen PRO, bir dizi yeni özellik sunar. Onlar hakkında okuyabilirsiniz, ancak onları doğru göstermek çok daha iyi? : ve bu sadece başlangıç. "

CodePen, ön uç kodu ile paylaşmak ve oynamak için bir uygulamadır. Bazı arkadaşlarımla başardım: Alex Vazquez ve Tim Sabat. Bu tipik "

Bu, farklı CSS konum değerlerinin başlangıç ​​düzeyinde hızlı bir genel bakışıdır. Özetle: göreli, "dürtmenize" izin verir ve öğenin "

Bu ekran yayınında, kendi kişisel web sitemi eski canlı FTP düzenleme yöntemlerimden, dağıtım dahil olmak üzere uygun bir sürüm kontrollü sisteme taşıdım. Ben yok "

Bu cesur yeni ön işleme dünyasında korkulacak bir şey yok. Yerel uygulamalar bunu o kadar kolaylaştırıyor ki, herhangi bir modernin hayati bir parçası olmalı "

Web siteleri için üç farklı düzen türü vardır: Sabit Genişlik, Değişken Genişlik ve Elastik Genişlik. Bu ekran video kaydında bu üçüne de bakıyoruz "

Chartwell, özellikle basit ve güzel pasta grafikler, çubuk grafikler ve çizgi grafikler oluşturmak için kullanılan bir yazı tipidir. Basit denklemler yazmak kadar basit "

LiveReload, web geliştiricileri için oldukça yararlı olan yalnızca Mac için bir menü çubuğu uygulamasıdır. Sadece ona belirli bir klasörü izlemesini söyleyin ve bir dosya kaydedildiğinde "

Bu ekran kaydı sırasında varsayılan WordPress teması, harika bir şekilde basit ve duyarlı bir tasarım olan TwentyEleven'dir. Yani, bir harika yayınlayana kadar "

Testlere yardımcı olmak için farklı tarayıcılarda web sitelerinin ekran görüntülerini size göstermek için birçok araç vardır. Ancak ekran görüntüsü pek çok yönden eksik: hayır "

Sprite kullanmanın iyi bir fikir olacağını bildiğim bir yerin gerçek bir örneğini aldığımda, sprite'ı Photoshop'ta (tercih ettiğim yöntem) elle oluşturun ve "

Web sitesini tarayıcıdan kaydedin (Firefox'ta bir .html dosyası ve tüm kaynakları alırsınız), Genel klasörünüze bırakın ve sağ tıklamayı kullanın "

Burada "duyarlı web tasarımının" ne anlama geldiğinin temellerini gösteriyorum ve açıklıyorum. Sonra her yere gidip örnekler gösteriyorum, "

Tüm bir saatimizi bir Photoshop tasarımına bakarak ve gördüklerimizi tanımlayan HTML5 biçimlendirmesi yazmaya harcıyoruz. Elimizden geldiğince anlamsal olmaya çalışıyoruz ve tartışıyoruz "

Muhtemelen sürüm kontrolünü kullanmanın neden iyi bir şey olduğunun oldukça farkındasınızdır. Değilseniz de, bu videoda hızlıca geçeceğim. Sonra biz giriyoruz "

Bu, v10 yeniden tasarım serisinin ekstra özel EMPIRE STRIKES BACK temalı bölümü! Her şey gayet güzel başlıyor. Bazı şeyleri değiştirmeye başladık "

Bu, v10 yeniden tasarım serisinin JEDİ'NİN GERİ DÖNÜŞÜ temalı ekstra özel bir bölümü! Son ekran video kaydını tamamen yenilmiş olarak bıraktık. "Kullanmaya çalışıyorduk"

Almanak v9'da başlatılan ve hiçbir zaman tam olarak yapılamayan bir şeydi. Her geçen gün daha da yaklaşıyor. Yani v10'da "

Arama işe yarıyor! Bu sadece üzerine geldiğiniz şablon pek doğru değil. Doğru görünmesi ve "

Tek tek galeri sayfası için şablon oluşturmaya devam ederken buradan çalışacak biraz Photoshop modelimiz var. İlk olarak, Sonraki'nin stilini belirledik "

Başlıktaki arama alanı tasarlandığı şekilde "çalışır" ve açıp kapatabilir ve tüm bunları tıklayabilirsiniz. Ama aslında herhangi bir arama yapmıyor "

Tüm bu zamanı statik modelimizde, Galerideki resimleri "düzgün bir şekilde yükleyecek" bazı akıllı JavaScript'ler hazırlayarak geçirdik. Artık gerçek bizde "

Tüm Google Özel Arama Motorlarımız kuruldu (sitenin her bölümü için farklı bir tane oluşturuyoruz). Arama için kullanıcı arayüzümüz kullanıma hazır. Sahibiz"