Laman » Toolkit » 11 Editor CSS Teratas - Ditinjau semula

    11 Editor CSS Teratas - Ditinjau semula

    1. Stylizer

    Keserasian: WindowsCiri-ciri penting: Kod Grid, Genggaman Saiz, Bullseye, Dua-klik Pewarna

    Stylizer adalah editor CSS yang unik yang memberi fokus pengeditan CSS masa nyata. Anda hanya boleh memasukkan alamat web ke dalam pelayar terbina dalam yang menyokong definisi gaya Firefox 3.5 dan IE7, dan ia akan mempunyai semua peraturan CSS berkaitan yang dimuat untuk anda mengedit dengan antara muka titik dan aksinya yang biasa.

    Penyunting datang dengan a Grid Kod ciri yang menjadikan penyuntingan CSS anda lebih mudah kerana anda boleh melihat hasilnya sebaik sahaja anda menukar nilai. Juga dengan diagnostiknya Tepat ciri, anda boleh melihat elemen yang berkaitan di bahagian tertentu tapak dan mengeditnya dengan mata dan klik. Ciri-ciri lain seperti Genggaman Saiz membolehkan anda menyesuaikan kedudukan secara visual kedudukan elemen CSS, dan dengan Pewarnaan Dua-klik ciri anda diberi pemilih warna seperti Photoshop untuk memilih apa-apa warna untuk, katakan, fon laman web anda. Oh, adakah saya menyebutkan bahawa semua suntingan ini dilakukan dalam masa nyata, dengan serta-merta dapat dilihat?

    Dengan Stylizer ia hanya mustahil untuk membuat kesilapan CSS kerana ia akan menyekat anda untuk meletakkan sebarang nilai yang tidak serasi dengan sifat CSS yang sepadan. Walau bagaimanapun perisian tersebut gagal untuk memuat fail CSS tertentu kadang-kadang, disebabkan ralat kritikal yang tidak dapat dijelaskan.

    Stylizer datang dengan versi Asas dan Ultimate. Walaupun versi Asas benar-benar percuma, versi Ultimate tersedia untuk anda selama 14 hari selepas pemasangan, maka ia menawarkan $ 85 untuk anda untuk terus menggunakan ciri-ciri canggihnya seperti Bullseye.

    2. TopStyle

    Keserasian: WindowsCiri-ciri penting: Inspektor Gaya, Penyapu Gaya, CSS Tidy

    Editor CSS TopStyle mula memukau anda dengan konfigurasi kali pertama, apabila anda boleh memilih definisi gaya yang hanya menunjukkan sifat dan nilai yang disokong oleh Firefox, Internet Explorer, Safari, atau bahkan iPhone OS 2.0, yang praktikal berguna untuk cross-platform pereka web.

    Di antara semua ciri yang saya dapati Inspektor Gaya sangat berguna, kerana ia berfungsi sebagai panel untuk membolehkan anda menyertakan apa-apa sifat CSS dengan antara muka titik-dan-mudah. Apabila anda selesai memilih semua sifat CSS yang anda inginkan, kod sumber akan dijana secara automatik untuk anda untuk menjimatkan masa anda daripada pengekodan berulang dan melelahkan.

    Satu lagi barangan yang bagus TopStyle adakah ia menunjukkan keserasian pelayar di bawah pemeriksa gayanya, yang anda dapat lihat sama ada sifat CSS disokong sepenuhnya oleh pelayar web versi tertentu seperti Internet Explorer 7, atau ia sangat buggy.

    Editor ini datang sebagai versi percubaan dengan ciri terhad, dan anda boleh membuka kunci potensi penuhnya dengan $ 79.95.

    3. Gaya Master

    Keserasian: Windows, Mac OS XCiri-ciri penting: Templat Gaya Lembaran

    Dikenakan sendiri sebagai tuan, Master Gaya cukup baik untuk mewujudkan persekitaran penyuntingan CSS untuk sebarang tahap kepakaran. Perisian itu bukan sahaja menyediakan editor WYSIWYG yang melancarkan aliran kerja untuk pemula CSS, tetapi juga memberi anda akses kepada maklumat yang sangat terperinci mengenai setiap sifat CSS untuk pakar merujuk. Anda boleh menyemak imbas dan memilih sifat CSS mengikut kategori atau susunan abjad.

    Mungkin titik paling unik adalah editor itu sendiri mengandungi hampir 20 templat gaya templat berguna untuk anda bermula, dan tidak menghairankan untuk tuan gaya mempunyai peraturan CSS yang sangat bersih, teratur dan profesional yang ditakrifkan dalam templat terbina dalamnya.

    Anda boleh menikmati perisian yang paling dipaparkan selama 30 hari, dan membayar sama ada $ 59,99 atau $ 29,99 untuk lesen pendidikan untuk membuka potensi penuh lagi.

    4. Skala Xyle

    Keserasian: MacCiri-ciri penting: Mod Pemilihan, Kumpulan Pintar, Integrasi Teks Teks

    Xyle Scope adalah a mesti mempunyai editor CSS percuma untuk Mac, kerana ia adalah editor CSS yang benar-benar profesional yang membolehkan anda melayari laman web sambil menghiasi CSS secara langsung di dalam editor.

    Pelayar Xyle datang dengan mod pelayar biasa dan mod pemilihan yang berfungsi sama seperti plugin Firefox, Firebug yang menyediakan tontonan dan pengeditan sumber CSS, kecuali editor membolehkan anda menyimpan nilai CSS yang diubah suai di lokasi asalnya.

    Menggunakan 'Kumpulan Pintar', anda dapat menapis semua peraturan yang mempengaruhi cara pautan yang ditunjukkan atau yang bertanggungjawab untuk susun atur, anda bahkan boleh mempersempit keputusan dengan fungsi carian terbina dalamnya, tiada kaedah percubaan-dan-ralat yang lebih!

    Skim Xyle juga menawarkan integrasi dengan editor teks luaran seperti BBEdit untuk kerja pengekodan yang lebih mudah dan penjimatan tenaga, hanya melakukan perubahan dan sama ada editor teks atau Xyle Scope akan mengemas kini semua perubahan secara automatik untuk anda.

    5. Rapid CSS

    Keserasian: WindowsCiri-ciri penting: Syntax Highlighter, Completion Code, CSS Formatting

    CSS pantas adalah cara penyuntingan CSS lebih selesa, mudah dan kompleks. Ia mempunyai editor teks sepenuhnya disesuaikan dengan ciri-ciri berguna seperti penonjolan sintaks, penyelesaian kod dan rujukan CSS terbina dalam untuk pengalaman pengekodan tanpa rasa sakit.

    Merawat kebersihan CSS anda, anda boleh memformulasikan lembaran gaya CSS anda, seperti menyusun semulanya dengan jenis CSS atau membuat sifat tersendiri untuk menjadikan stylesheet kelihatan lebih selesa dan manis. Validator kod terbina dalam juga memastikan lembaran gaya anda bukan hanya bersih tetapi sah.

    Editor ini datang dengan 30 hari penilaian masa dengan 30 kegunaan, anda boleh pergi untuk versi penuh dengan $ 29.85.

    6. Studio Gaya

    Keserasian: WindowsCiri-ciri penting: CSS Wizard, IntelliStyle

    Keindahan utama Gaya Studio terletak dalam ciri CSS Wizardnya, yang berfungsi untuk memberi anda kesan CSS dengan sedikit mata dan klik.

    Sebagai contoh, anda boleh memilih wizard fon, kemudian pilih keluarga font dan tetapkan saiz fon untuknya, kemudian gaya font, berat, variant ... dan boom! Peraturan dimasukkan ke dalam lembaran gaya sebagai kod CSS yang disahkan sepenuhnya.

    Ciri Wizard juga termasuk warna, sempadan, teks, kedudukan, klasifikasi dan akhirnya peraturan penapis, hanya hampir semua yang anda boleh memikirkan CSS. Penyihir ini sangat berguna kerana anda tidak perlu mengetik berulang kali untuk mencapai kesan CSS rumit tertentu. Ciri mulia lain ialah IntelliStyle, yang berfungsi seperti penyelesaian kod untuk memilih sifat CSS tertentu untuk tujuan reka bentuk anda.

    Kelemahan editor ini akan menjadi sokongan takrif gaya pelayar yang ketinggalan zaman, kerana ia hanya menyokong sehingga IE6 dan, dengan baik, tiada Firefox.

    Anda diberikan 30 hari untuk menikmati perisian dan $ 49.99 untuk membelinya.

    7. CSSEdit

    Keserasian: MacCiri-ciri penting: Inspektor X-ray, Editor Visual, Builder Selector

    Reka bentuk laman web yang cantik, inovatif dan cepat memuat dengan aplikasi yang indah, inovatif dan pantas, itu CSSEdit oleh MacRabbit. Dari ciri-ciri seperti Selector Builder sehingga persekitaran sumber pintar, CSSEdit direka untuk sebarang tahap kepakaran.

    Dengan editor yang sangat digilap seperti ini, anda dijangka akan melihat perubahan pada lembaran gaya CSS anda muncul dalam masa nyata, tanpa tindakan muat naik muat semula yang melelahkan. Inspektor X-ray juga dicipta sebagai ciri untuk mendiagnosis kod CSS dari bahagian tertentu laman web ini.

    Bahagian inovatif dari CSSEdit mungkin ia Pembina Selektor yang membolehkan anda menggambarkan gaya CSS anda dengan bahasa Inggeris biasa, tidak banyak minat untuk pakar tetapi berguna untuk pemula mutlak.

    Versi demo membataskan anda untuk menyimpan fail dengan kurang daripada 2500 aksara, manakala anda boleh membayar $ 39.95 untuk menghapuskan semua sekatan.

    8. EngInSite CSS Editor

    Keserasian: WindowsCiri-ciri penting: Alat pengukur dalam Mod Pratonton

    Jika anda seorang pereka yang serius yang peduli tentang spesifikasi CSS yang betul, peletakan CSS yang betul, atau CSS stylesheet anda mesti disahkan sepenuhnya, kemudian editor CSS EngInSite boleh menjadi editor kegemaran anda.

    Dalam editor ini, anda boleh menambah pemilih kelas, id, dan elemen dengan bantuan inspektor terbina dalamnya, anda juga boleh menukar warna kepada nilai Hex atau RGB, yang merupakan ciri yang sangat jarang untuk editor CSS. Anda boleh melihat hasil anda dalam panel pratonton dengan alat ukuran untuk memastikan bahawa setiap elemen reka bentuk anda berada pada kedudukan yang betul.

    Editor juga datang dengan penyelesaian kod tetapi ia sedikit kereta, jadi saya akan mengatakan itu separa penyelesaian kod. Sekiranya tidak semua editor senang digunakan, kecuali hakikat bahawa editor agak ketinggalan zaman dari segi sokongan defnisi gaya penyemak imbas, kerana ia hanya menyokong sehingga definisi gaya IE6.

    9. Stylesheet Maker

    Keserasian: WindowsCiri-ciri penting: CSS Tags

    Stylesheet Maker adalah satu lagi editor CSS standard yang menawarkan permukaan pengekodan bersih dengan panel explorer fail, dan beberapa alat CSS yang berguna untuk membantu menetapkan font, warna, margin, sempadan, dll..

    Berbanding dengan beberapa editor CSS seperti CSS pantas atau Studio Gaya, Maker mempunyai ciri kurang lagi namun sangat bersih, dan ini bagus untuk pemula tertentu yang tidak mahu mendapatkan sesuatu yang rumit, atau CSS ninja yang menginginkan segala sesuatu yang minimum dan selesa.

    Walaupun editor ini direka untuk pengguna perantaraan, ciri CSS CSSnya dapat membantu anda membuat peraturan CSS dengan tag dengan klik.

    Ia berharga $ 34 untuk memiliki editor ini, atau anda boleh membelinya dengan perisian CoffeeCup yang lain sebagai pembelian bundle.

    10. Arduo CSS

    Keserasian: WindowsCiri-ciri penting: Node, CSSTidy

    Arduo CSS adalah editor CSS yang baru lahir yang bertujuan untuk menggembirakan anda dengan antara muka yang intuitif dan mudah digunakan. Dengan antara muka yang bersih dan penunjuk sintaks, anda dijamin untuk mencipta dan mengedit fail CSS tanpa terlalu banyak masalah dan gangguan. Anda juga boleh menggunakan ciri 'Node' untuk menentukan peraturan CSS dengan mata dan klik.

    Bagi mereka yang merasakan lembaran gaya anda terlalu berat, alat CSSTidy dari editor boleh membantu anda untuk mengoptimumkan lembaran gaya dan menghapuskan semua kod yang tidak perlu.

    Editor tersedia secara bebas di laman web rasminya.

    11. CSS Mudah

    Keserasian: Windows, Mac OS XCiri-ciri penting: Import fail CSS, Antara muka titik dan klik, Pangkalan data fon tambahan

    Sama seperti namanya, CSS Mudah mempunyai segala-galanya yang memerlukan pereka untuk penyuntingan CSS mudah. Anda boleh mengimport fail CSS ke dalam editor dan mengubahnya dengan beberapa klik, lihat hasilnya dalam panel pratonton, dan lepaskan kod sumber segera.

    Walaupun anda boleh mengimport hampir setiap fail CSS ke dalam editor, anda hanya boleh melihat 1 peraturan CSS sekaligus dengan satu klik, dan kadangkala import anda akan menyebabkan ralat disebabkan oleh hadnya seperti sokongan @rules. Editor juga tidak begitu fleksibel seperti anda hanya boleh memilih 'Auto' atau 'Menjadi' untuk z-index property, tetapi tidak secara langsung memberi nilai kepada harta.

    Walau bagaimanapun, ia adalah percuma dan sangat berguna untuk pereka yang memerlukan pembetulan cepat.

    Bonus: Lebih banyak Editor dan Alat

    Walaupun mereka tidak betul-betul editor CSS, alat-alat berikut adalah sesuatu yang anda mungkin ingin mempunyai apabila menyunting CSS.

    Firebug

    Alat pembangunan web yang paling popular dan berkuasa yang memeriksa HTML, mengubah suai gaya CSS dan melihat perubahan dalam masa nyata, tersedia sebagai plugin untuk penyemak imbas web Firefox.

    Penggunaan CSS

    Pelanjutan untuk Firebug yang membolehkan anda mengimbas beberapa halaman laman web anda untuk melihat peraturan CSS yang sebenarnya digunakan di laman web anda.

    Pembangun Web

    Sambungan Firefox untuk anda melakukan banyak perkara yang keren seperti melihat sumber CSS atau melumpuhkan lembaran gaya CSS tertentu untuk kegunaan reka bentuk atau pembangunan.

    Notepad++

    Editor kod sumber bebas dan pengganti Notepad yang menyokong beberapa bahasa termasuk CSS. Mengandungi ciri seperti Penyelesaian Fungsi untuk membantu membina reka bentuk CSS anda.

    Coda

    Penyunting teks lanjutan dengan editor CSS terbina dalam yang menyediakan anda dua mod penyuntingan CSS untuk pengalaman merancang yang lebih fleksibel, dapat melihat hasil serta-merta selepas perubahan dibuat.

    IDE NetBeans

    Persekitaran Pembangunan Bersepadu dan profesional bersepadu dengan rujukan CSS paling lengkap dalam ciri penyelesaian kodnya.

    Aptana Studio

    Persekitaran pembangunan web lengkap yang menggabungkan alat pengarang yang kuat untuk HTML, CSS, dan JavaScript, kini menyokong sehingga HTML5 dan CSS3.

    WebStorm

    IDB JetBrain yang melaksanakan penyelesaian auto yang relevan untuk segala-galanya termasuk CSS, juga anda boleh mendapatkan pemberitahuan mengenai masalah CSS dengan cepat.