Apakah ada alternatif bahasa pemformatan lembar gaya untuk CSS? Atau apakah CSS adalah bahasa tunggal saat ini untuk melakukan hal-hal jenis pemformatan Style Sheet?
Saya melihat penulisan CSS di Wikipedia ( http://en.wikipedia.org/wiki/Cascading_Style_Sheets ) dan beberapa komentar lain tentang CSS dan menjadi berkecil hati tentang kurangnya dukungan penuh untuk CSS di mesin Layout yang berbeda, jadi Saya hanya penasaran apakah ada alternatif lain atau saya harus belajar juga menggunakan filter CSS.
Terima kasih atas wawasannya.
Jawaban:
CSS adalah satu-satunya pilihan nyata.
Dukungan browser untuk CSS seharusnya tidak menjadi perhatian utama (dalam banyak kasus) setelah Anda mempelajari seluk beluk CSS. Kunci untuk memahami tentang CSS adalah bahwa tujuannya adalah untuk menentukan gaya dokumen HTML dan harus terpisah dari isinya.
Anda perlu latihan untuk mempelajari cara menurunkan kualitas dengan baik di browser yang tidak mendukung fitur. Ide dasarnya di sini adalah bahwa Anda harus membuat penyebut umum terendah (biasanya Internet Explorer) berfungsi "cukup baik" sehingga tidak mengurangi pengalaman pengguna, dan memberikan kemudahan bagi pengguna dengan browser yang lebih baik. Selain itu, jangan mengembangkan Internet Explorer terlebih dahulu. Biarkan sampai yang terakhir, lalu perbaiki bugnya. Melakukan hal-hal dengan cara lain (IE dulu) jauh lebih sulit.
Anda juga memiliki opsi untuk menggunakan JavaScript untuk menyetel gaya, tetapi itu tidak disarankan karena Anda harus menghindari penerapan gaya dalam JavaScript karena JavaScript dimaksudkan untuk logika, bukan gaya.
Ada 3 (tergantung bagaimana Anda melihatnya) komponen pada halaman web:
sumber
Kalian semua mencoba menjawab pertanyaan dari sudut pandang programmer. Saya pikir poster asli mencari alternatif yang lebih ramah grafis - yang menawarkan konsep berbeda.
Bahkan jika CSS3 diadopsi lintas browser, saya percaya bahwa cara CSS meletakkan barang (kotak sebaris, pelampung, margin, dll) sangat buruk. Saya seorang programmer, tetapi ayah saya adalah seorang desainer grafis, dan saya cukup yakin bahwa perangkat lunak tata letak yang mereka gunakan selama 20 tahun dalam beberapa aspek lebih mudah dan lebih canggih daripada CSS.
sumber
Ya ada, ini disebut LESS dan itu benar-benar mengatasi sebagian besar masalah keterbacaan kode CSS.
Anda berdua dapat kompilasi pada server atau on-the-fly sisi klien dengan less.js .
Untuk produksi, saya sarankan menyiapkan skrip build yang mengkompilasinya (di NodeJS ini sangat mudah dengan Grunt dan grunt-contrib-less ).
Sunting: Ada juga opsi lain yang layak disebutkan, meskipun saya menggunakan dan merekomendasikan KURANG.
SASS : Orang Ruby suka yang ini. Ini bukan kumpulan CSS yang super seperti LESS, tetapi menggunakan sintaksnya sendiri. Untuk mengatasi hal ini, mereka mengembangkan SCSS, yang merupakan super-set CSS dan mirip dengan LESS.
Stylus : seperti LESS, ini dikodekan dalam javascript, tetapi ini biasanya digunakan dari Node.js. Saya tidak bisa menjaminnya, karena saya belum mencobanya, tetapi ini sangat matang jadi jika memiliki fitur yang Anda inginkan, pasti lakukan.
Turbin : Yang ini diberi kode dalam PHP. Tidak banyak daya tarik.
Ganti CSS : Mungkin peretas Python ingin menyelidiki ini. Traksi bahkan lebih sedikit.
Jika Anda merasa lebih alternatif, ada juga CSS Cacheer , CSScaffold , DtCSS , CSSPP dan bahkan sesuatu oleh porneL .
Hal lain yang mungkin ingin Anda periksa:
Compass : Kerangka kerja CSS lengkap untuk orang-orang Ruby.
WinLESS : Kompiler KURANG drag & drop untuk Windows, sangat keren dan Anda benar-benar harus memeriksanya.
KURANG Elements , Preboot , LESSHat dan even.less : Perpustakaan dari mixin dan konstanta untuk KURANG.
Bootstrap : Kerangka kerja yang dikembangkan oleh Twitter. Juga terkait: HTML5 Boilerplate .
Normalize.css : alternatif untuk reset CSS . Ada banyak pengaturan ulang, namun, sebagai pengembang salah satunya, saya harus mengatakan: kebanyakan adalah omong kosong. Jika Anda tidak ingin membuatnya sendiri, gunakan saja yang ini.
Pembaruan : Sejak 1.4 , KURANG
@extendjuga. Pastikan untuk menggunakan 1.4+ jika memungkinkan! Ini melengkapi alasan untuk memilih KURANG daripada SASS menurut saya.sumber
<FONT>tag).Iya.
Seperti yang dikatakan orang lain, CSS adalah satu-satunya pilihan Anda yang sebenarnya, tetapi ada bahasa lain untuk "hal-hal jenis pemformatan lembar gaya" di web, yang disebut eXtensible Stylesheet Language (XSL), terutama bagian dari spesifikasi yang kemudian dikenal sebagai XSL-FO (memformat objek) .
Pada satu titik, tergantung pada siapa Anda bertanya, itu dimaksudkan untuk bersaing atau berkolaborasi dengan CSS .
sumber
Stylesheet kisi (GSS): GSS
lebih baik
sumber
CSS yang tersebar luas tidak mendapatkan dukungan penuh di semua browser ... bagaimana cara alternatif (tidak diketahui) mencapai tujuan ini?
sumber
Nah, CSS 2.1 didukung dengan cukup baik oleh hampir semua browser. (kecuali IE6) Sangat mudah untuk menulis CSS yang terdegradasi dengan anggun setelah Anda mengetahui bagian yang aman. (Sehingga bahkan browser yang tidak mendukung tidak akan mengacaukan halaman sepenuhnya)
Lihat http://www.quirksmode.org untuk petunjuk kompatibilitas browser CSS.
sumber
Daftar bahasa stylesheet: http://en.wikipedia.org/wiki/List_of_stylesheet_languages
sumber
Saya rasa jQuery memiliki beberapa cara untuk membuat css lebih kompatibel di seluruh browser, yaitu jika Anda menentukan beberapa atribut menggunakan jQuery maka itu akan mencoba memastikan untuk menggunakan solusi untuk browser yang tidak mendukung fitur tertentu.
Ada juga proyek bernama CleverCSS , Anda mungkin ingin memeriksanya. Ini bukan alternatif untuk itu, hanya cara yang sedikit berbeda untuk mendefinisikannya.
sumber
CSS adalah yang standar. Tidak ada alternatif lain.
Semua browser mendukung fitur CSS dasar. Setiap versi baru dari masing-masing (empat?) Baris browser utama hadir dengan dukungan yang ditingkatkan untuk standar, tetapi situs web yang menggunakan fitur ini akan rusak untuk pengguna mana pun di versi sebelumnya. Ada dua jawaban untuk ini:
"Degredasi anggun" (atau kembarannya, "Peningkatan progresif" - google it), di mana laman memanfaatkan fitur lanjutan jika tersedia, sambil tetap bekerja jika tidak tersedia.
Siapa audiens Anda? Jika Anda cukup beruntung mengetahui bahwa 99,8% pengunjung situs web Anda akan menggunakan setidaknya IE7, maka Anda tidak perlu khawatir tentang fitur CSS yang rusak di IE6. Ini akan tergantung pada bisnis Anda sendiri, jadi periksalah fakta terlebih dahulu.
Hal terburuk yang dapat Anda lakukan adalah membuat kode ke kebiasaan dari satu browser tertentu, karena itu mengarah ke halaman yang tidak hanya rusak di browser lain, tetapi bahkan pada versi yang lebih baru dari browser yang sama.
sumber
Sebuah alternatif dahulu kala JavaScript Style Sheets (JSSS) adalah teknologi bahasa stylesheet yang diusulkan oleh Netscape, jika ada yang tertarik saya akan memberikan Anda beberapa link http://en.wikipedia.org/wiki/JavaScript_Style_Sheets
berikut adalah proposalnya http://www.w3.org/Submission/1996/1/WD-jsss-960822 saya pikir ini adalah ide yang bagus tapi sayangnya css menang, tapi mungkin beberapa bagian terintegrasi dengan javascript ??
Juga mungkin daripada menggunakan css Anda dapat menggunakan svg untuk beberapa efek teks lihat contoh
http://msdn.microsoft.com/en-us/ie/hh410107.aspx
dan beberapa animasi
http://svg-wow.org/ text-effects / text-effects.xhtml
beberapa tombol efek https://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/
berikut adalah contoh cooleer untuk gaya teks Anda harus melihat http: //www.hongkiat ini .com / blog / scalable-vektor-grafik-teks /
sumber
Satu-satunya alternatif adalah dukungan pemformatan yang sudah usang yang dimiliki HTML itu sendiri, seperti
<font>tag. Tetapi Anda tidak ingin melakukan itu. 8-)sumber
Tidak, CSS adalah cara yang harus dilakukan sekarang. Tidak ada yang salah dengan formatnya sendiri (saya pribadi cukup suka sebenarnya), melainkan hanya dukungan browser-nya saja - terutama yang menyangkut IE. Setelah kita memiliki semua browser utama yang mendukung CSS3 , semuanya akan baik-baik saja - meskipun saya tidak terlalu optimis kapan itu akan terjadi.
sumber
Tidak ada alternatif untuk CSS sekarang dan ini adalah Hal yang Baik. Vendor browser, W3C, WHATWG dll memiliki waktu yang cukup sulit untuk menyetujui satu spesifikasi apa adanya, dapatkah Anda bayangkan apa yang akan terjadi jika ada lebih dari satu spesifikasi?
Bagaimanapun saya menemukan bahwa setelah Anda mempelajari CSS, Anda memperoleh pengetahuan tentang hal-hal tertentu yang merusak apa dan belajar untuk bekerja dengannya atau menghindarinya.
Semoga ini membantu.
sumber
Iya ! sass mungkin bisa jadi pilihan
sumber
Tidak (kebanyakan)
Jika Anda ingin membuat tata letak yang berfungsi dalam jumlah maksimum mesin klien, Anda harus mempelajari CSS.
Jika Anda dapat membatasi pengguna Anda ke IE8, Chrome, Safari, dan Firefox maka Anda mungkin dapat menggunakan CSS2, jika tidak Anda harus mempelajari semua perbedaan dengan CSS1, bersama dengan banyak hal yang rusak - terutama di IE5 dan 6 .
HTML 3.2 menyertakan beberapa tag pemformatan (seperti
<font>atau<center>) tetapi Anda tidak dapat berbuat banyak dengannya.Mengapa hanya sebagian besar? - Jika Anda dapat mengasumsikan bahwa pengguna memiliki Flash atau Silverlight dan membuat aplikasi web untuk mereka. Maka tata letak Anda akan sempurna, tetapi itu membutuhkan plugin sisi klien (yang tidak dimiliki semua orang) agar bisa berfungsi. Saya hanya akan mengambil rute itu jika Anda membutuhkan UI klien yang sangat kaya.
sumber
Saya setuju bahwa status dukungan CSS saat ini sangat buruk.
Saya pikir pendekatan terbaik adalah menulis CSS sesuai dengan standar dan kemudian menambahkan perbaikan untuk semua bit di mana berbagai browser tidak sesuai dengan benar. Seringkali layak untuk menghindari beberapa bit CSS jika Anda melakukannya (z-level misalnya memiliki tingkat dukungan yang sangat beragam di banyak browser).
sumber
Zoli benar. "xslt adalah alternatif"
XSLT mengubah XML menjadi halaman web yang dirender, seperti CSS mengubah HTML menjadi halaman web yang dirender. Perhatikan bahwa Anda tidak dapat mencampur XSLT dengan HTML atau CSS dengan XML.
Saya telah menggunakan kedua CSS + XSLT untuk membuat halaman web yang dirender.
sumber
Adobe Postscript adalah alternatif yang paling mungkin untuk CSS. Masalahnya adalah Acrobat harus melihatnya di desktop atau di web. Ini jauh lebih unggul dari CSS dan mempertahankan maksud dan skala desain di semua perangkat, termasuk printer, plotter, ponsel, tablet, dan apa saja dengan interpreter Postscript.
Postscript memiliki kurva belajar NOL, kecuali Anda menerapkannya untuk perangkat tertentu. Ini diprogram oleh jutaan pemrogram, seniman grafis, seniman, pencetak profesional, dan bahkan pengguna komputer rumah dengan keterampilan terendah. Yang perlu Anda lakukan hanyalah memilih cetak atau simpan dari menu aplikasi apa pun. Ini mendukung tautan dan masukan bidang. Apakah dapat dicari? Itu dan dokumen berbasis PS sering muncul di halaman pencarian Google.
Meskipun, dapat dilihat dari browser web dalam bentuk PDF, ini bukan bahasa browser asli seperti HTML dan CSS. Mengapa tidak, jika itu sangat mudah dan kuat? Ketika web dimulai, Adobe terlalu picik dan serakah membuka bahasa. Mereka ingin menjual lisensi ke mesin PS dan produk kreasi konten mereka. Bagi Adobe, memberikan browser PS seperti memberikan Goose dan telur emas.
sumber
Hanya satu, setahu saya. Setidaknya untuk HTML dan semacamnya.
Lihat juga http://www.w3.org/Style/CSS/
sumber
xslt adalah alternatif
Ini lebih kuat dari css.
Lebih sulit untuk belajar dan menggunakannya.
sumber