Video Ekran Kayıtları 2025, Ocak
Bu sekiz üst düzey gezinme sekmesine sahibiz, ancak Ana Sayfa "çalışan" tek sekmedir. Sırf üzerinde çalışacağımız bazı sayfalarımız olması için, "
Hatırlayabildiğim kadarıyla, CSS Hilelerindeki kod bloğuna sözdizimi vurgulamasını uygulamak için Google Code Prettify'ı kullandım. Biliyorsun, "gibi bir satırda nerede
Prism.js'yi yeni kurduk ve çalıştırdık. Bu ekran video kaydında Yarın Teması adlı bir tema buluyoruz ve renklerini söz dizimine katıyoruz "
Başlıklar üzerinde biraz çalışma yaptık, ancak bu ekran video kaydında bunlara daha fazla değineceğiz. Başlıklar, herhangi bir sitenin çok önemli bir yönüdür. İyi iş,"
Artık üzerinde çalışacağımız bir blog yazısı alanımız olduğuna göre, blog yazısı tipografisine gerçekten girebiliriz. Muhtemelen sitedeki en önemli tipografi "
Sitedeki tipografinin büyük çoğunluğu için ayrı bir dosyaya (.scss) sahip olmanın çok güzel olduğunu düşünüyorum. Normalize oldukça fazla tipografiye sahip "
Typecast (bu çekim sırasında beta sürümünde), web tipografisiyle oynamak için gerçekten temiz bir web uygulamasıdır. Oyun oynamak için harika bir arayüz sağlar
"Izgaraları Fazla Düşünme" konseptini sürdürdüğümüzde, sadece bazı basit dolguları kullanarak ızgarada olukların oluşmasını sağlıyoruz. Dolgu numarasını saklıyoruz "
Bazı tipografi çalışması yapmadan önce, resimlerin makale alanı ve ızgaranın dışında patladığı can sıkıcı şeyi düzelteceğimizi düşündüm. Kullanılıyor "
Artık özel bir yerel alan çalıştırdığımıza göre, PHP kullanabiliriz. MAMP'deki "P", "PHP" =) içindir. PHP kullanmak, include'i kullanabileceğimiz anlamına gelir. Örneğin: "
CSS3 maddelerine (gradyanlar gibi) yardımcı olmak için kendi Sass @mixins'imizi yazabilirdik, ancak Compass adında zaten var olan bir Sass çerçevesi var.
Site tasarımı çok ızgara benzeri olacak şekilde şekilleniyor. Modüllerimiz bir ızgaraya çok temiz bir şekilde yerleştirilecektir. Ancak ızgaralar karmaşık ve tuhaf değil mi? Ve belki biz "
Bu süper hızlı ekran video kaydında, yerel geliştirme için kullanabileceğimiz bir URL oluşturmak için MAMP kullanıyoruz. Bu, birkaç nedenden dolayı yararlıdır: "
CSS'de @media sorguları kavramını tanıtıyoruz. Bu projede Sass kullanmanın bize sağladığı şeylerin çoğu KURU kalmaktır (kendinizi tekrar etmeyin). Yaptık"
Logo türünü biraz değiştirerek başlıyoruz, ancak ardından ana gezinmeye simgeler eklemeye başlıyoruz. Photoshop'ta gezinmeyi tasarlarken (Video "
Typekit'te v10 için yeni bir Kit kurduk. Marka bilinci oluşturmak için şimdilik Proxima Nova Soft'u ve HF&J yazı tiplerine yakın görünen diğer yazı tiplerini kullanacağız.
Şimdiye kadar gerçek web sitesi Photoshop tasarımımıza pek benzemiyor. Bu ekran video kaydında, en baştan başlayarak tam da bunu yapacağız. "
Başlığı "sayfanın sol kenarına dokunurken, logonun sol kenarını ve ana içerik alanını hizalamak için bazı konumlandırma hileleri kullanıyoruz"
Kullanıcı aracısı (varsayılan) CSS'yi çoğu öğeden kaldırmak genellikle iyi bir fikirdir. Bu uzun zamandır "evrensel" sıfırlamalar veya Eric gibi şeyler tarafından yapılıyor.
Photoshop mockup'ımıza bakarken, neye baktığımızı açıklamak için HTML yazmaya başlıyoruz. Elbette HTML5'i ne zaman üreterse kullanıyoruz "
Sadece nasıl sığacağını görmek, boyutlandırma, renkler vb. Üzerinde çalışmak için metni ana gezinmeye bırakmaya başladık. Metnin bir kısmı oldukça sıkı. "
Photoshop'ta bu tasarım için kesinlikle "bitmiş" değiliz, ancak tarayıcıda bu tasarımı oluşturmaya başlamak için yeterince çalışmamız gerekiyor. Sonra"
Sitenin üst düzey (ana) navigasyonunu tasarlamaya başladık. Masaüstü boyutundaki ekranla başlıyoruz (kuşkusuz keyfi bir genişlikte) ama "
"Kağıt yığını" görünümü vermek için ana başlık / markalama kutusunun altına bazı ekstra katmanlar ekliyoruz. Büyük bir metafor veya başka bir şey yok, sadece biraz görsellik katıyor "
Sitenin tamamı "modüllere" dayalı olacak. Her küçük şey kelimenin tam anlamıyla bir kutuda olacak (sonuçta hem görsel hem de kodda). Biz"
Bu, Erin Kissane ve benim aramdaki Skype görüşmesinin ses kaydı. Erin kitabı içerik stratejisi üzerine yazdı, bu yüzden ondan yardım aldığım için şanslıydım ve "
Tarayıcıda tasarım yapmak harika bir şey, ancak Photoshop ile başlamak, en çok ihtiyacım olduğunda, boş tuvale baktığımda beni en yaratıcı şekilde tutuyor. "
Hoşgeldiniz! Bu tam bir yolculuk olacak ve tüm yolculuklar gibi bu da tek bir adımla başlıyor. İlk adımımız, "
Bu yeniden tasarım, yalnızca yeniden tasarlama uğruna yeniden tasarım değildir. Bir siteyi geliştirebileceğiniz akla gelebilecek her şekilde siteyi geliştirmek istiyorum. Biri"
SVG'yi elle optimize etmekten zaten bahsetmiştik. Ayrıntı ve ne tür şeylerin birleştirilebileceği veya kaldırılabileceği konusunda manuel olarak seçim yapma Bunda"