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.

Což je mimochodem také jeden z důvodů proč HTML dokumenty (třeba pro tento web) není možné psát ve Wordu. To co z něj leze jako HTML je pohroma. A také to není možné psát v Google Docs ani Microsoft Office365. Copy-Paste z těchto online editorů (ač jsou skvělé) bohužel opět poskytuje něco, co potřebuje především vyčistit.

Pokračování textu TIP#104: Jaký HTML WYSIWYG editor vybrat pro psaní textů pro web?

TIP#103: Co dělat když Facebook odmítá vložit odkaz na web

Stará známá užitečná věc ve výbavě Facebooku jmenující se URL Debugger (dříve URL Linter) je zmíněný už v Užitečné odkazy pro správce i nesprávce Stránek na Facebooku, ale patří k jedné ze zásadní pomůcek správců Stránek na Facebooku i webdesignerů. A proto si zaslouží samostatný tip. Pokračování textu TIP#103: Co dělat když Facebook odmítá vložit odkaz na web

TIP#097: Co se stane s fotkami nahranými na Facebook? Dá se použít Facebook na fotografie?

Než se rozhodnete používat Facebook pro své fotografie, tak byste měli vědět pár věci, které to mohou výrazně ovlivnit. A případně si něco takového rovnou rozmyslet, protože pro fotografy jsou tu poněkud lepší alternativy. Ať už je to Google Photos, Flickr nebo něco opravdu specializovaného.

Pokračování textu TIP#097: Co se stane s fotkami nahranými na Facebook? Dá se použít Facebook na fotografie?

Jak @365tipů k logu přišlo.

Je to tak, šikovný Petr Václavek/@Vaclavek (sám o sobě v podpisu říká „grafik na volné noze“ a u kterého najdete například hodně zajímavé věci fotobankách), je autorem nového loga. Příspěvek na Twitteru o nutnosti konečně se postarat o logo přinesl výsledek ještě ten den. S několika desítkami návrhů, skic, toho jak by mohlo nové logo vypadat (můžete se podívat níže, je to zajímavé vidět). A @365tipů moc děkuje.

365-logo-180-180

Pokračování textu Jak @365tipů k logu přišlo.

TIP#062: K čemu se hodí PNG/JPG/GIF atd? Jak zvolit správně formát obrázku či fotky?

Tohle taky tak nějak patří úplně k základům, ale vždy se najde někdo, kdo tohle neví. Jde o formáty souborů pro obrázky a fotografie. Formáty, které občas hrají poměrně důležitou roli. Třeba v tom, jak bude vypadat výsledek a jak velký  bude soubor.

Pokračování textu TIP#062: K čemu se hodí PNG/JPG/GIF atd? Jak zvolit správně formát obrázku či fotky?

TIP#058: Doména sem, doména tam aneb potřebujete pro váš projekt doménu?

Jedno z pravidel říká, že pokud se titulek na něco ptá, tak odpověď je vždy jasná. Každopádně, ještě někdy na samém počátku @365tipu napsal Michal Veselý: „Dobry napad, ale preco pre @365tipu nie je samostatna vlastna domena?„. Velmi správně položená otázka, protože v té době www.365tipu.cz neexistovalo. A nebudu si vymýšlet, neměl jsem moc v plánu to řešit.

Prvním důvodem proč ne bylo to, že @365tipů si vystačí s blogem a sociálními sítěmi (5 824 návštěvníků podle WordPressu za únor, 5 416 za leden mne uspokojuje plně). Druhým důvodem bylo, že tenhle experiment měl fungovat s co nejmenšími náklady a doména samozřejmě stojí nějaké ty peníze.

Pokračování textu TIP#058: Doména sem, doména tam aneb potřebujete pro váš projekt doménu?

TIP#057: Opět o obrázcích. A taky o obrázku v záhlaví a užitečných pravidlech

Myslím, že i na @365tipu je vidět, že obrázky jsou hodně podstatnou součástí každého textu na Internetu, ať je to blog nebo cokoliv jiného. A že jejich správné velikosti hrají spolu s dalšími prvky designu poměrně podstatnou roli. Pokud si myslíte že snad ne, tak srovnejte www.pooh.cz a 365tipu.wordpress.com. Ten rozdíl je velký, zejména proto, že Pooh.cz vznikl postupným vývojem bez jakéhokoliv zásahu a práce grafika.

V řadě případů, včetně toho u @365tipu, budete potřebovat nejenom obrázky v článku, ale také nějaký ten obrázek v záhlaví, upoutávkové obrázky a tomu podobné věci. A je hodně důležité na ně pamatovat. Hlavně, pro zdejší šablonu Twenty Fifteen je nutné si zjistit, jaké rozměry se vás vlastně budou týkat. Ten první je, že obsah je 660 px (bodů) široký. A ten druhý, že obrázek v záhlaví (featured image) je 825 x 510 bodů.

Pokračování textu TIP#057: Opět o obrázcích. A taky o obrázku v záhlaví a užitečných pravidlech

TIP#055: Zkracovače adres a kdy je používat. A proč je spíš nepoužívat

Zkracovače adres vznikly v počátcích Twitteru. Tweety měly (a mají) 140 znaků a pokud jste chtěli tweetnout nějaký delší odkaz, ta se hodně hodilo, že jste mohli použit zkracovač URL (URL shortener). Dost dlouho už ale Twitter zkracuje všechny vkládané sám (přes vlastni t.co zkracovač), takže jeden ze zásadních důvodů existence věci jako bit.ly či goo.gl (od 2018 neexistuje, viz konec tipu) pominul.

Pokračování textu TIP#055: Zkracovače adres a kdy je používat. A proč je spíš nepoužívat

TIP#053: Celé články nebo jenom upoutávky? Obvyklé dilema u blogu. WordPress na tohle má značku

Když jsem začínal s @365tipu, tak jsem nepředpokládal, že bude větší počet „delších“ textů. Skutečnost je samozřejmě taková, že nakonec těch delších textů je víc. Znamená to, že jsem původně vsadil na klasický systém blogu = jsou vidět kompletní články na hlavní stránce. Ten druhý systém, kdy jsou vidět pouze „upoutávky“ se víc používá u e-zinů. Případně ho lze dotáhnout ještě dál, k „novinovějšímu“ systému, kdy šablona používá titulek, perex/upoutávku a obrázek, ale samotný obsah článku vidět není (což je třeba www.justit.cz, z mých webů).

Včera se Roman Káčerek na Twitteru zcela správně a oprávněně ptal: Na blogu @365tipu se nepouziva tag <!–more–> zamerne? Kdo to ma na mobilu porad scrollovat?. A přidal k tomu i odkaz na nápovědu WordPressu k „Splitting Content: More Tag

Dnes ráno (dnes je neděle 22. února) jsem prošel přes padesát článků co tu jsou a ve všech doplnil onu „MORE“ značku. Což je samozřejmě otravné dělat, ale z důvodu co uvádí Roman můžete snadno pochopit, proč je to případně dobré.

Pokračování textu TIP#053: Celé články nebo jenom upoutávky? Obvyklé dilema u blogu. WordPress na tohle má značku

TIP#051: Jak na obrázek v záhlaví a profilový obrázek u Facebooku. Průvodce založením Stránky na Facebooku (6)

To jakou velikost má mít obrázek v záhlaví a profilový obrázek Stránky (ale i osobního profilu) na Facebooku jsem zmiňoval v úplně prvním díle tohoto pomalu se rodícího seriálu. Ale je čas to zopakovat. A hlavně, uvést samostatně. Pokračování textu TIP#051: Jak na obrázek v záhlaví a profilový obrázek u Facebooku. Průvodce založením Stránky na Facebooku (6)