Paljud inimesed on seda pikka aega kasutanud, kuid sageli ainult CSS-failide redigeerimiseks. Ma kasutan seda oma peamiseks HTML-redaktor(see on umbes Pro versioon) lehe küljenduste tegemisel.

Tööriist

Win platvormil on palju erinevaid (professionaalseid) HTML-redaktoreid ja "valitud süsteemi" valimine pole üldse lihtne. Kirjutan koodi käsitsi, nii et WYSIWYG-i toimetajad pole mind kunagi huvitanud. Ainus erand on viimane Dreamweaver, mida kasutan keeruliste tabelite loomiseks.

Olen Homesite'i kasutanud pikka aega (koos TopStyle Lite'iga), kuid see pole pikka aega arenenud - selle autor Nick Bradbury arendab praegu TopStyle'i. Seetõttu otsustasin õigel ajal proovida tema uut ajulapsi.

Mida ta saab teha

Esiteks on TopStyle'i redaktor loomulikult CSS-i redigeerimiseks. Kuid selle vanem (tasuline) versioon sobib suurepäraselt ka XHTML-i paigutuse jaoks.

Redaktoril on kohandatud esiletõstmine, siltide automaatne täitmine (isegi klassi- ja id-atribuutide automaatne asendamine stiilifailist), sisseehitatud valideerimisfunktsioonid (kasutades W3C-valideerijaid või allalaaditavat CSE-d). Üldiselt peaaegu kõik, mis teised tavalised toimetajad on. Kuid sellel on ka oma omadused, mis muudavad saitide arendamise CSS-i abi väga mugav.

Näiteks teab ta, kuidas koostada kasutatavate klasside kohta aruandeid, see tähendab, et see näitab, milliseid klasse kus kasutati ja millised klassid olid üldiselt "kaotatud" (vt joonis), see tähendab, et neid ei kasutata saidil kusagil .

TopStyle'il on suurepärane eelvaate mehhanism: saate seda kohandada nii, et eraldi CSS-faili muudatused kuvatakse vajaliku faili näitena. HTML-fail... See tähendab, et ühe faili redigeerimise ajal vaadake muudatusi teises! Ja seda kõike kahel mootoril (Mozilla ja IE) ning isegi seadistamisvõimega mis tahes akna suurus - vähemalt 6000 × 3000 pikslit.

Redaktoril on vanade dokumentide "kammimise" funktsioonid, milles kujundus renderdatakse HTML-atribuutidena, samuti CSS-reeglite eksportimine erinevate brauserite / CSS-i versioonide jaoks.

TopStyle loob väga käepärase valimispuu, mis säästab elementide käsitsi tähestikulises järjestamises tekkivat vaeva. Selles puus kuvatakse kõigepealt kõik puhaste elementide reeglid, seejärel klassid ja seejärel ID.

Muidugi ei kujuta ma ette tööd ilma Style Inspectori paneelita, mis on mõnes Dreamweaveris palju mugavam kui sarnased lahendused. See võimaldab teil rutiinseid toiminguid - näiteks valikut - teha väga kiiresti soovitud fondid, lilled jne.
Samal ajal on iga reegli jaoks selgelt näidatud ühilduvus erinevate brauseritega.

Üks lahedamaid omadusi: CSS-põhine värvipalett - kõik teie värvid ühes kohas. Nüüd pole vaja dokumendi alguses värve välja kirjutada ega pidevalt vajalikku otsides roomata.
Lisaks muudab võime neid sorteerida ja massiliselt asendada, näiteks kõik värvid tumedamaks (kuigi isiklikult pole ma seda kunagi kasutanud).

Lisaks on stiilide vormindamise võimalus väga mugav: näiteks liikluse säästmiseks venitada kõik reeglid ühele reale ja kui teil on vaja midagi leida, pöörduge tagasi algsesse olekusse (taanete ja sidekriipsudega).

Kokkuvõttes, kasulikud funktsioonid palju ja ilma ülekoormuseta, näiteks html-kit. Siltide sisestamiseks pole ühtegi paneeli, kuid saate enda jaoks palju kohandada. Näiteks määrasin H1 ... H4 siltide teksti mähkimiseks kiirklahvid, vajutades klahve Ctrl-1 ... Ctrl-4. Ja nii saate määrata mis tahes kombinatsiooni.

Järeldus

Üldiselt kõik, kes veel TopStyle Pro ei kasuta - minge alla ja laadige see alla tootja veebisaidilt.

Programm pole odav - seda müüakse 80 dollari eest, kuid see on seda väärt. Küljendus standardite järgi muutub palju meeldivamaks. Lõppude lõpuks paluge ülemusel osta teile tavaline tööriist!

TopStyle on CSS-i (Cascading Style Sheets) redaktor, mille on kirjutanud Kodulehe looja Nick Bradbury. TopStyle sisaldab kõike, mida vajate kõigis brauserites korrektsete stiililehtede loomiseks. Lihtsalt oma HTML-redaktorisse teisaldatav ja kõigi süsteemide .css-failide vaikeseade. Suurte projektide loomiseks ja toetamiseks hädavajalik. Nii võimaldab näiteks funktsioon Link Link Wizard linkida kõik projekti lehed stiilifailiga, mille programm ise loob. Peate lihtsalt määrama asukoha, kuhu kõik saidi lehed on salvestatud. Võib märkida veel kahte paketi kasulikku omadust - Style Checker ja Orphan Styles. Esimene võimaldab teil kontrollida kõiki css-faile vigade osas, teine ​​kontrollib saidi olemasolevaid lehti "kadunud" stiilide suhtes. Kui olete oma stiilide suhtes segaduses ja HTML-lehtede linkide jaoks on kehtestatud mitmesuguste fontide ja värvilahenduste mitmekihiline kehtestamine, saab TopStyle eemaldada kõik lehesisesed fondisildid ja asendada need ühe kaskaadstiiliga. Ja see on ainult väike osa sellest, mida TopStyle suudab.

Saadaval kahes versioonis:
TopStyle Lite- tasuta, lihtsustatud versioon
TopStyle Pro- täisversioon () koos paljude lisavõimalustega.

Teie kommentaar ja arutelu programmi TopStyle Pro üle

Kui varem polnud veel CSS-i, pidi disainer iga pealkirja sildi käsitsi kirjutama ... See oli piinavalt valus ja siis tuli kohale CSS, mis tegi veebidisainerite elu palju lihtsamaks. CSS võimaldab teil määratleda kõik saidi stiilid ühes failis (või oma äranägemisel mitmes). See säästab aega ja muudab teie koodi paindlikumaks.

Kuid milleks vajame CSS-i toimetajaid? Iga sissejuhatus uus tehnoloogia sellel on mündi kaks külge, CSS-is kajastub see mõnede CSS-i omaduste toetamises IE-brauserites. Ja nii peab veebidisainer IE brauserites ekraani parandamiseks häkkimise leidma.

CSS-i toimetajad aitavad teil koodi kiiremini kirjutada ja vältida palju vigu.

1. STIILISER

STYLIZER on CSS-i toimetaja mis võimaldab teil CSS-i redigeerida ja muudatusi reaalajas näha. Võite lihtsalt sisestada veebilehe aadressi ja vasakul näete veebileht ja paremal CSS-kood, mida saab muuta ja muudatused on nähtavad vasakul. Saate muuta nii käsitsi, atribuutide kirjutamist kui ka redaktori WYSIWYG nuppe.

Samuti saate teksti värvi dünaamiliselt muuta. Värvi muutmisel ilmub värvispekter, mis sarnaneb Adobe Photoshopis leiduvaga.

Selles redaktoris on võimatu viga teha, kuna siin kontrollib redaktor ise teie sisestatud väärtusi.

2. TopStyle

TopStyle Editor kuvab toetatud stiilid Firefoxi brauserid, IE, Safari ja isegi iOS 2.0. See võimalus saab rakendada platvormidevahelise disaini arendamisel.

Selle redaktori üks kasulikest funktsioonidest on inspektor, mis võimaldab teil ühe klõpsuga lisada CSS-i atribuudid, mis säästavad pika ja tüütu kodeerimise ajal aega ja vaeva.

Samuti võimaldab see redaktor vaadata brauseris CSS-i omaduste ühilduvust, mis on IE-brauseri jaoks koodi kirjutamisel väga kasulik.

3. Stiilimeister

Nagu arendaja väitis, on Style Master redaktor, mida saab kasutada mis tahes CSS-teadmiste tasemel. Programmis saate kogenumate arendajate jaoks kasutada lisaks WYSIWYG-i redaktorit ka koodi käsitsi kirjutamist (see oleks väga kummaline, kui see poleks nii :)), iga omaduse esiletõstmisega.

Selle redaktori suurim eelis on võib-olla valmis stiilimallid. Sellel on umbes 20 hästi korraldatud malli, mis muudavad teie veebisaidile stiilide kirjutamise kiireks ja lihtsaks.

4. Kiire CSS-i toimetaja

Rapid CSS Editor on mugav, väga kohandatav programm CSS-failide redigeerimiseks. Tal on tekstiredaktor süntaksi esiletõstmise, koodi lõpuleviimise ja muuga.

Selle redaktori abil saate oma stiililehte vormindada nii, nagu soovite. Sisseehitatud koodi valideerija mitte ainult ei hoia stiililehte puhtana, vaid kaitseb ka CSS-i vigade eest.

5. CSSEdit 3

Pean kohe ütlema, et see redaktor toetab ainult MAC OS-i. Toimetajal on Ilus disain kuid see pole mõeldud algajatele kasutajatele. Samuti võimaldab andmetöötlus näha muudatusi dünaamiliselt ja reaalajas.

Selle redaktori huvitav omadus on see, et saate atribuuti kirjeldada lihtsas inglise keeles (selleks on loodud Selector Builder). Algaja jaoks on see funktsioon üsna huvitav.

6. EngInSite CSS-i toimetaja

Kui olete tõsine veebidisainer, kellele läheb korda õige CSS, atribuutide õige paigutus, on see redaktor just teie jaoks.

Selles redaktoris saate lisada klassi või identifikaatori, kasutades sisseehitatud funktsioone, samuti on võimalik värv teisendada HEX-st (kuueteistkümnendsüsteemis) RGB-ks, mis on redaktorite jaoks haruldus.

Redaktoril on ka koodi lõpuleviimise funktsioon.

7. Stiilne tegija

Standardne CSS-redaktor, mis võimaldab teil määrata fonti, värvi, veerist, äärist ja muid omadusi.