TIP#2592: Ještě stále máte na webu Google AMP? Je to zlo, rychle s tím pryč
Je to vlastně už docela dlouho, co jsem na všech mých webech zrušil podporu Google AMP. Pak jsem delší dobu chtěl napsat tip tomu věnovaný, ale nějak to zapadlo v záplavě jiných tipů. A je tedy čas to napravit.
TIP#2103: Proč na webu, e-mailu (a tiskových zprávách) nezarovnávat vpravo ani do bloku
Jeden z těch podivných nápadů, se kterým se často setkáte právě u tiskových zpráv. Odstavce (pokud už tam tedy vůbec jsou) jsou zarovnány zleva i zprava. Vzniká cosi, co je na displejích obtížně čitelné, velmi rychle se v tom ztratíte. Bez ohledu na to, jestli je to displej mobilu nebo počítače.
TIP#1539: Co dělat když se mi špatně načte stránka na webu?
Vlastně je odpověď na otázku v titulku tohoto tipu velmi jednoduchá – použíite F5 nebo Ctrl/Cmd F5. Vysvětlení je ve skutečnosti už ve dva roky starém tipu Jak znovu zobrazit stránku v prohlížeči? Jaký je rozdíl mezi běžným a tvrdým opětovným načtením? F5 vs. Shift/Ctrl F5. Vyplatí se k tématu ale vrátit ještě z jiného úhlu.
TIP#1470: Co je to Markdown?
V době kdy na Internetu ještě neexistovaly WYSIWYG (What do You See Is What do You Get) editory se objevila cesta jak formátovat texty pomocí speciálních kombinací znaků. Od jednoduchých příspěvků v diskuzích přes kompletní články na webu až rozsáhlé dokumenty. Cesta jak toto dělat bez možnosti vidět rovnou všechny ty různorodě formátované texty se jmenuje markdown (a editory něco takového podporující se jmenují markdown editor).
TIP#855: Mám texty pro blog psát přímo na blogu nebo si je připravovat v počítači (mimo blog)?
Tenhle problém je takový zapeklitý, týkající se toho, že máte nějaký blog (ale obecně, jakýkoliv web na který věšíte texty, články) a tvoříte pro něj obsah. A otázka, zásadní, je, zda ty texty máte psát přímo na onom blogu, tedy online v redakčním systému. Nebo zda je lepší si je připravovat někde jinde, ideálně offline. Případně v něčem jako Google Docs či Office 365.
TIP#775: Proč se mi ten web zobrazuje v jiném jazyce, než jsem chtěl?
Musím se přiznat, že tohle je mé oblíbené téma. Existují totiž weby, které se neznámo proč neřídí doménou ale nějak se snaží uhodnout, v jakém jazyce ho vlastně chcete vidět. Přijdete pak na nějaký web s koncovkou .cz a místo češtiny dostanete třeba angličtinu. Nebo přijdete do nápovědy na Instagram.com a neznámo proč vám zobrazí švédštinu či dokonce ruštinu.
TIP#604: Jak uvádět telefonní čísla na webu či v e-mailech?
Když už se to trochu nakouslo v Máme e-maily na webu dělat neklikací a nekopírovací? tak je čas rovnou splnit slib a přidat toto téma a připomenout i podstatné Podnikáte? Ujistěte se, že na vás jsou dostupné kontakty, protože otázka v titulku dnešního tipu má dva možná základní (a zásadní) významy.
TIP#603: Máme e-maily na webu dělat neklikací a nekopírovací?
Asi jste to již potkali, v kontaktech na webu je e-mailová adresa jako obrázek a nejde na ni kliknout, nejde ji ani kopírovat, abyste ji dostali do poštovního klienta a mohli poslat e-mail. Případně je tam nějaká jiná „ochrana proti spamu“, ať už v formě náhrady @ něčím jako (z), nebo nějakým obfuskátorem co má zajistit, že robotický sběrač e-mailů z webů onu adresu nezíská.
TIP#503: Jak řeším nové projekty, vlastní i pro klienty. Krok za krokem (3) různorodé PC software a hardware
Další všehochuť nepravidelného seriálu ukazující některé ty „tajnosti“ toho co používám pro práci na vlastních i klientských projektech je tu. Po základech (první díl) a sociálních sítích (druhý díl) je čas na takovou trochu všehochuť o tom, které software (a trochu hardware) je „nepostradatelné“. Nebo lépe, které mi zjednodušuje život.
Požírá vám copy/paste do WordPressu odkazy? Možná jste si zapnuli „Paste as text“ a neuvědomili si to.
Tuhle maličkost nemá tu odvahu očíslovat, tak si užijte jeden nečíslovaný, vzniklý čistě prakticky. Jednoho dne, neznám mi proč, vkládané hotové HTML texty přestaly fungovat. Ztrácely se hotové odkazy. Nejdřív jsem si říkal, že to zase WordPress.com něco pokazil v aktualizaci, ale pravda byl prostší. Jak už to tak bývá, je vždy dobré nejprve začít mezi židlí a klávesnicí.
TIP#447: Kde v Google Docs a Wordu najdu počet znaků dokumentu?
Je velmi časté, že potřebujete zjistit počet znaků dokumentu. Zejména v okamžiku, kdy máte odevzdat článek a zadání říká, že mám mít (například) tři tisíce znaků (což mimochodem znamená tři tisíce znaků včetně mezer). Pokud byste byli v jiných částech světa, tak by zadání nebylo na znaky, ale na počet slov. V Česku ale hrají roli znaky, nebo případně normostrany (což je ve skutečnosti 1800 znaků, neboli strana psaná na stroji mající 30 řádků po 60 úhozech a vedle zkratky NS používá se občas i zkratka AS).
TIP#439: Co je to META DESCRIPTION a co si tím mám počít?
META DESCRIPTION je HTML značka (tag). Skrývá se ne počátku (skoro) každé webové stránky a vypadá poměrně jednoduše:
<meta name="description" content="nějaký obsah"/ >
Jde o poměrně zásadní zdroj informací pro vyhledávače i sociální sítě a je radno rozhodně používání nepodceňovat.
TIP#433: Jak v mobilním prohlížeči zobrazím zdrojový kód stránky?
Pokud používáte mobilní telefon nebo tablet a potřebujete zobrazit zdrojový kód (třeba chcete stáhnout fotku z Instagramu) tak je to poměrně komplikované. Mobilní prohlížeče přímo zobrazení zdrojového kódu někdo v menu nebo v kontextovém menu nemají a některé to vůbec neumí.
TIP#410: Co je to ASCII Art?
Malý výlet do historie, pokud dovolíte, už déle žádný tip týkající se počátku internet (ale počítačů vůbec nebyl). Ale začneme oklikou, termín ASCII se tu už objevil v souvislosti se zadáváním znaků z Unicode, psaním zavínáče či hashttagu, kódováním češtiny a samozřejmě emoticony, smajlíky. ASCII je zkratka z American Standard Code for Information Interchange, ale to není důležité, podstatné je, že je to prapůvodní znaková sada co obsahovala v zásadě jenom písmena, číslice a základní symboly. Proč se objevuje ve spojení s uměním?
TIP#284: Flash na Web nepatří. Flash na web nepatří. Opakuji, Flash na web nepatří.
„Alternate HTML content should be placed here. This content requires the Adobe Flash Player. Get Flash“ se dozvědět na webu kam jdete, protože chcete fotografovi nabídnout zakázku? Je jisté, že mu ji nenabídnete, protože ani nezjistíte jeho kontakt. Před deseti lety se to jakž takž dalo chápat, ale dnes? Dnes je to hodně nepochopitelné.
TIP#185: Co je to Open Graph a proč je potřeba aby designeři webů věděli o co jde
Není týdne, aby se v mailu nebo na Facebooku neobjevil dotaz někoho, komu „nejde sdílet“ stránka z webu na Facebook. V drtivé většině případů to vede k zjištění, že autoři webu nemysleli vůbec na to, že dnes je potřeba weby dělat sdílitelné. Takže ignorují potřebu tam dát META značky, které pro sociální sítě (ale i další aplikace či software) říkají o stránce ty podstatné věci. Mimo to ještě stále není zvykem, že každá stránka na Internetu by měla mít obrázek(alespoň jeden) aby ji bylo možné vhodně sdílet.
TIP#182: Favicon.ico aneb jak na tu ikonku u webu
Znáte ji, takovou tu ikonku, co se zobrazuje v prohlížeči vedle adresy, v záložce, v oblíbených u uložené adresy. Na vašem webu ji nejsnadnější poskytnete k použití pomocí souboru favicon.ico. A pokud nemáte žádný extra vhodný nástroj k vytvoření a nejste zkušení na vytváření grafických záležitosti, tak můžete zkusit nejeden nástroj použitelný online.
Než si ukážeme jaké, tak ale něco málo o tom, co to ta favicon (favorite icon) vlastně je a co byste o ní měli vědět. Protože od doby co tohle vzniklo (to byl rok 1999) se toho hodně změnilo. Třeba i to, že dnes už to nemusí nutně být soubor jménem favicon.ico uložený v hlavní složce vašeho webu.
TIP#135: V čem vytvářet wireframe, dráťáky. A složitější design webů?
Pokud potřebujete navrhovat weby, tak je super vzít papír, tužku a začít malovat. Osobně to dělám stejně většinou jako první krok. Pak to ale většinou potřebujete stejně někomu poslat a ukazovat, takže se hodí, když to do něčeho „přepíšete“ či „překreslíte“. Můžete to ale i přímo chtít malovat v něčem, co k tomu slouží. Což není Powerpoint, Excel ani Word, byť i v těchto věcech často dráťáky, wireframe, najdete.
A není to ani Photoshop či Adobe Ilustrator, byť v tom to půjde docela dobře, pokud si pořídíte nějaké vhodné předpřipravené „objekty“, ze kterých tam budete dráťák budovat. Výhoda těch skutečných řešení pro dráťáky je ale podstatně jiná, ony potom umí pokračovat ještě dále, třeba po vytváření funkčních modelů, na kterých lze testovat.
TIP#106: robots.txt? K čemu něco takového je? A proč je to užitečné?
Věc jménem robots.txt budete potřebovat, pokud provozujete web či blog. Je to soubor, který říká robotům (hlavně vyhledávačům) jak mají zacházet s vašim webem při procházení a indexaci obsahu. Můžete s jeho pomocí říci robotům, že někam jít nemají (ale nepočítejte s tím, že to spolehlivě dodrží). Ale také třeba jak často mají chodit (pokud to daný robot podporuje), abyste trochu ulehčili vašemu přetíženému systému.
Robots.txt pro @365tipu najdete snadno, stejně jako pro každý jiný web – 365tipu.cz/robots.txt. Pohledem do něj zjistíte, že robots.txt se používá i pro sdělení kde se nachází mapa webu používaný vyhledávači (sitemap, sitemap.xml). A také, pokud se nad tím trochu zamyslíte, že robots.txt může často prozradit, kde se na webu nacházejí „zajímavé“ věci.
TIP#104: Jaký HTML WYSIWYG editor vybrat pro psaní textů pro web?
Tohle je takový věčně vracející se problém: V čem psát HTML dokumenty, pokud je tedy hlavně nechcete psát přímo v „zobáčcích“, tedy přímo v HTML kódu. Protože ono nějak těch skutečných WYSIWYG HTML editorů je málo. A aby to bylo jasné, tak WYSIWYG je takový, kde to píšete jako je zvykem třeba ve Wordu či jiném textovém editoru, ale pod tím se schovává použitelné, čisté a normální HTML.