Tayangan Skrin Video 2025, Mungkin

Ilustrasi Nick mempunyai tiga lapisan berbeza untuk kepala. Mereka hanya sedikit variasi. Kami dapat menukar gambar dengan animasi "

Semasa saya mengusahakan reka bentuk ini, jQuery 1.8 dilancarkan. Ini hanyalah video pantas untuk mempercayai fakta bahawa perkara seperti ini berlaku semasa anda mengembangkan laman web "

Kami mempunyai tajuk galeri asas, tetapi tidak ada orang biru kecil yang Erica letakkan dalam ilustrasi asal. Kami telah membincangkannya dalam "

Kami baru saja mendapat header khusus untuk Galeri, jadi semasa kami berada di, mari teruskan menambahkan header tersuai yang lain. yang ini dilakukan oleh "

Terdapat tujuh kawasan utama laman web yang berlainan di luar laman utama. Oleh itu, saya mengupah tujuh ilustrator berbeza untuk membuat reka bentuk. Ini adalah yang pertama kita "

Hingga kini, kami telah membuat perubahan kod secara tempatan tanpa menggunakan jenis kawalan versi. Dengan kerumitan laman web ini meningkat, itu menjadi "

Kami mempunyai permulaan yang baik dalam reka bentuk responsif. Menu pada ukuran skrin terkecil dipecah menjadi grid 2x4. Ini sesuai dengan baik di layar, tetapi "

Kami menambahkan sedikit respons terhadap grid yang telah kami siapkan untuk Galeri. Pada skrin terluas, kami menetapkannya pada empat lajur. Kemudian kami mula menambah "

Di mana kita mengetahui masalah yang kita hadapi dengan mendapatkan susun atur lajur untuk dimuat dengan baik. Perbaikannya adalah untuk membuang CSS yang membuat "

Kami mula menggali susun atur kawasan Galeri, yang merupakan sesuatu yang ada di fikiran saya sejak awal proses reka bentuk semula ini. Selalunya "

Kami mempunyai susun atur grid untuk Galeri berjalan. Sayangnya pemuatannya agak tiba-tiba dan tidak kemas. Ini kerana lajur CSS3 dirancang untuk "

Kami telah meluangkan sedikit masa untuk membuang halaman supaya navigasi kami berfungsi (Video # 030) dan anda boleh mengklik di sekitar laman web ini, tetapi apa yang ada di sub-sub tersebut "

Terdapat tradisi tinjauan lama mengenai CSS-Tricks. Mereka senang, mengumpulkan data penting yang baik, dan meningkatkan hubungan orang ke laman web ini. Pertunangan FTW! "

Kami berhenti dengan widget pengundian yang benar-benar baik. Tipografi bersih dan semuanya boleh digunakan dengan sempurna. Walau bagaimanapun, ia tidak begitu menarik atau menyeronokkan. Kami "

Modul teratas di bar sisi utama laman web ini adalah milik Treehouse, sebagai penaja utama CSS-Tricks. Berdasarkan perbualan yang saya lakukan dengan Ryan Carson, "

Reka bentuk carian berfungsi dengan baik sehingga kita sampai pada jeda saiz "beruang bayi" (telefon bimbit kecil) kita. Kita harus melakukan sesuatu yang berbeza di sana. Kami membuat beberapa bilik "

Kerana saya rasa pertama kali dalam siri ini, kami akan menambahkan beberapa perkara baru pada reka bentuk secara langsung dengan bekerja di penyemak imbas (tidak bermula di Photoshop "

Memasang penyemak imbas desktop yang sangat sempit dapat memberi anda gambaran yang tidak jelas tentang bagaimana reka bentuk responsif berfungsi, tetapi itu bukan gambaran yang tepat mengenai "

Iklan yang kami sediakan sangat bagus untuk layar berukuran besar / desktop, tetapi iklan mulai gagal dengan cepat pada layar yang lebih kecil. Kami sudah mempunyai beberapa titik putus "

Kami telah mencipta rupa butang dalam keadaan biasa, tetapi butang 3D seperti itu meminta keadaan "didorong". Apa yang kami lakukan adalah menambahkan warna yang lebih gelap ke "

Kami bermula dengan niat untuk masuk ke HTML & CSSing Iklan Treehouse Teratas yang baru kami rancang, tetapi tentu saja tergelincir segera setelah kami mulai "

Kami mempunyai tanda untuk iklan Treehouse di bahagian atas halaman, tetapi kami mempunyai beberapa kerja penggayaan. Kita mulakan dengan grafik pokok itu sendiri. Kami "

Kami telah meninggalkan sejumlah besar ruang terbuka di tajuk. Sejak awal, saya tahu ini adalah untuk penaja utama CSS-Tricks, Treehouse. Di dalam ini"

Kami masih ada banyak kerja yang perlu dilakukan untuk menyelesaikan kawasan carian. Kami diketepikan sebentar kerana saya melihat bahawa kami tidak menambah tiga dimensi "

Kami mengambil dari tempat kami berhenti dalam Video # 034 dan terus membina kawasan carian. Kali ini kami memfokuskan pada keadaan "terbuka" carian, bangunan "

Kami berehat sebentar daripada mengusahakan carian untuk menyelesaikan sedikit masalah. "FOUT" menjadi "Kilat Teks Tidak Berpakaian". Ini adalah fenomena di mana @ font-face "

Sekarang setelah kami Photoshopped apa yang kami harapkan dapat dicapai dengan kawasan carian, kami mula membina dengan HTML dan CSS. Kami sudah mempunyai fon ikon kami "

Terdapat banyak kandungan pada CSS-Tricks. Itulah salah satu perkara yang menjadikan reka bentuknya agak mencabar. Walaupun kita dapat tetap bersih dengan rancangannya, kita "

Kami bermula dengan bermain dengan modul catatan blog kami, bermain-main dengan jarak. Kami juga menambah kotak berwarna kecil di kiri atas modul, "

Dalam video super cepat ini, kami menambahkan semua CSS yang diperlukan untuk memastikan item halaman semasa di navigasi utama disorot ketika halaman itu "