Tayangan Skrin Video 2025, Mungkin
Kami mempunyai lapan tab navigasi tingkat atas ini, tetapi Home adalah satu-satunya tab yang "berfungsi." Agar kami mempunyai beberapa halaman untuk dikerjakan, kami mencubit beberapa halaman untuk
Seingat saya, saya menggunakan Google Code Prettify untuk menerapkan sorotan sintaks pada blok kod pada CSS-Tricks. Anda tahu, di mana dalam barisan seperti "
Kami baru sahaja memasang Prism.js dan berjaya. Dalam screencast ini, kami menjumpai tema yang disebut Tema Esok dan menyatukan warnanya ke dalam sintaks "
Kami telah melakukan sedikit kerja pada tajuk, tetapi kami akan menggali lebih banyak perkara dalam tajuk ini. Tajuk adalah aspek penting dari mana-mana laman web. Dilakukan dengan baik,"
Sekarang kita mempunyai bidang catatan blog untuk dikerjakan, kita benar-benar dapat memasuki tipografi catatan blog. Boleh dikatakan tipografi terpenting di laman web kerana "
Saya rasa sangat senang memiliki fail individu (.scss) yang merupakan sebilangan besar tipografi di laman web ini. Normalisasi mempunyai sedikit tipografi "
Typecast (dalam versi beta pada saat penggambaran ini) adalah aplikasi web yang sangat kemas untuk bermain dengan tipografi web. Ini memberi anda antara muka yang bagus untuk bermain-main "
Meneruskan konsep "Don't Overthink It Grids", kita mendapatkan selokan di grid dengan hanya menggunakan beberapa padding sederhana. Kami menyimpan nombor padding "
Sebelum kita membuat beberapa kerja tipografi, saya fikir kita akan memperbaiki perkara yang menjengkelkan di mana gambar-gambar itu meletus di luar kawasan artikel dan grid. Menggunakan "
Sekarang kita menjalankan domain tempatan khusus, kita dapat menggunakan PHP. "P" dalam MAMP adalah untuk "PHP" =). Menggunakan PHP bermaksud bahawa kita boleh menggunakan termasuk. Contohnya: "Kami"
Kami boleh menulis Sass @mixins kami sendiri untuk membantu perkara CSS3 (seperti gradien), tetapi ada kerangka Sass yang sudah ada yang disebut Compass yang "
Reka bentuk laman web ini berbentuk seperti grid. Modul kami akan tersusun dengan bersih ke dalam grid. Tetapi bukankah grid itu rumit dan pelik? Dan mungkin kita "
Dalam screencast super cepat ini, kami menggunakan MAMP untuk menyiapkan URL yang dapat kami gunakan untuk pembangunan tempatan. Ini berguna kerana banyak sebab: Kami boleh menghubungkan ke "
Kami memperkenalkan konsep pertanyaan @media di CSS. Banyak yang menggunakan Sass pada projek ini yang membolehkan kita lakukan adalah tetap KERING (jangan mengulanginya sendiri). Kami telah lakukan"
Kita mulakan dengan mengubah sedikit jenis logo, tetapi kemudian menambah ikon ke dalam navigasi utama. Semasa kami merancang navigasi di Photoshop (Video "
Kami menyediakan Kit baru di Typekit untuk v10. Untuk penjenamaan, kami akan menggunakan Proxima Nova Soft buat masa ini dan beberapa fon lain yang kelihatan hampir dengan fon HF&J di "
Setakat ini laman web sebenarnya tidak kelihatan sama seperti reka bentuk Photoshop kami. Dalam screencast ini, kita terus melakukan perkara itu, bermula di bahagian atas dengan "
Kami menggunakan beberapa trik penentuan kedudukan untuk menyusun tepi kiri logo dan kawasan kandungan utama, sementara header masih menyentuh tepi kiri "
Mengeluarkan CSS ejen pengguna (lalai) dari kebanyakan elemen biasanya merupakan idea yang baik. Ini telah lama dilakukan oleh "universal" reset atau perkara seperti Eric "
Semasa melihat mockup Photoshop kami, kami menulis mula menulis HTML untuk menerangkan apa yang kami lihat. Kami tentu saja menggunakan HTML5 setiap kali ia dibuat "
Kami mula menjatuhkan teks ke navigasi utama, hanya untuk melihat bagaimana ia sesuai, berfungsi pada ukuran, warna, dan lain-lain. Sebilangan teks sangat sesuai "
Sudah tentu kita tidak "selesai" di Photoshop selamanya untuk reka bentuk ini, tetapi kita masih perlu berusaha untuk mula membuat reka bentuk ini di penyemak imbas. Selepas "
Kami mula merancang navigasi laman web tingkat atas (utama). Kami bermula dengan layar ukuran desktop (dengan lebar yang diakui sewenang-wenang) tetapi kami "
Kami menambahkan beberapa lapisan tambahan di bawah tajuk utama / kotak penjenamaan untuk memberikan rupa "timbunan kertas". Tidak ada kiasan besar atau apa-apa, ia hanya menambah sedikit visual
Seluruh laman web akan berdasarkan "modul". Setiap perkara kecil akan berada dalam kotak (akhirnya secara visual dan kodnya). Kami "
Ini adalah rakaman audio panggilan Skype antara Erin Kissane dan saya. Erin menulis buku mengenai strategi kandungan jadi saya bernasib baik kerana mendapat pertolongan dan "
Reka bentuk dalam penyemak imbas memang menarik dan semuanya, tetapi bermula di Photoshop menjadikan saya paling kreatif ketika saya sangat memerlukannya: ketika menghadap kanvas kosong. "
Selamat datang! Ini akan menjadi perjalanan yang cukup, dan seperti semua perjalanan, ini bermula dengan satu langkah. Langkah pertama kami adalah membuat inventori sedikit "
Reka bentuk semula ini bukan reka bentuk semula hanya untuk reka bentuk semula. Saya ingin memperbaiki laman web ini dengan cara yang mungkin anda boleh memperbaiki laman web ini. Salah satu daripada"
Kami sudah bercakap mengenai mengoptimumkan SVG dengan tangan. Membuat pilihan secara manual mengenai perincian dan jenis perkara yang boleh digabungkan atau dikeluarkan. Di dalam ini"