Bangun komponen responsif yang dapat diskalakan

Jan 29, 2026
Bagaimana caranya

Setiap kali kita berbicara tentang membangun situs web yang dapat dipertahankan dan dapat diskalakan, kita mau tidak mau menemukan Javascript. Solusi -Rantai seperti modul CSS, komponen gaya dan permintaan kontainer. Apakah kita benar-benar harus menggunakannya?

Bagaimana jika ada cara untuk membangun situs web yang dapat dipertahankan dan dapat diskalakan tanpa JavaScript? Bagaimana jika dimungkinkan untuk mencapai prestasi ini secara murni CSS. Tanpa memutar kode Anda ke dalam kekacauan hacky berdarah?

Pengembang dan penulis freelance Zell Liew. datang dari Singapura ke Hasilkan London. (20-22 September) untuk memberikan ceramah dan menjalankan lokakarya sehari penuh untuk membangun komponen yang dapat digunakan kembali tanpa menambahkan kompleksitas ke kode Anda. Ini sangat penting ketika membangun situs web di usia kita.

Di bengkelnya, Anda akan belajar:

  • Cara membuat komponen modular yang dapat dijatuhkan di mana saja di situs web Anda
  • Cara skala komponen tanpa memperumit kode Anda
  • Cara Menyusun Kode Anda Untuk Mudah Pertahankan
  • Cara menangani komponen yang perlu ditempatkan di berbagai bidang
  • Cara Menulis Mobile-First CSS Cara Mudah
  • Unit relatif apa dan kapan Anda harus menggunakan unit mana
  • Cara mengubah CSS tanpa takut memecah hal lain di situs web Anda

Zell akan berbagi pengalaman dan pendekatannya untuk membangun komponen yang responsif dan dapat digunakan kembali. Dia bahkan akan masuk ke dalam prinsip desain dan bagaimana mereka dapat membentuk CSS Anda. Topik-topik lain yang akan ia sampaikan termasuk tata letak, kueri media, modularitas vs skalabilitas, konvensi penamaan dan banyak lagi.

Lokakarya ini adalah untuk Anda jika Anda ingin membangun situs web yang mudah dirawat dan berskala, apakah Anda sendirian atau dalam tim. Pengetahuan tentang SASS tidak diperlukan, tetapi direkomendasikan.

Lokakarya London Hasilkan Lainnya pada 20 September menampilkan Steve Fisher Menjalankan desain dan sprint konten , Anton & amp; Irene. pada generasi ide dan penjualan ide, dan jaime retribusi Strategi Pengalaman Pengguna . Konferensi juga akan mencakup antarmuka adaptif, animasi web, kinerja, aksesibilitas, chatbots, kerja tim yang lebih baik, dan banyak lagi.

Jika kamu Beli Workshop Gabungan dan Konferensi Pass untuk menghasilkan London, Anda akan Hemat £ 95. ! Jangan lewatkan!

Anda mungkin menyukai artikel ini:

  • 5 sumber daya terbaik untuk mempelajari HTML dan CSS
  • Apakah boleh membangun situs yang mengandalkan javascript?
  • Cara merancang situs web yang menonjol

Bagaimana caranya - Artikel Terpopuler

Buat tekstur dengan alat cap pola

Bagaimana caranya Jan 29, 2026

(Kredit Gambar: Lino Drieghe) Jika Anda macet menatap kanvas kosong, atau dihadapkan dengan singkat yang memiliki ban..

Bagaimana cara memindai seseorang dalam waktu kurang dari lima menit

Bagaimana caranya Jan 29, 2026

Tidak memiliki akses ke array kamera fotogrametri untuk melakukan a 3D Scan. ? Tidak masalah, tips dan trik ini ak..

Buat manusia digital yang hidup

Bagaimana caranya Jan 29, 2026

Anda mungkin tahu Cara menggambar orang , tetapi membuat potret digital yang tidak dapat dibedakan dari foto - sep..

Bangun aplikasi yang berfungsi offline

Bagaimana caranya Jan 29, 2026

Untuk waktu yang lama, fungsionalitas offline, sinkronisasi latar belakang dan pemberitahuan push telah membedakan aplikasi asli ..

Buat visual 3D interaktif dengan three.js

Bagaimana caranya Jan 29, 2026

Tutorial WebGL ini menunjukkan cara membuat simulasi lingkungan 3D yang menunjukkan apa yang terjadi pada dunia sebagai perubahan..

cat basah-basah dalam minyak

Bagaimana caranya Jan 29, 2026

Lukisan 'alla prima' (yaitu, lukisan basah-on-wet, dalam satu sesi) adalah teknik ideal untuk merangkul sifat cat minyak. Ada ses..

Bagaimana cara melukis kehidupan bunga yang dinamis

Bagaimana caranya Jan 29, 2026

Warna dan tekstur menawarkan cara yang sempurna untuk memberikan semangat bagi kehidupan bunga. Demonstrasi ini menunjukkan bagai..

Gunakan partikel untuk membuat splash 3D

Bagaimana caranya Jan 29, 2026

Tutorial ini akan melihat bagaimana Anda dapat membuat percikan cair, atau efek mahkota, dan dapat digunakan untuk membuat pecah ..

Kategori