Video Screencast 2025, Februari

Ini adalah dasar-dasar cara saya bekerja secara lokal dengan situs WordPress, dan kemudian mulai berproduksi. Flywheel adalah sponsor CSS-Tricks, dan saya senang mereka "

Meskipun pintu geser jauh dari konsep baru dan akan menjadi usang setelah kami melihat dukungan yang lebih luas untuk berbagai latar belakang (CSS3), itu masih bagus untuk "

Ada fitur Chrome DevTools yang memungkinkan Anda: Lihat kode sumber daya apa pun yang digunakan halaman web saat ini (seperti CSS dan JavaScript). "Cantik"

(Ini adalah video bersponsor yang saya kerjakan antara kita di CSS-Tricks dan Webflow. Menurut saya, Webflow adalah produk yang menarik untuk membangun situs web yang, dalam ""

Dan dengan "kami", maksud saya kami, pengembang front-end;) Inilah situs web yang sesuai dengan pembicaraan ini. Ini adalah pembicaraan yang saya kumpulkan di mana saya mendalilkan itu, "

David Wells, dari Netlify, dan saya mengambil beberapa langkah kecil untuk membangun sesuatu dengan Tanpa Server. Kami sebagian besar akan melihat fungsi cloud di sini dan cara menggunakan "

Saya menemukan bahwa 98% dari semua penggunaan SVG saya berasal dari file SVG yang dibuat sebelumnya atau seni vektor di beberapa perangkat lunak desain yang pada akhirnya saya ekspor sebagai SVG. Tidak super "

Peringatan yang adil! Ini bukanlah cara cepat, langsung, dan digerakkan oleh ahli tentang cara menyiapkan teknologi ini. Meskipun, pada akhirnya, kami melakukan "

Ide dasar yang sama dengan kartu di beranda v17 situs ini. Lihat Kartu Pindah Pena oleh Chris Coyier (@chriscoyier) di "

David Wells & Chris Coyier berbicara tentang bagaimana Anda dapat membuat aplikasi yang dihosting di Netlify secara statis, tetapi masih memiliki database backend untuk menjalankannya. Kami menggunakan "

Episode ini adalah prekual untuk episode 12, 13, dan 14. Kami kembali ke dokumen Photoshop kosong dan membuatnya kembali. Tidak ada HTML / CSS dalam episode ini, "

Tahukah Anda bahwa Anda dapat menyiapkan sistem peninjauan sehingga setiap permintaan tarik yang Anda buat menunjukkan kepada Anda secara tepat apa yang telah berubah secara visual di situs Anda? Itu "

David Wells, dari Netlify, dan saya berusaha menjawab pertanyaan ini dengan cara yang dapat dimengerti. Apakah masih ada server yang terlibat? Tentu saja, tapi kamu "

WooCommerce adalah plugin eCommerce yang kuat dan fleksibel untuk WordPress. Ingin menjual langganan atau keanggotaan? WooCommerce bisa melakukan itu? Digital"

Saya bergabung dengan Dustin Schau dalam video ini dan dia akan membawa saya berkeliling dunia tentang apa yang kemudian dikenal sebagai CSS-in-JS. Artinya, melakukan "

Ini adalah kompilasi dari empat video yang telah saya lakukan selama beberapa bulan terakhir untuk mendapatkan sponsor dari Automattic. Ini sebagian besar tentang Jetpack, plugin WordPress I "

Jetpack mensponsori video ini, yang menjelaskan tentang apa yang Jetpack itu dan dapat lakukan untuk situs Anda. Ini adalah kata-kataku! Saya penggemar berat Jetpack dan saya menjalankan Jetpack "

Internet, tanpa metafora, hanyalah sekumpulan server yang diikat dengan kabel. Tanpa server, kami tidak dapat membagikan kreasi kami dengan "

Ini adalah ceramah yang saya berikan di beberapa konferensi baru-baru ini. Ini tentang empat properti berbeda di CSS: shape-outside offset-path clip-path d Berikut "

Sarah Drasner dan saya menggali Vue! Vue adalah kerangka kerja JavaScript yang sangat populer yang benar-benar meledak. Sarah adalah anggota tim inti dan paling banyak "

Firebug adalah ekstensi Firefox penting untuk perancang web dan pengembang. Anda dapat dengan cepat menargetkan elemen apa pun di halaman untuk melihat markup, "

Rasanya CSS Grid sudah lama hadir sekarang, tapi sekarang sepertinya sudah mencapai titik di mana orang-orang semakin banyak membicarakannya "

CSS-Tricks sendiri adalah situs WordPress, dan salah satu situs WordPress yang cocok untuk itu. Antara hal-hal seperti sistem masuk dan izin, blogging, "

Eric Portis bergabung dengan saya untuk menggali dunia gambar responsif. Kami mulai dari dasar. Gambar responsif adalah gambar khusus dalam HTML dan ada "

Saya melihat bidikan Dribbble beberapa hari yang lalu oleh Eli Brumley yang memiliki efek interaktif yang keren. Tombol biru melingkar sederhana, saat diklik, akan meluas menjadi "

Terkadang, untuk memulai perjalanan mempelajari sesuatu yang besar dan kompleks, Anda perlu mempelajari sesuatu yang kecil dan sederhana. JavaScript sangat besar dan kompleks, tetapi "

Sublime Text adalah editor kode yang sangat populer. Terlepas dari popularitasnya dan semua hal baik yang pernah saya dengar tentangnya, saya masih sangat bergantung pada yang lain "

Waktunya untuk screencast pasangan lainnya! Kali ini saya memiliki Zach Leatherman, dari Filament Group. Zach telah melakukan banyak penelitian, menulis, dan berbicara "

Kami menyelesaikan konversi mockup di sini di Episode Tiga. Kami membuat "area artikel" dan "bilah sisi" (penamaan kelas semantik!), Lalu kami menghapus "

Dalam screencast ini saya berpasangan dengan Brian Muenzenmeyer yang, antara lain, bekerja di Pattern Lab. Secara khusus, versi Node dari Pattern Lab, bersama "