tag:blogger.com,1999:blog-11121790861541025542024-02-21T00:41:05.437+01:00Webové stránkyČasto o webování zjišťuji něco nového a ještě častěji na to zapomínám, rozhodl jsem se tedy, že si ty maličkosti budu zapisovat. Snad se někomu budou taky hodit.Unknownnoreply@blogger.comBlogger17125tag:blogger.com,1999:blog-1112179086154102554.post-32386107171876391932016-11-07T14:35:00.001+01:002016-11-07T14:35:39.634+01:004k video downloader<div dir="ltr" style="text-align: left;" trbidi="on">
Chcete stahovat video nebo hudbu z Youtube?<br />
Jde to. Stačí si stáhnout prográmek <a href="https://www.4kdownload.com/products/product-videodownloader?r=free_license" target="_blank">4K Video Downloader</a>.<br />
<br />
Po nainstalování 4K Video Downloader otevřete a z prohlížeče zkopírujte adresu youtube videa. Pak v programu klikněte na Paste Link (viz. obrázek níže):<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3_vJ3fhpzpfWdgA2wwkYEE13MBgJ0i3BaoIUNolO8_dP-_iPTLycw6O8hmRVujGUgoRph6jUR2BYPTgxZNZHMXWLKTpR_33YTWzmbt5E_bfFiUio0cq3CcG1SVnNQHDqhRSyaZ1hBqtW/s1600/smart.JPG" imageanchor="1"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3_vJ3fhpzpfWdgA2wwkYEE13MBgJ0i3BaoIUNolO8_dP-_iPTLycw6O8hmRVujGUgoRph6jUR2BYPTgxZNZHMXWLKTpR_33YTWzmbt5E_bfFiUio0cq3CcG1SVnNQHDqhRSyaZ1hBqtW/s320/smart.JPG" width="320" /></a><br />
<br />
Program hned začne stahovat:<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMgJhFj3O9rC6dEdOVfzD4m3ej5Bo0MZeOtihBnXQ8gssEH2738JlWJwKzCgLw5pmZJo6EbKipZpOlmBfxCOVp8363TwivwIF37WZo7LT-dT3u26UuNQzEBB6uGhsqelmF49BHainbP2-e/s1600/stah.JPG" imageanchor="1"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMgJhFj3O9rC6dEdOVfzD4m3ej5Bo0MZeOtihBnXQ8gssEH2738JlWJwKzCgLw5pmZJo6EbKipZpOlmBfxCOVp8363TwivwIF37WZo7LT-dT3u26UuNQzEBB6uGhsqelmF49BHainbP2-e/s320/stah.JPG" width="320" /></a><br />
<br />
Pod tlačítkem Smart Mode si můžete vybrat, v jakém formátu chcete stažené video uložit, případně chcete-li pouze audio (ideální pro stahování hudby).<br />
<br />
Program umí stahovat i celé playlisty.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-85803782666143069702015-11-18T10:32:00.000+01:002015-11-18T10:32:26.944+01:00Nástroj pro převod MS Excel tabulek do HTML<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://tableizer.journalistopia.com/">http://tableizer.journalistopia.com/</a><br />
<br />
Tento nástroj umožňuje jednoduše <i>copy & paste </i>excel tabulky do HTML, s možností základního nastylování.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-36356547693996855692015-06-15T15:13:00.000+02:002015-06-15T15:13:16.405+02:00Tvorba obrázkových (odkazových) map <div dir="ltr" style="text-align: left;" trbidi="on">
Pro tvorbu mapy na obrázcích se dá použít <a href="https://www.image-maps.com/">https://www.image-maps.com/</a></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-34127411543993676182015-04-21T13:49:00.002+02:002015-06-19T01:05:35.407+02:00Komprese PDF<div dir="ltr" style="text-align: left;" trbidi="on">
Pro zmenšení velikosti PDF používám <a href="http://convert.neevia.com/" target="_blank">toto</a>. Nevýhodou je maximální možná velikost nahrávaného souboru - nevím, kolik je přesné maximum, ale 12 mb nepustilo.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-31086967194421968832014-10-09T13:31:00.003+02:002014-10-09T13:31:49.795+02:00Převod fontů se zpětnou kompatibilitou Internet Exploreru<div dir="ltr" style="text-align: left;" trbidi="on">
<a class="moz-txt-link-freetext" href="http://www.fontsquirrel.com/">http://www.fontsquirrel.com/</a>
<br />
<br />
Zde se dají převádět fonty, které se správně zobrazí i v Internet Exploreru 8.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-65884446549773549352014-08-14T10:54:00.002+02:002014-08-14T10:54:50.729+02:00Zmenšení velikosti PDF souborů<div dir="ltr" style="text-align: left;" trbidi="on">
Velikost PDF souborů se dá zmenšit o desítky mega zde. <a href="http://smallpdf.com/">http://smallpdf.com/</a></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-14297658239602998572014-06-30T12:33:00.002+02:002014-06-30T12:33:41.491+02:00Online převod formátu souborů<div dir="ltr" style="text-align: left;" trbidi="on">
Pro zachování formátování při převodu z .pdf do .doc se mi osvědčil tento online konvertor:<br />
<br />
http://www.htmlpublish.com/<br />
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-81057885931246724022014-05-28T11:03:00.000+02:002014-05-28T11:03:15.548+02:00Jak donutit klientské prohlížeče, aby načetly nová css a netahali jej z cache?<div dir="ltr" style="text-align: left;" trbidi="on">
Buď přejmenovat css soubor a nebo, jak se píše <a href="http://stackoverflow.com/questions/3131518/why-pass-parameters-to-css-and-javascript-link-files-like-src-cnt-jsver-4-0" target="_blank">zde</a> použít verzovací parametry...</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-62078228002345460752014-05-28T10:24:00.000+02:002014-05-28T10:24:08.239+02:00Online nástroj pro hledání rozdílů v textu<div dir="ltr" style="text-align: left;" trbidi="on">
Jste taky tak líní, jako já a přijde vám diffování (hledání rozdílů v textu souborů) zdlouhavé?<br />
Pak zkuste <a href="http://www.diffchecker.com/">http://www.diffchecker.com/</a> - další z mocných nástrojů, které vyskakují na Google jako první po zadání správných klíčových slov:-)</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-23858590314170829452014-04-04T13:21:00.002+02:002014-04-04T13:21:51.851+02:00Zakázání automatického vyplňování formulářů a oprav zadaných údajů<div dir="ltr" style="text-align: left;" trbidi="on">
Stává se vám, že při vyplňování údajů do formulářů, se údaje předvyplní, začnou se podtrhávat špatně napsaná slova nebo se dokonce samy opravují podle své vůle, případně zvětšují počáteční písmena?<br />
<br />
Vše řeší tyto parametry (atributy), které stačí přidat k příslušným input polím:<br />
<br />
<b>autocomplete="off"</b> - zakáže automatické dokončování textů<br />
<b><br /></b>
<b>autocorrect="off" - </b>zakáže automatické opravy - obzvlášť vhodné na mobilech<br />
<b><br /></b>
<b>autocapitalize="off" </b>- zakáže zvětšování počátečních písmen<br />
<b><br /></b>
<b>spellcheck="off" </b>- zakáže kontrolu pravopisu</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-8022504496392330592014-03-28T09:34:00.002+01:002014-03-28T09:34:36.160+01:00WTF, HTML and CSS?!<div dir="ltr" style="text-align: left;" trbidi="on">
Zajímavý web, který rozhodně stojí za pár minut četby. Pojednává o problémech, na které kodéři často naráží a nedokáží si je vysvětlit.<br />
<br />
<a class="moz-txt-link-freetext" href="http://wtfhtmlcss.com/" target="_blank">http://wtfhtmlcss.com/</a>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-80105468411721873422014-03-12T09:38:00.000+01:002014-03-12T09:38:31.809+01:00ApiGen - generátor dokumentace projektů<div dir="ltr" style="text-align: left;" trbidi="on">
Pokročilejší nástroj, který na základě komentářů a struktury projektu zdokumentuje webovou aplikaci:<br />
<br />
<a href="http://apigen.org/" target="_blank">ApiGen</a><br />
<br />
Vhodné pro rozsáhlejší projekty, v nichž ztrácíte orientaci nebo pro převzaté projekty většího rozsahu.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-27705637919777644162014-03-07T12:52:00.000+01:002014-03-07T12:52:53.041+01:00Barevné schéma webu<div dir="ltr" style="text-align: left;" trbidi="on">
Když si nevím rady s barvami na webu, jdu sem: <a href="http://colorschemedesigner.com/" target="_blank">http://colorschemedesigner.com/</a><br />
<br />
Na stránce je nástroj pro vyhodnocování vhodných kombinací barev ve webovém prostředí.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-91942621675108964782014-03-05T13:35:00.001+01:002014-03-05T13:35:20.774+01:00Multi Dejavu<div dir="ltr" style="text-align: left;" trbidi="on">
Zdá se ti, že jsi již danou věc někdy dělal?<br />
Zdá se ti, že se ti už někdy zdálo, že jsi danou věc už někdy dělal?<br />
Když nad tím přemýšlíš, zdá se ti, že už jsi nad tím někdy přemýšlel?<br />
Zmínil jsi se o tom nahlas a máš dojem, že jsi se o tom již někdy nahlas zmiňoval?<br />
<br />
A nejsi ty náhodou kodér?</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-36714534400932772202014-02-28T07:52:00.001+01:002014-02-28T07:52:36.429+01:00Zmenšení velikosti PNG obrázků<div dir="ltr" style="text-align: left;" trbidi="on">
Často se mi pod ruku dostane obrázek ve formátu PNG, který je obvykle neoptimalizovaný a kvůli průhlednosti musí být právě ve formátu <i>PNG</i>. Výsledný soubor má potom velkou velikost a zbytečně zpomaluje načítání stránky.<br />
<br />
Zvykl jsem si tento problém řešit pomocí <a href="https://tinypng.com/" target="_blank">online nástroje TinyPNG</a>.<br />
<br />
Do středové oblasti <i>"Drop your .png files here" </i>přetáhnete soubory a chvíli počkáte. Stránka vám dá najevo, že pracuje a po dokončení operace vám nabídne upravené soubory ke stažení.<br />
Výsledné soubory mají obvykle 40-20% původní velikosti.<br />
<br />
Celý proces pro jeden obrázek trvá cca 5 vteřin.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-87311081692207208542014-02-27T08:45:00.000+01:002014-02-27T08:45:06.535+01:00Custom checkbox & radio button generator<div dir="ltr" style="text-align: left;" trbidi="on">
Narazili jste při kódování webu na potřebu implementovat nestandardní vzhled checkboxu nebo input radio Věc nebyla nikdy jednodušší.<br />
<br />
Vzhledem k tomu, že IE8 již končí podpora a tak jej můžeme s veselím odpálkovat, můžeme použít online nástroj <a href="http://www.csscheckbox.com/" target="_blank">CSS Checkbox</a>.<br />
<br />
Nástroj na základě vámi dodaných grafických podkladů vytvoří kód potřebný pro implementaci do webu. Druhou možností je využití již předpřipravených radio inputů nebo checkboxů.<br />
<br />
Jak na věc?<br />
<br />
<br />
<ol style="text-align: left;">
<li>Otevřete si <a href="http://www.csscheckbox.com/css-checkbox-generator.php" target="_blank">generátor</a>.</li>
<li>Připravte si soubor - čtvercový obrázek s checkboxem nebo radio buttonem v <b>nezaškrtnuté </b>(nezvolené) verzi. Ten zvolte do <i>Unchecked box</i>.</li>
<li>Připravte si soubor - čtvercový obrázek s checkboxem nebo radio buttonem v <b>zaškrtnuté </b>(nezvolené) verzi. Ten zvolte do <i>Checked box</i>.</li>
<li>Zvolte, jestli se jedná o <i>input radio </i>nebo <i>input checkbox</i> a pokud si jste jistí, že se jedná o obrázky, na něž máte legální nárok, zaškrtněte políčko s malým textem.</li>
<li>Klikněte na <i>Create Checkbox</i>.</li>
<li>Web zachroustá a vám se stáhne soubor s obrázkem, vzorovým html kódem a css, které checkbox naimplementuje.</li>
</ol>
<div>
To, co se stáhne musíte samozřejmě dostat na váš web. Jak již bylo zmíněno výše, v IE8 tato metoda nefunguje.</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1112179086154102554.post-57320546109824017522014-02-27T08:31:00.001+01:002014-02-27T08:33:01.055+01:00Web fonts converter<div dir="ltr" style="text-align: left;" trbidi="on">
Narazili jste na potřebu naimplementovat na stránky nějaký nestandardní, nesystémový font (písmo)? Pak jistě nejste sami, kdo čelí problému kompatibility ve všech prohlížečích.<br />
Aby výsledné texty vypadaly stejně v IE, Firefoxu, Chrome, Opeře i Safari, musíte použít tento font v několika různých formátech.<br />
<br />
Jak na to?<br />
<br />
<ol style="text-align: left;">
<li>Najděte (získejte, vytvořte, ukradněte... čechům se meze nekladou) soubor s fontem</li>
<li>Font naimplementujte klasicky a zjistěte, že funguje jen někde (font-face)</li>
<li>Otevřete stránku <a href="http://www.font2web.com/" target="_blank">fonts2web</a> a nahrajte do ní soubor s fontem</li>
<li>Klikněte na <i>Convert & download</i>, web převede font do všech potřebných formátů a pošle vám soubor <i>.zip</i></li>
<li>Rozbalte stažený soubor a obsah <i>.css</i> souborů přidejte do svých souborů s kaskádovými styly a soubory fontů dejte do správného umístění</li>
<li>Pokud něco nefunguje, máte špatně cesty k fontům</li>
</ol>
<div>
Umístění na web probíhá opět přes <i>font-face</i>, akorát s několika různými formáty.</div>
<div>
<br /></div>
<div>
Existuje ještě druhý zajímavý nástroj - <a href="http://www.freefontconverter.com/" target="_blank">Free Font Converter</a>, který převede soubor písma na konkrétní jiný formát, který si zvolíte.</div>
<div>
<br /></div>
<div>
Závěrem článku je nutno podotknout, že ačkoliv jsou nestandardní fonty pěkné, profesionální design na nich nezávisí a dokáže k dokonalosti přizpůsobit fonty systémové.</div>
<br /></div>
Unknownnoreply@blogger.com0