Přejít k navigační liště

Zdroják » Zprávičky » Jak vytvořit vlastní jsFiddle

Jak vytvořit vlastní jsFiddle

Zprávičky ‐ ‐ JavaScript, Různé ‐

Nálepky:

Služeb pro rychlé testování HTML+CSS+JS je celá řada, jednou z těch známějších je jsFiddle. Co když vám žádná nevyhovuje a potřebujete své vlastní řešení? Poradí vám tutoriál Jak napsat svůj vlastní jsFiddle do 15 minut (a pokud si stáhnete již připravené řešení z tutoriálu, můžete být ještě rychlejší).

Popsané řešení je jednoduché, využívá Google Libraries API pro načtení patřičné verze javascriptových frameworků. Příklad pracuje jen s jQuery a jQuery UI, ovšem snadno ho upravíte, aby fungoval i s dalšími frameworky, které Google Libraries API podporuje.

Martin Hassman založil a řadu let vedl magazín Zdroják, absolvoval VŠCHT Praha, pořádal řadu konferencí, pomáhal s rozšířením otevřených technologií, byl u založení projektů CZilla, Dáme roušky a dalších. Vymyslel a dva roky vedl dobrovolnický projekt Movapp pod Česko.Digital. Nyní pracuje jako produktový manažer v datové platformě Golemio.cz.

Komentáře

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Nejvíce hlasů

WebSocket: Jak dostat webovou aplikaci do reálného času

‐ Webový vývoj ‐
Komentáře: 1
Chat, živé notifikace, společná úprava dokumentu nebo průběžně aktualizované kurzy. Uživatelé dnes čekají, že se webová aplikace změní ve chvíli, kdy se změní data, a ne až po stisknutí klávesy F5. Protokol WebSocket je nejrozšířenější způsob, jak mezi prohlížečem a serverem vytvořit trvalý obousměrný kanál. V článku se podíváme, jak funguje pod kapotou, jak ho použít v prohlížeči i na serveru a na co si dát pozor při nasazení do produkce.

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

‐ Webový vývoj ‐
Komentáře: 1
Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Rok po Shai-Hulud: co se změnilo na npm a co musíte udělat do ledna

‐ JavaScript ‐
Komentáře: 0
Před rokem začal registrem npm procházet samošířící červ Shai-Hulud. Od té doby se útoky na dodavatelský řetězec JavaScriptu staly pravidelnou záležitostí a npm postupně přepisuje pravidla publikování. Projdeme, co se za ten rok stalo, jak dnes bezpečně publikovat balíček, co musíte stihnout do ledna 2027 a jak se bránit jako uživatel balíčků.

Sledujte Zdroják: