Ž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
- Pomocí Package Control v Sublime Text se nainstaluje rozšíření LiveStyle,
- do Google Chrome se nainstaluje doplněk LiveStyle,
- vše se restartuje,
- v Google Chrome se ve vývojářských nástrojích (klávesa F12) přejde na kartu LiveStyle,
- tam si stačí z roletové nabídky vybrat libovolný CSS soubor, co je v Sublime Text právě otevřený…
- 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.)
Video-ukázka
Emmet LiveStyle sneak peekCo si myslíte o tomto článku?
Diskuse
Související články
Vibe Kanban – orchestrace AI agentů pro vývojáře
Vibe Kanban je open-source nástroj pro řízení více AI kódovacích agentů paralelně. Kanban board, isolované git worktrees a code review na jednom místě.
6
minut
Redesign webu pomocí AI
Jak udělat redesign webu za jeden den. Stačí AI nástroj, Git a Vercel.
8
minut
Programování ve VR – monitor nahradí brýle
Jak vypadá programování ve virtuální realitě? Přehled nástrojů, výhod a omezení práce s kódem ve VR headsetech místo klasického monitoru.
9
minut
Proč USB-C kabel nefunguje
Proč USB-C kabel nenabíjí notebook nebo nepřenáší data? Vysvětlení rozdílů mezi kabely, jak poznat kvalitní kabel a jaký USB-C kabel koupit.
13
minut