Mnozí už dlouho užívali, ale často pouze upravovat soubory CSS. Používám to jako můj hlavní HTML-Protector. (to je asi verze pro.) Při rozložení stránek.

Nářadí

Existuje mnoho různých (profesionálních) editorů HTML na výhru platformy a zvolte "Systém volby" není snadný. Píšu kód ručně, takže WYSIWYG-Výdaje se o mě nikdy nezajímaly. Výjimka je jen poslední dreamweaver, který používám k vytvoření složitých tabulek.

Dlouhodobě jsem použil homesite (ve svazku s topsylem lite), ale dlouho se rozvíjí, ale jeho autorka Nick Bradbury je nyní jen zapojen do vývoje topstyle. Proto jsem se rozhodl vyzkoušet svůj nový mozek.

Co může

Nejprve je editor topstyle samozřejmě editace CSS. Jeho starší (placená) verze je však ideální pro rozložení XHTML.

Editor má vlastní zvýraznění značek (i automatická nahrazení atributů tříd a IDS ze souboru Styles), vestavěné validační funkce (pomocí W3C validátorů nebo stažených CSE). Obecně platí, téměř vše jako zbytek normálních editorů. Ale má své vlastní vlastnosti, které dělají stránky pomocí CSS velmi pohodlné.

Například, on ví, jak budovat zprávy o použitých třídách, tj. Ukazuje, které třídy, kde byly použity, a které třídy byly obecně "ztracené" (viz obrázek), tj. Nejsou používány kdekoli na místě.

Topstyle má vynikající náhledový mechanismus: můžete jej nakonfigurovat tak, aby se změny v samostatném souboru CSS zobrazeny na příkladu, který jste potřebovali hTML soubor. To znamená, že úpravy jednoho souboru, zobrazení změn na straně druhé! A to vše na dvou motorech (Mozilla a IE), a to i s možností úkolu kdokoliv Velikost okna - nejméně 6000 × 3000 pixelů.

Editor má funkce "Combing" starých dokumentů, ve kterých je design proveden v atributech HTML, stejně jako vývozu pravidel CSS pro různé prohlížeče CSS / verze.

TopStyle staví velmi pohodlný voličový strom, který vás eliminuje z potřeby ručně uspořádat prvky v abecedním pořadí. Na tomto stromě se zobrazí všechny pravidla pro čisté prvky jako první, pak třídy a pak ID.

Samozřejmě, že už nemyslím na práci bez panelu inspektorů stylu, což je mnohem pohodlnější než podobná řešení v libovolném dreamweaveru. To vám umožní velmi rychle provádět rutinní operace - například výběr požadovaných písma, barvy atd.
Zároveň je pro každé pravidlo jasně zobrazeno stupeň kompatibility s různými prohlížeči.

Jedním z nejpohodlnějších funkcí: CSS-založená barevná paleta - všechny vaše barvy na jednom místě. Nyní nemusíte psát barvy na začátku dokumentu nebo neustále se procházíte při hledání správného.
Plus, schopnost třídit a masivně nahradit, například, aby se všechny barvy tmavší (i když jsem osobně nikdy nepoužil).

Kromě toho je velmi výhodné formátovat styly: Například vytáhněte všechna pravidla v jednom řádku pro uložení provozu a v případě potřeby najít něco k návratu do počátečního stavu (s vklady a přenosem).

Obvykle, užitečné funkce Mnoho a bez přetížení, jako například HTML-KIT. Neexistují žádné panely vložení značky, ale je zde možnost konfigurovat pro sebe. Například, předepsal klávesy s klávesami s textem do textového zabalení ve značkách H1 ... H4 stisknutím CTRL-1 ... CTRL-4. A tak můžete specifikovat libovolnou kombinaci.

Závěr

Obecně platí, že všichni, kdo jiný nepoužívá topstyle pro - jít a houpat ji z webových stránek výrobce.

Program není levný - prodáno za 80 dolarů, ale stojí za to. Rozložení podle norem bude mnohem příjemnější. Nakonec se zeptejte svého šéfa koupit normální nástroj!

TopStyle - editor kaskádového stylu listů (CSS), napsal Nick Bradbury, Stvořitel Homesite. TopStyle obsahuje vše, co potřebujete vytvořit tabulky stylů, správné pro všechny prohlížeče. Snadno porty do HTML Editoru a je používán ve výchozím nastavení na úrovni systému pro všechny soubory s příponou. CSSS. Nepostradatelné vytvořit a podporovat velké projekty. Funkce Průvodce odkazem například umožňuje propojit všechny stránky projektu s souboru stylu, který program sám vytvoří. Stačí určit místo, kde jsou uloženy všechny stránky stránek. Můžete označit další dva další užitečné vlastnosti kontroly stylu balíčku a styly sirotek. První umožňuje zkontrolovat jakýkoliv soubor CSS pro chyby, druhé diváky existující stránky stránky pro styly "Lost". Pokud jste zmateni ve svých stylech a na stránkách HTML, je vícevrstvý překrytí různých písem a barevných řešení, Toptyle může odstranit všechny značky písma uvnitř bloku a nahradit je s jedním kaskádovým stylem. A to je jen malá část toho, co může program Topstyle.

Vyrobeno ve dvou verzích:
Topstyle Lite. - Zdarma, zjednodušená verze
Topstyle Pro. - Kompletní verze () verze s mnoha dalšími funkcemi.

Váš komentář a diskuse programu Topstyle Pro

Předtím, když nebylo CSS, návrhář musel ručně předepisovat každou značku záhlaví . Bylo to velmi bolestivé, a pak přišlo CSS, což výrazně usnadnilo život webových návrhářů. CSS vám umožní určit všechny styly pro vaše stránky v jednom souboru (nebo několik, podle svého uvážení). To vám umožní ušetřit čas a učinit kód flexibilnější.

Ale proč potřebujeme redaktoři CSS? Každé správy nová technologie Má dvě strany medaile, v CSS se objeví na podporu některých vlastností CSS v prohlížečích IE. A tak web designer musí najít hack, aby se narušil zobrazení v IE prohlížeče.

CSS editory pomáhají rychleji napsat kód a vyhnout se více chybám.

1. stylizer.

Stylizer je cSS Editorkterý umožňuje upravovat CSS a zobrazit změny v reálném čase. Můžete jednoduše zadat adresu webové stránky a vlevo uvidíte webovou stránku a vpravo - CSS kód, který lze změnit a změny budou viditelné vlevo. Můžete změnit jak ručně, předepisovat vlastnosti a pomocí tlačítek editoru WYSIWYG.

Změnit barvu textu může být také dynamicky. Při změně barvy se objeví barevné spektrum, podobně jako ten, který je v aplikaci Adobe Photoshop.

V tomto editoru není možné provést chybu, protože samotný editor zkontroluje hodnoty, které zadáte.

2. Topstyle.

Topstyle Editor zobrazuje styly podporované prohlížeče Firefox., Tj. Safari a dokonce iOS 2.0. Tato funkce Lze aplikovat s designem návrhu průplaty.

Jedním z užitečných funkcí tohoto editoru je inspektor, který vám umožní přidat CSS jedním kliknutím, což ušetří čas a sílu s dluhem a únavným kódováním.

Tento editor také umožňuje zobrazit kompatibilitu vlastností CSS v prohlížeči, což je velmi užitečné při psaní kódu pro prohlížeč IE.

3. Styl Master.

Vzhledem k tomu, že vývojář prohlašuje, styl je editor, který lze použít na libovolné úrovni znalostí CSS. V programu můžete použít nejen editor WYSIWYG, ale také napsat kód ručně (to by bylo velmi zvláštní, kdyby to nebylo tak :)), s zvýraznění každého majetku, pro zkušenější vývojáře.

Snad největší výhodou tohoto editoru jsou připravené vzory stylů. Má asi 20 šablon, správně organizovaných, což vám umožní rychle a snadno psát styly pro web.

4. Rapid CSS Editor

Editor Rapid CSS je pohodlný, snadno fakturovaný program pro úpravy CSS soubory. On má textový editor S Syntaxe zvýraznění, Code Converter a další.

S tímto editorem můžete nevystavit váš styl ve vašem vlastním způsobem. Vestavěný kód pro kódu bude obsahovat styl stylů nejen čistý, ale také chrání chyby CSS.

5. CSSEDIT 3.

Okamžitě řeknu, že tento editor podporuje pouze Mac OS. Editor má krásný designAle není určeno pro začínající uživatele. Také Editor dat vám umožní zobrazit změny dynamicky, v reálném čase.

Zajímavou příležitostí pro tento editor je, že můžete popsat majetek v jednoduchém anglickém jazyce (pro to byl vytvořen voličový stavitel). Pro začátečníky bude tato funkce poměrně zajímavá.

6. Enginite CSS Editor.

Pokud jste vážný web designer, který se stará o správné CSS psaní, správně hostující vlastnosti, ale budete se ti to líbit.

V tomto editoru můžete přidat třídu nebo identifikátor pomocí vestavěných funkcí a je také možné převést barvu z hexu (hexadecimální formát) v RGB, což je rarita pro editory.

Také v editoru existuje konfigurační funkce kódu.

7. Stylový výrobce

Standardní Editor CSS, který umožňuje instalaci písma, barvy, okraje, hranic a dalších vlastností.