Moderní tvorba webových aplikací

O webu

Živý náhled editovaného CSS

Jak docílit, aby se editované CSS v Sublime Text editoru v reálném čase aplikovalo v prohlížeči.

1 minuta
  1. Pomocí Package Control v Sublime Text se nainstaluje rozšíření LiveStyle,
  2. do Google Chrome se nainstaluje doplněk LiveStyle,
  3. vše se restartuje,
  4. v Google Chrome se ve vývojářských nástrojích (klávesa F12) přejde na kartu LiveStyle,
  5. tam si stačí z roletové nabídky vybrat libovolný CSS soubor, co je v Sublime Text právě otevřený…
  6. A je to!

(Alternativní řešení obnovení stránky při uložení souboru, které je nezávislé na konkrétním editoru, se jmenuje LiveReload.)

Více na Emmet LiveStyle

Video-ukázka

Emmet LiveStyle sneak peek

Související články

Generování QR kódu

Co je to QR kód a jak ho okamžitě vytvořit pomocí jednoduchého online generátoru.

18 minut

Převody souborů a dat přímo v prohlížeči

Jak převádět obrázky, textové formáty v prohlížeči pomocí JavaScriptu – bez odesílání dat na server.

8 minut

Zvláštní znaky na české klávesnici

Jak na běžné české klávesnici pohodlně programovat a zapisovat všelijaké speciální znaky?

10 minut

Převod písmen na VELKÁ a malá

Převedení textu na velká nebo malá písmena.

12 minut

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025