Sebuah demonstrasi berbagai macam pencapaian visual dengan desain berdasarkan CSS. Pilihlah style sheet dari daftar untuk ditampilkan di halaman ini.
Mengotori jalan gelap dan suram berserakan peninggalan masa lalu berupa tag-tag khusus browser tertentu, DOM yang bertentangan, dan dukungan CSS yang tidak lengkap .
Hari ini, kita harus membersihkan pikiran akan praktek-praktek masa lalu. Pencerahan dunia Web telah dapat dicapai berkat kerja tiada lelah dari kelompok seperti W3C, WASP dan para pencipta browser web.
Taman Zen css mengundang anda untuk bersantai dan bermeditasi pada pelajaran-pelajarn terpenting dari para ahli. Memulai melihat dengan jelas. Belajar menggunakan teknik (yang akan menjadi) penghematan waktu dengan gaya yang baru dan menyegarkan. Menjadi satu kesatuan dengan web.
Keseriusan para artis grafis mengenai CSS telah menjadi kebutuhan yang jelas. Taman Zen bertujuan untuk membangkitkan, menginspirasikan dan mendorong partisipasi. Untuk memulai, lihatlah beberapa desain yang telah ada dalam daftar. Memilih salah satunya akan menampilkan style sheet di halaman ini. Tidak ada perubahan dalam kode, satu-satunya perubahan adalah file .css eksternal. Percayalah.
CSS memungkinkan kendali lengkap dan penuh atas tampilan atau gaya dari sebuah dokumen hiperteks. Satu-satunya cara mengilustrasikannya sehingga dapat membuat orang-orang tertarik adalah dengan menunjukkan apakah yang sebenarnya dapat dicapai pada saat kendali diletakkan di tangan orang-orang yang mampu menciptakan keindahan dari struktur. Hingga saat ini, mayoritas contoh dari trik dan hack hanya didemonstrasikan oleh para strukturis dan pembuat kode. Desainer masih harus menunjukkan kemampuannya. Hal ini harus berubah.
Hanya untuk artis grafis saja. Anda memodifikasi halaman ini, sehingga kemampuan CSS yang uat sangat dibutuhkan, tetapi file contoh telah dibubuhi komentar yang sangat jelas sehingga para pemula CSS dapat menggunakannya sebagai titik awal dan acuan. Bacalah Panduan Nara Sumber CSS untuk tutorial tingkat lanjut dan tip-tip bekerja dengan CSS.
Anda dapat memodifikasi style sheet halaman ini dengan cara apapun, tetapi jangan melakukan modifikasi apapun pada HTML-nya. al ini pada awalnya terlihat mengecilkan hati apabila anda belum ernah melakukannya sebelumnya, tetapi ikutilah link-link yang tertulis i daftar untuk belajar lebih banyak dan gunakanlah file contoh sebagai emandu.
Ambillah contoh file html dan css ntuk dimodifikasi di komputer anda sendiri. Apabila adikarya anda telah elesai dikerjakan (mohon tidak mengirimkan hasil yang setengah elesai) letakkan file .css anda ke server web anda sendiri. Kirim kami link ile tersebut dan apabila kamu memilih untuk menggunakannya, kami akan engambil sendiri file-file gambar yang dibutuhkannya dan akan ipindahkan ke server kami.
update: Saya mencari penerjemah. Bila anda mahir berbahasa Inggris dan bahasa lainnya, ini adalah cara lain untuk terlibat dengan proyek ini. Silakan hubungi saya untuk keterangan rinci. Terjemahan Bahasa Indonesia oleh Avianto
Mengapa berpartisipasi? Untuk menjadi lebih dikenal, menjadi inspirasi dan menjadi nara sumber yang dapat menjadi acuan pada saat menjelaskan desain berbasis CSS. Hal ini sangat dibutuhkan, bahkan hingga hari ini. Jumlah situs yang mengambil langkah ini bertambah seiring majunya waktu tetapi jumlah tersebut belumlah cukup. Suatu hari nanti galeri ini akan menjadi bagian dari sejarah keingintahuan; tetapi hari itu bukanlah hari ini.
Kami ingin melihat sebanyak mungkin penggunaan CSS1 apabila dimungkinkan. Penggunaan CSS2 dibatasi pada elemen-elemen yang mendapat banyak dukungan. Visi Taman Zen css adalah fungsional, pemakaian CSS praktis dan bukan trik terbaru paling mutakhir yang hanya dapat dilihat oleh 2% dari masyarakat umum. Satu-satunya persyaratan mutlak adalah CSS anda valid.
Sayangnya, mendesain dengan cara ini justru memperlihatkan kelemahan-kelemahan dalam berbagai implementasi CSS. Browser yang berbeda menampilkan bahkan CSS yang valid dengan berbeda-beda pula dan hal ini bertambah buruk ketika sebuah perbaikan di satu tempat justru merusak di tempat lain. Bacalah halaman Nara Sumber untuk informasi berbagai perbaikan yang tersedia. Kesesuaian penuh antar browser masih menjadi impian dan kami tidak mengharapkan anda untuk menyajikan desain yang sempurna dan sama persis hingga ke ukuran pixel di semua browser dan sistem operasi. Tetapi tetaplah menguji sebanyak yang anda bisa. Bila desain anda tidak dapat tampil sebagaimana harusnya paling tidak di browser IE5+/Win dan Mozilla (browser yang digunakan oleh 90% pengguna) maka kemungkinan besar kami tidak akan menerimanya.
Kami meminta anda untuk mengirimkan karya yang orisinal. Mohon hormatilah hukum hak cipta. Mohon pula menggunakan material yang dapat dipermasalahkan secara minimal, erotisme yang berkelas dan berselera tinggi masih diperbolehkan tetapi pornografi dan hal-hal vulgar pasti akan langsung ditolak.
Ini adalah latihan pembelajaran sekaligus juga sebuah demonstrasi. Anda tetap memegang hak cipta secara penuh untuk grafis ciptaan anda, tetapi kami meminta anda menggunakan lisensi Creative Commons yang identik dengan situs ini untuk karya CSS anda agar orang lain dapat belajar dari karya anda.
Donasi bandwidth oleh mediatemple