Tayangan Skrin Video 2025, Mungkin

Banyak laman web tidak menggunakan Sistem Pengurusan Kandungan mewah (CMS) untuk menghasilkan halaman mereka, laman web itu hanyalah kandungan HTML statik yang baik. Laman web untuk "anda

Seperti yang telah kita katakan di sini berkali-kali: fon ikon sangat mengagumkan. Mereka cekap dengan cara yang sama sprite CSS: banyak gambar yang boleh digunakan untuk "

Dalam screencast ini, kami secara langsung menjawab lebih banyak catatan forum tanpa sebarang perancangan. Saya tidak fikir kita memukul homerun pada benang yang kita lihat, tetapi "

Dalam hidup saya tidak pernah menghantar "Permintaan Tarik" di GitHub. Saya ingin mencobanya, jadi video ini merakam saat saya cuba mencari "

Dalam screencast ini, kami membuka Forum untuk menjawab seberapa banyak soalan yang kami dapat. Maksudnya adalah untuk bersenang-senang sedikit dan menunjukkan betapa mudahnya "

Saya membentangkan empat perkara yang sangat mudah yang boleh anda lakukan untuk menjadikan laman web anda lebih pantas. Tidak ada yang kompleks seperti membuat gambar sprite (yang bukan itu "

Walaupun susun atur laman sesederhana sebagai kawasan kandungan utama di sebelah kiri dan bar sisi di sebelah kanan, itu adalah grid. Terdapat kaedah susun atur baru dalam CSS "

CodePen PRO menawarkan banyak ciri baru. Anda boleh membaca tentang mereka, tetapi lebih baik untuk menunjukkannya bukan? : dan ini baru permulaan. "

CodePen adalah aplikasi untuk berkongsi dan bermain-main dengan kod hujung depan. Saya membuatnya dengan beberapa rakan saya: Alex Vazquez dan Tim Sabat. Dalam tipikal ini "

Ini adalah gambaran keseluruhan peringkat pemula mengenai nilai kedudukan CSS yang berbeza. Ringkasnya: saudara membolehkan anda "menyenggol" dan meninggalkan elemen "

Dalam screencast ini saya memindahkan laman web peribadi saya sendiri dari cara penyuntingan FTP langsung lama saya ke sistem terkawal versi yang betul termasuk penyebaran. Saya belum "

Tidak ada yang perlu ditakutkan dalam dunia praprosesan baru yang berani ini. Aplikasi asli menjadikannya sangat mudah sehingga harus menjadi bahagian penting dari mana-mana moden "

Terdapat tiga jenis susun atur untuk laman web: Lebar Tetap, Lebar Fluida, dan Lebar Elastik. Dalam screencast ini kita melihat ketiga-tiganya "

Chartwell adalah fon khusus untuk membuat carta pai, carta bar, dan grafik garis yang ringkas dan cantik. Semudah menulis persamaan mudah "

LiveReload adalah aplikasi bar menu khusus Mac yang cukup membantu untuk pembangun web. Cukup katakan untuk menonton folder tertentu, dan apabila fail disimpan, "

Tema WordPress lalai pada masa screencast ini adalah TwentyEleven, reka bentuk yang sangat mudah dan responsif. Iaitu, sehingga kami menyiarkan yang mengagumkan "

Terdapat banyak alat untuk menunjukkan tangkapan skrin laman web kepada penyemak imbas yang berbeza untuk membantu ujian. Tetapi tangkapan skrin kurang dalam banyak cara: tidak "

Di mana saya mengambil contoh sebenar dari tempat yang saya tahu menggunakan sprite adalah idea yang baik, membuat sprite dengan tangan di Photoshop (kaedah pilihan saya), dan "

Cukup simpan laman web dari penyemak imbas (di Firefox, anda mendapat fail .html dan semua sumber daya), letakkan di folder Awam anda, dan gunakan klik kanan "

Di mana saya menunjukkan dan menjelaskan asas-asas apa yang dimaksudkan dengan "reka bentuk web responsif". Kemudian saya pergi ke seluruh tempat dan menunjukkan contoh, yang berkaitan "

Kami menghabiskan satu jam untuk melihat reka bentuk Photoshop dan menulis markup HTML5 yang menerangkan apa yang kami lihat. Kami berusaha dan semantik yang kami dapat dan berbincang "

Anda mungkin cukup menyedari mengapa menggunakan kawalan versi adalah perkara yang baik. Sekiranya anda tidak melakukannya, saya segera membincangkannya dalam video ini. Kemudian kita masuk ke dalam "

Ini adalah episod bertema EMPIRE STRIKES BACK khas dari siri reka bentuk semula v10! Semua bermula dengan baik. Kami mula memindahkan beberapa perkara "

Ini adalah episod khas RETURN OF THE JEDI dari siri reka bentuk v10! Kami meninggalkan screencast terakhir yang benar-benar dikalahkan. Kami cuba menggunakan "

Almanac adalah perkara yang dilancarkan di v9 dan tidak pernah selesai. Ia semakin hampir setiap hari. Jadi pada v10 kita akan merancang sekitar "

Carian berfungsi! Cukup templat yang anda naiki tidak betul. Kita perlu mengubah templat agar kelihatan betul dan sesuai dengan gaya "

Kami mempunyai sedikit mockup Photoshop untuk bekerja dari sini kerana kami terus membina templat untuk halaman galeri individu. Pertama, kami menggayakan Next "

Kawasan carian di tajuk "berfungsi" kerana ia dirancang dan anda boleh mengkliknya terbuka dan tertutup dan semua itu. Tetapi sebenarnya tidak melakukan carian "

Kami menghabiskan masa selama ini dalam mockup statik kami membuat beberapa JavaScript pintar yang akan "melancarkan" gambar di Galeri. Sekarang kita mempunyai yang sebenarnya "

Semua Mesin Carian Khusus Google kami disiapkan (kami menetapkan yang lain untuk setiap bahagian laman web ini). UI kami untuk carian sudah siap. Kami mempunyai "