CSS adalah teknologi yang luar biasa. Ketika saya pertama kali menggunakannya, saya pikir itu adalah sesuatu yang tidak pernah saya impikan. Dengan diperkenalkannya CSS3, teknologi seperti sudut membulat, bayangan, rotasi, dll. telah membawa CSS ke tingkat yang belum pernah terjadi sebelumnya. Namun, mengenai CSS, apakah kita sudah melangkah terlalu jauh? Artikel ini memberikan pemikiran lain tentang beberapa aplikasi eksperimental CSS dari sudut pandang seorang desainer Web.
Eksperimen avant-garde dengan CSS
Setiap eksperimen menggunakan metode yang berbeda. Beberapa di antaranya, seperti gambar garis CSS, dapat diterapkan secara praktis dalam kenyataan. Lainnya, seperti gambar Twitter Fail Whale yang diimplementasikan oleh CSS, murni eksperimental menggambarkan apa yang dapat dilakukan CSS, bukan berarti harus dilakukan dengan cara ini.
mari kita bersikap praktis
Gambar di atas adalah logo jaringan media sosial yang diimplementasikan menggunakan CSS murni. Sungguh menakjubkan bukan?
Saya baru-baru ini membaca artikel Faruk Ateş, Ikon CSS Murni: Menghentikan Kegilaan, yang mempertanyakan pendekatan ini. Penulis mengatakan bahwa beberapa orang mulai mencoba menggunakan CSS sebagai alat desain dan dengan cepat memicu banyak peniru dapat diakses apakah pendekatannya? Tidak mudah untuk mengintegrasikannya ke dalam desain dan pengembangan Anda, juga tidak mudah untuk menyesuaikannya.
Sama seperti logo jejaring sosial di atas, yang sepenuhnya berbasis CSS, ini tidak lebih dari sekumpulan berbagai kombinasi garis. Ini mengesankan dan kreatif, tetapi tidak praktis karena membuat logo seperti itu mungkin memerlukan beberapa jam kerja keras berhasil, menggambar gambar yang sama di Photoshop tidak membutuhkan usaha sama sekali, dan efeknya lebih baik (lebih detail).
Ateş percaya bahwa pemeliharaan ikon yang dihasilkan dengan cara ini juga merupakan masalah. Menyesuaikan ikon awalnya hanya memerlukan penyesuaian piksel, tetapi sekarang Anda perlu mengubah definisi CSS, Nicolas Gallagher, perancang yang disebutkan di atas Logo CSS, juga mengatakan bahwa melakukan hal semacam ini, CSS bukanlah yang paling cocok.
Kurangi permintaan HTTP?
Ikon pada gambar di atas semuanya dibuat dengan CSS, dan penulis menjualnya, menjual 40 ikon seharga $25. Saya harus mengakui bahwa ikon-ikon ini didesain dengan sangat indah. Tujuan awal penulis mendesain CSS ini adalah untuk mengurangi jumlah permintaan HTTP untuk situs web tersebut, karena ikon-ikon ini tidak memerlukan permintaan file gambar tambahan. Namun, apakah permintaan HTTP yang dibawa oleh file ikon kecil benar-benar layak untuk disebutkan? Selain itu, dengan menggunakan teknologi CSS Sprite, ikon-ikon ini dapat ditempatkan pada gambar yang sama dan ditampilkan dengan pemosisian CSS bertanya sudah cukup. Selain itu, saya benar-benar meragukan berapa banyak bandwidth yang dapat dikurangi oleh ikon versi CSS ini.
Dalam semangat semantik
Harus saya akui terkadang saya menggunakan tag tambahan seperti DIV atau SPAN untuk mencapai kebutuhan visual tertentu, yang sangat tidak semantik. Namun, gambar CSS bahkan kurang semantik. Misi sebenarnya dari CSS adalah untuk memodifikasi konten di halaman web, bukan untuk membuat konten itu sendiri. Grafik pada halaman web sendiri termasuk dalam kategori konten dan tidak boleh dibuat dengan CSS.
Sumber asli artikel ini: blog.echoenduring.com Apakah Kita Mengambil CSS Terlalu Jauh? (Penulis asli: Matt Ward)
Sumber kutipan berbahasa Mandarin: Situs web resmi sistem manajemen konten situs web Ruishang Enterprise CMS