live css editor do chromu rubrika: Kódování: CSS

12 dzejkob
položil/-a 19.3.2015

Tak jsem se zase po nějaký době dostal k tomu, že budu bouchat nějaký to css a html a s hrůzou jsem zjistil, že to ještě není plně automatizovaný nějakými nástroji, který to hned vyplivnou z psd nebo tak něco.

Potřeboval bych teda alespoň něco, co mi tu dělničinu usnadní. Potřeboval bych nástroje, které umí:

  • editovat css segmenty a vpisovat části css a live vidět výsledek

  • označit výběrem elementy a ono by to ukázalo afektovaný styly

  • posouvat absolutní pozice označených elementů a taktéž promítnout změny do afektovaných stylů

Devtools jsou v tomhle směru na houby. Sice to tam nějak jde, ale je mnohem rychlejší to změnit a udělat refresh. Asi nejlepší co jsem našel je "LiveCSSEditor" - bohužel to odskakuje a má to dost jiných much. K ničemu jsou taky různý watche, který refreshnou stránku, když se něco změní - protože to zruší jakýkoliv stav, pokud je třeba zapřičiněný javascriptem - jedině kdyby to umělo nějak reloadnout celý css sheet bez refreshe.

Jak se dneska "dělají weby"? Používáte nějaké podobné nástroje?

odkaz
15 uetoyo
odpověděl/-a 20.3.2015

Přenech to někomu, kdo nad tím chce přemýšlet .) -- Ani takové CSS není o bouchání do klávesnice.
(Taky se divím, že ten C#/C++ za mne "nenabouchá" editor z UML, které mám v hlavě .)

Komentáře

  • dzejkob : Narážím na workflow psd do html - ta popisovací schopnost html v dnešní době nemá vůbec daleko od photoshpu. Rámečky, zaoblený rohy, stíny, přechody atd. Nechápu, proč v dnešní době němají webdesignéři nějaké klikátko, co bleje rozumnější výstupy. Bych jim ty photoshopy zakázal. Kdo dělá webdesign, ať si rovnou zmatlá styly vhodným nástrojem. 20.3.2015
  • uetoyo : minuta ticha... a pořád mne nenapadá, jak ti na tohle odpovědět. 20.3.2015
  • josef.vrsansky : Rámečky apod. umí z photoshopu do css vygenerovat plugin https://csshat.com/ . 20.3.2015
  • vaclav.sir : Webdesignéři mají klikátka, kromě CSSHat třeba od stejných autorů Avocode, něco málo z toho umí zdarma i Adobe Assets. A potom se používají watche, které umí "nějak reloadnout celý css sheet bez refreshe", například grunt-watch s volbou livereload. Ale pokud potřebuješ jednorázově převést jeden PSD obrázek na HTML obrázek, tak to fakt radši zadej třeba Superkodérům. 27.3.2015

Pro zobrazení všech 9 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.