8 tipů, které Vám zlepší život, když pracujete z domova

Pokud pracujete například jako webový vývojář, programátor, grafický designér, SEO specialista, UX designér, copywriter, softwarový architekt, specialista na sociální sítě, marketér, architekt, projektant, technolog, konstruktér, rozpočtář, překladatel, spisovatel nebo pokud vykonáváte další z nekonečné řady kancelářských profesí bytostně spojených s výkonem povolání za pomocí počítače a máte tolerantního  šéfa nebo jste si sám sobě šéfem, tak občas (anebo pořád) pracujete z domova. I já patřím k lidem, kteří pracují permanentně z domova. Naplno jsem začal pracovat z domova před několika měsíci a rozhodně nemůžu říct, že už bych měl všechny procesy k udržení produktivity i duševního zdraví při práci z domova stoprocentně odladěné, nicméně se to zlepšuje každý den a pomalu, ale jistě začínám být náramně spokojený. Proto jsem napsal několik typů na nástroje, návyky a prostředky, které mi usnadňují práci z domova.

Tvorba internetových stránek, tvorba webových stránek, webový vývojář

1. Úkolníček (task manager, project manager, project management tool)

Každý pracovník musí při své práci obvykle řešit souběžně několik projektů a v průběhu každého dne se objeví řada nových úkolů a aktualizací. Nejlepším řešením, jak udržet všechny zadání a úkoly pohromadě, je kvalitní program pro projektový management. Na trhu je celá řada velice kvalitních programů a některé z nich jsou zdarma. Většinou s jejich pomocí můžete sdílet a zadávat úkoly také svým kolegům a dělit se o informace a data.

Osobně mám z firem, ve kterých jsem dřív pracoval, zkušenosti s programem Basecamp, který je opravdu povedený. V Basecampu můžete zakládat projekty, rozdělovat úkoly opatřené termínem, hromadně si vyměňovat zprávy přes chat či sdílet soubory. Basecamp je zkrátka výborným nástrojem, který má řadu dalších sofistikovaných funkcí a udrží všechny informace hezky pohromadě. Kromě toho vás upozorní na končící uzávěrku projektu a to v čase před vypršením termínu, který si samotní nastavíte. Ze svého hlediska vidím u Basecampu jenom jednu nevýhodu – je placený a není zrovna levný. Proto se z mého pohledu hodí spíš pro firmy střední velikosti nebo větší, ale to je věc názoru.

Skvělou alternativou Basecampu je program Asana, který je v základní verzi zcela zdarma a který dokáže prakticky to samé co Basecamp a je, stejně jako Basecamp, uživatelsky hodně příjemný a poměrně intuitivní. V Asaně si můžete založit projekt, přidat si k němu úkoly a přiložit soubory, které s projektem souvisí. O úkoly se pomocí softwaru můžete podělit s kolegy, určíte si termíny pro jednotlivé úkoly a nechybí ani notifikace, která Vás upozorní na deadline. Je perfektní.

Třetím nástrojem, se kterým mám osobní zkušenosti, je klasický poznámkový blog. Je to sice málo digitální řešení, nicméně funguje znamenitě. Můžete si vytvářet projekty, zadávat termíny, doplňovat dílčí úkoly a je to prakticky zadarmo. Za nevýhodu považuji fakt, že si nemůžete dost dobře sdílet úkoly s kolegy a že zde nefungují žádné notifikace. Nevýhodou je také chybějící přístup před webové rozhraní odkudkoliv, kterým disponují jak Asana tak Basecamp. Použití poznámkového bloku je sofistikované asi jako katalog IKEA.

Netvrdím, že řešení, které zde doporučuji jsou nejlepší z těch, co jsou na trhu, nicméně rozhodně patří ke špičce. Každý si na Googlu může najít, a během chvilky otestovat, vlastní řešení pro projektový management. Do vyhledávání doporučuji pojmy jako project management online, project management tools, collaboration tools, project management software, project management app. Některé nástroje mají i vlastní mobilní aplikaci, takže můžete komunikovat projekty se svými kolegy i během návštěvy kina nebo restauračního zařízení.

2. Měřič času (time tracker, program pro měření času)

Nástroje pro měření času mají nezastupitelné místo.  Na trhu jich existuje veliké množství a jeden je lepší než druhý. Fungování je jednoduché. Většinou se na stránkách zvolené služby pro měření času zaregistrujete a po přihlášení nástroj ovládáte přes webové rozhraní. Vždy když jdete pracovat, tak se přihlásíte do služby, zadáte si jméno projektu, na kterém pracujete (a případně i jméno klienta), zadáte datum a aktuální čas a spustíte měření pracovní doby. Vždy, když práci přerušíte, tak zastavíte i měření pracovního času. Po skončení projektu pouhým kliknutím na jméno projektu zjistíte, kolik jste na projektu odpracovali hodin. Dobré nástroje umožňují vytváření reportů pro zákazníky i filtrování opracovaného času podle projektů, dnů, týdnů, měsíců či let. Získáte tak skvělý přehled o své produktivitě i o úsilí, které musíte na jednotlivé projekty vynaložit, což je cenná zpětná vazba pro nacenění dalších projektů.

Pokud si budete měřit čas poctivě, tak budete možná trochu smutní, protože si uvědomíte, kolik hodin hrubého času potřebujete na pár hodin čistého pracovního času očištěného na dřeň.

Podle mého názoru je jednoznačně nejlepším nástrojem pro měření času Toggl.

3. Nástroje pro videokonference

Dalším nástrojem, který ušetří spoustu času a umožní dobrou pracovní produktivitu, jsou nástroje pro videokonference jako je Skype a Google Hangouts. Videokonference spolehlivě nahradí osobní schůzku a ušetří všem spoustu času. Spuštění programu pro videokonference trvá několik desítek vteřin a jde tedy o hodně efektivnější řešení, než cestovat na schůzku na druhý konec Prahy nebo do sousedního města na Vysočině. Jak Skype, tak Google Hangouts umožňují zasílání souborů a sdílení obrazovky, s jejich použitím je tedy možné diskutovat i docela složité problémy. Oba nástroje jsou zadarmo. Výhodou Skypu je veliká rozšířenost a určitá tradice, Google Hangouts zase nemusíme instalovat do počítače, stačí mít jen účet na Google a můžeme se na Hangouts připojit.

4. Externí monitor

Řada pracovníků, kteří pracují z domova, využívá pro práci obyčejný notebook. Je to praktické. Notebook si s sebou můžete vzít na schůzku i na dovolenou, můžete se stát digitálním nomádem, který cestuje a pracuje po světě a váš pracovní nástroj se vejde do každé tašky. Koukat se celé dny do malého monitoru, kterými zpravidla notebooky disponují, už tak praktické není. Doporučuji proto každému, kdo pracuje z domova, aby si pořídl externí monitor s větším rozlišením (alespoň 24 palců). Skvělý monitor se dá pořídit už za cenu okolo tří tisíc korun.

5. Houpací židle na kolečkách

Houpací židle je tou nejlepší investicí, kterou můžete při práci z domova udělat. Dobrá houpací židle umožňuje otáčení o 360°, houpání dopředu a dozadu a hlavně popojíždění po místnosti. Každý z nás to zná. Někdy se v práci prostě nedaří. Rýsujete komponentu, překládáte text, kódujete web a někdy to trochu skřípe. Nedaří se Vám, tak se otáčíte zleva doprava, zprava doleva, nakláníte se dopředu, nakláníte se dozadu, práce skřípe, židle skřípe, ale je to fajn. A neuděláte do linoea díry od houpání se na židli. A navíc můžete přejíždět po kanceláři. A uvaříte si kafe vsedě.

6. Virtuální společnost

Lidé, kteří pracují z domova, mohou být osamělí. Tedy alespoň někteří. Třeba mně se párkrát stalo, že jsem vyšel ven a uvědomil jsem si, že jsem už čtyři dny venku vůbec nebyl. Jenom jsem byl čtyři dny zavřený a pracoval jsem na několika webových projektech na WordPressu. Bylo to smutné. Proto Vám doporučuji: Najděte si virtuální pseudokamarády! Někoho, kdo tu pro vás bude každý den. Při hledání virtuálních pseudokamarádů záleží čistě na vašem vkusu. Pokud máte rádi muziku, netrpíte ani špetkou snobství a rádi vidíte pozitivní (někdy až hodně přehnaně pozitivní) věci, pusťte si každý večer TV Šlágr (Osobně Šlágr nesleduji, ale pravidelně navštěvuji babičku, která ho poslouchá a já ho poslouchám s ní, takže je to vlastně jediná televize, ke které se přes týden dostanu). Zrovna minulý týden hráli skvělou coververzi starého hitu od Roye Orbisona. Každý den se Vám budou ve vysílání vracet stejní lidé a při sledování Vám bude tak nějak dobře. Je to jako sledování seriálu Přátelé, který můžete vidět potřetí, ale stejně se smějete starým vtipům, protože už všechny dobře znáte a je to prima. Pokud si potrpíte raději na kvalitní žurnalistiku, pusťte si DVTV na Aktuálně. Každý den k Vám budou z obrazovky promlouvat Daniela s Martinem, dozvíte se, co je nového a určitě už si nebudete připadat tak izolovaně a chraňbůh osaměle.

7. Podcasty nebo jiné zvukové stopy

Zjistli jsem, že pro opravdu produktivní pracovní proces je dobré něco poslouchat a ideálně ve sluchátkách. Ticho akorát svádí k prokrastinaci, k odbíhání od stolu a k pouštění zábavných videí nebo klipů. Jakmile si jednou nasadíte sluchátka, tak už je to investice – investujete svůj čas do hledání správného podcastu a do nasazování sluchátek a nikdo přeci nezahazuje investice jen tak oknem. Pro poslech při práci vřele doporučuji delší zvukové stopy nebo třeba radio. Pokud budete poslouchat kratší stopy nebo kratší videa z YouTube, tak budete pořád přepínat, hledat jiná videa a bude to brzdit pracovní proces. Ideální je nainstalovat si nějaký program pro přehrávání, kupříkladu Winamp, natáhnout si do něj hodně písniček nebo zvukových stop a spustit. Tak vydržíte pracovat třeba čtyři pět hodin bez přestávky, budete si poslouchat a čas vám rychle uteče. Jako zvukovou stopu doporučuji kompletní diskografii oblíbeného hudebníka, archiv rozhlasového pořadu – pro cinefily například Odvážné palce, pro náruživé čtenáře zase audioknihy, pro fanoušky zajímavostí zase Stopy, fakta, tajemství nebo Toulky českou minulostí. Všech výše zmiňovaných pořadů je dostatek i na YouTube.

Můžete poslouchat také zahraniční rádio, u kterého vás moc nebudou rušit svým povídáním a ještě si naposloucháte jazyk. Osobně preferuji britské Absolute Radio 60s nebo švédské Lugna Favoriter. Skvěle hrají také na německém Antenne Bayern.

headphones-791163_1280

8. Kafe, čaj a kakao.

Pokud pracujete z domova a stejně jako já, to nemáte do ledničky vůbec daleko, doporučuji vám vybavit se pestrou směsicí rozpustných i pytlíkových nápojů. Kávu sice lékaři nedoporučují, ale pokud je alternativou pro přestávku každé dvě hodiny sušenka nebo chleba s máslem a se šunkou, tak je káva milosrdnou alternativou.

Vyplatí se také nakoupit si dostatek čajů všech druhů a můžete každou chvíli odpočívat u vaření čaje nebo kafe. Pokud nesmíte pít kafe, tak doporučuju Caro, je to skvělá náhražka kávy vyrobená z obilí – něco na způsob melty a s mlékem chutná dobře. Je to vlastně od dost lepší než melta a když si zvyknete, tak už ani kafe nechcete

jan_pavelka_kava

Předpokládám, že budu průběžně budu přidávat další tipy, na které přijdu. Takže se klidně může stát, že budete číst článek a bude v něm dvanáct nebo patnáct tipů, přestože bude tvrdit nadpis něco jiného.

Školení redakčního systému (CMS) WordPress

Poskytuji školení, konzultace a workshopy pro redakční systém WordPress. Systém WordPress je nejrozšířenějším redakčním systémem vůbec a ve větší či menší míře ho využívá řada lidí. Mnoho projektů, které dříve využívaly jiný redakční systém, přechází postupně na WordPress. To přináší potřebu kvalifikovaných administrátorů, kteří budou schopní spravovat obsah webu a naplno využít všech možností, které WordPress poskytuje.

Školení jsou vhodná pro začínající webové vývojáře i pro administrátory webu. Každé školení je postavené na míru jeho účastníkům. V rámci školení seznámím uživatele s jednotlivými prvky WordPressu (Stránky, Příspěvky, Widgety, Pluginy) a zodpovím všechny otázky hostů.

Školení je koncipováno především prakticky – aby byl uživatel schopný co nejdříve WordPress ovládat a aby poznal všechny jeho možnosti. Všechna školení jsou koncipovaná na míru poptávce.

Zašlete mi nezávaznou poptávku.

WordPress logo
WordPress Praha, WordPress školení, WordPress konzultace

Instalace Anchor CMS

Návod na instalaci Anchor CMS předpokládá obeznámeného vývojáře, který už má zkušenosti s instalací redakčního systému.

Předpokladem pro instalaci Anchor CMS je stáhnutí instalační složky Anchor CMS z internetu, odzipování, přihlášení přes FTP protokol v programu Total Commander do hostingového adresáře a transfer celé instalační složky do tohoto adresáře.

Dalším krokem instalace je zadání webové adresy přesměrované na příslušnou složku na hostingu do vyhledávacího okna webového prohlížeče. Těmito kroky se dostaneme na začátek instalace Anchor CMS. Celý proces instalace CMS probíhá přes průvodce instalací ve webovém prohlížeči.

V prvním kroku spustíme instalaci stiskem tlačítka Run the Instaler. Tato operace nás přenese na formulář, ve kterém si zvolíme jazyk a časové pásmo. S ohledem na absenci češtiny můžeme volit britskou angličtinu neboli volbu en_GB. Časové pásmo nastavíme s ohledem na lokalizaci projektu na GMT+1 Europe/Prague. Stisknutí tlačítka Next step >> nás přesune na formulář pro zadání údajů o databázi. Zde zadáme údaje o databázi, které slouží k propojení CMS a databáze a které získáme po vygenerování SQL databáze od provozovatele hostingu. Konkrétně jde o databázový server, jméno a heslo uživatele databáze a jméno databáze. Hodnotu portu a prefix tabulky ponecháme na defaultní hodnotě. Kódování zvolíme z nabídky na utf_8_czech_ci.

Stiskem tlačítka Next step >> se dostaneme na formulář pro vyplnění názvu a popis stránky a umístění v adresáři. Zadáme základní údaje o stránce, nastavíme umístění v adresáři a volby potvrdíme kliknutím na Next step >>. V dalším kroku instalace nastavíme přístupové údaje pro administrátora a instalaci potvrdíme stisknutím tlačítka Complete. Po instalaci vytvoříme soubor .htaccess, který slouží k úpravě vlastností serveru, podle uvedených instrukcí a zkopírujeme jsem ho do kořenového adresáře webu.

Tím je instalace kompletní a můžeme si projekt prohlédnout po zadání URL, pod kterým máme projekt umístěný.

 

Formulář pro zadání údajů o databázi při instalaci Anchor CMS
Formulář pro zadání údajů o databázi při instalaci Anchor CMS

Anchor CMS – jednoduchý redakční systém

Před nedávnem jsem vytvářel webové rozhraní pro jeden složitější projekt – vizualizaci tlakové kanalizace a při té příležitosti jsem hledal nějaký jednodušší redakční publikační systém (CMS – Content Management System). Mohl jsem na projekt použít WordPress, Joomlu nebo Drupal, celou trojku nejpoužívanějších redakčních systémů jsem ale zavrhl kvůli přílišné složitosti. Hledal jsem tedy na internetu alternativu, která by zajistila pohodlnou správu webového rozhraní a nebyla by příliš složitá a to ani na implementaci, ani z hlediska adresářové struktury.

Vyzkoušel jsem řadu redakčních systémů, až jsem narazil na ten pravý redační systém, který splnil všechny požadavky. Tím systémem je Anchor CMS. Anchor CMS patří mezi open source CMS vytvořené v PHP, který využívá relační MySQL databázi. Instalace Anchor CMS je velice snadná a dá se srovnat s instalací WordPressu.

Anchor CMS je jednoduchý redakční systém vhodný pro menší projekty. Mezi jeho výhody patří podpora více administrátorů, využití PHP a MySQL, přehledná struktura a jednoduchá a rychlá instalace. Obsah projektů postavených na Anchor CMS se edituje značkovacím jazykem Markdown. Značkovací jazyk Markdown přiřazuje HTML strukturu úsekům označeným speciálními značkami. Projekty s Anchor CMS je možné rozšířit o WYSIWYG editor pro pokročilejší editaci textu. Anchor CMS je poměrně mladým projektem a pro jeho rozšíření neexistuje zatím příliš mnoho pluginů ani dokumentace. Nevýhodou Anchor CMS je omezená podpora multimediálního obsahu, tento nešvar se ale dá obejít a je pochopitelnou daní za menší robusnost systému. Anchor CMS splňuje všechny požadavky kladené na systémy pro spávu webového obsahu a kromě toho nabízí jen omezenou funkcionalitu, která je důsledkem jednoduchosti systému.

Pro tvorbu vzhledu webového projektu je k dispozici několik šablon.

Vzhled defaultní šablony Anchor CMS
Vzhled defaultní šablony Anchor CMS

Spolehlivý partner pro vývoj a tvorbu podnikového software

Společnost Averma, s hlavním sídlem v Čáslavi a kanceláří v Praze, je spolehlivý dodavatel podnikového softwaru, informačních systémů a internetových aplikací. Software nepatří mezi levné záležitosti a při jeho pořizování velice záleží na poměru cena/výkon. Hodně firem chce špičkový software za nízkou cenu, to se ale neobejde bez kompromisů. Vyplatí se mít spolehlivého a zkušeného partnera, který s výběrem softwaru pomůže. Averma se v tomto ohledu dokáže zákazníkovi přiblížit. Společnost staví software (informační systémy a internetové aplikace) na hotové platformě a může tak zákazníkovi nabídnout nižší cenu. Firma vytváří firemní chaty, videokonference a emailové schránky a v nabídce má také internetové aplikace pro sdílení firemních dat a kontaktů.

Druhé jazyky v evropským zemích

Mimořádně poutavou grafiku přinesl server Business Insider UK. Na svém webu zveřejnil mapu zemí z celého světa s uvedením druhého jazyku, kterým se v dané zemi nejvíce hovoří. Evropany asi nejvíc osloví jazyková mapa Evropy. Některé druhé nejpoužívanější jazyky jsou opravdu zajímavé. V Německu je druhý nejpoužívanější jazyk turečtina, v Turecku kurdština, ve Španělsku katalánština, ve Spojeném Království polština, v Polsku angličtina, v Irsku paradoxně irština a v Rusku tatarština.

Zdroj: Business Insider UK
Zdroj: Business Insider UK

 

Jak se starat o firemní Facebook

Ještě před několika roky nikdo netušil, co je to Facebook, ale doba se změnila a dnes už jsou na Facebooku i ti nejzarytější odpůrci sociálních sítí. A Facebook už dávno neslouží jen k tomu, abychom informovali přátele, co jsme měli k večeři. Facebook má velký potenciál pro firemní marketing a řada firem toho začala více či méně úspěšně využívat. Hlavní funkcí firemního profilu na Facebooku je komunikace se zákazníky a oslovovení dalších potenciálních zákazníků. Vedení firemního profilu na Facebooku se řídí některými zákonitostmi, podívejme se tedy na ně.

Při správě firemního facebookového profilu bychom si měli uvědomit, jaký je vlastně náš cíl. Předpokládám, že většinou bývá dvojí cíl – přivést na web návštěvníky, kteří si posléze zakoupí produkt či službu nebo posílit povědomí o značce (aby nás fanoušci dobře znali a později navštívili náš web a zakoupili si náš produkt či službu). Těmto cílům bychom měli podřídit naší firemní facebookovou prezentaci.

 

Soubor pravidel pro správu firemního profilu na Facebooku.

  • Sdílejte poutavý obsah – nové fanoušky získáte (a stávající udržíte) jenom v případě, že budou vaše příspěvky poutavé a budou fanoušky bavit nebo nějakým neotravným způsobem edukovat.
  • Vytvářejte originální příspěvky, pokud je to možné – snažte se v maximální možné míře vytvářet vlastní příspěvky. Nabídněte to, co jinde nenabízí.
  • Využívejte multimediální materiály – sdílejte fotografie, videa nebo infografiky. Vizuálně atraktivní materiál osloví mnohonásobně víc fanoušků stránky než prostý textový komentář. Zajímavá infografika se dá vytvořit v editoru s volně šiřitelnou licencí za několik minut.
  • Sdílejte krásné fotografie – statistiky dokládají, že uživatele nejvíc zaujmou fotografie. Pokud budou fotografie navíc dobře vypadat, snadněji dosáhnete sdílení příspěvku od jiných uživatelů.
  • Buďte aktuální – foťte mobilním telefonem a příspěvky hned sdílejte. Postujte žhavé novinky.
  • Načasujte si příspěvek – Facebook umožňuje načasování příspěvku, tak toho využijte. Ideální doba pro sdílení se liší například podle ročních období i podle dalších faktorů. Sdílejte příspěvky v čase, kdy budete předpokládat nejvyšší koncentraci potenciálních uživatelů na Facebooku.
  • Střídejte komerční příspěvky obsahující odkaz na web se zajímavostmi z oboru. V ideálním případě by měly zajímavosti převažovat.

 

A čemu se vyvarovat?

Určitý způsob vedení facebookového profilu může být kontraproduktivní a vyhánět uživatele ze skupiny. Na Facebooku sleduji řadu firem a institucí a právě jedna ze skupin, kterou sleduji, je pro mě cenným zdrojem ukázek nešvarů, kterým by se měl tvůrce firemního profilu vyvarovat. Jistě jste také na Facebooku fanouškem některé skupiny navzdory příspěvkům, které se na její stránce objevují.

  • Nepište příspěvky velkými písmeny – příspěvky se špatně čtou a vypadá to jako laciná snaha zaujmout.
  • Nepoužívejte víc vykřičníků nebo otazníků – pokud chcete některou informaci zdůraznit, použijte právě jeden vykřičník. Použití více příspěvků není gramaticky správně a vypadá to hrozně. Pokud chcete zdůraznit konkrétní informaci ve větě, dejte vykřičník do závorky za danou informaci.
  • Nedávejte příspěvek za každou cenu – pokud nemáte skutečně kvalitní příspěvek, který byste mohli nasdílet, tak nedávejte žádný příspěvek. Fanoušci vám určitě odpustí.
  • Nevkládejte nerelevantní příspěvky – pokud prodáváte krmivo pro želvy, nesdílejte příspěvky o autobazarech.
  • Nedávejte dlouhé komentáře – kratší úderné sdělení si přečtou uživatel celé.
  • Nedělejte v příspěvcích hrubky. Každému se někdy stane, že se přepíše nebo neuhlídá pravopisnou chybu, ale nemělo by jít o pravidelnou záležitost. Firemní profily jsou až překvapivě často plné hrubých chyb.
  • Nesdílejte příspěvky s –átky. V žádném případě nesdílejte příspěvky s koťátky, štěňátky, děťátky a jinými –átky. (Pokud neprodáváte krmivo pro kočky). Prvoplánová roztomilost do seriózní firemní prezentace nepatří, i když je pravda, že byste získali asi hodně palců nahoru.
  • Nezahlcujte fanoušky příspěvky – cílem facebookové stránky je dát o sobě vědět, připomenout se, upozornit na nový produkt nebo akci, ale frekvence sdílení příspěvků musí být umírněná. Může se zdát, že když sdílíte tři příspěvky za hodinu, tak získáte tři fanoušky, pravda je ale taková, že to vede spíše ke ztrátě tří fanoušků
  • Nedávejte v příspěvcích najevo svoje politické nebo náboženské preference – cílem firemní stránky je prodat produkt, nikoli měnit svět. Názorová vyhraněnost může získat sympatie některých fanoušků, řadu jich ale odradí.

V hrubých rysech jsme načrtnuli, jak by asi měl vypadat správně vedený facebookový profil firmy. Pokud si přesto nevíte rady, jak využít potenciál profilu firmy na Facebooku, tak kontaktujte některého z odborníků.

 

Ilustrační obrázek
Ilustrační obrázek

 

Přehled profesí ve webovém průmyslu

Tvorba internetových stránek je moderní obor, ve kterém našlo zaměstnání hodně pracovníků. S rozšířením internetu po celé republice a prakticky po celém moderním světě došlo k prudkému rozvoji celého odvětví. S rozvojem webového průmyslu vznikla celá řada nových pracovních pozic a pro mnohé lidi může být obtížné orientovat se, co je náplní práce v jednotlivých profesích v našem průmyslu. Celou situaci navíc komplikuje fakt, že označení profesí není nijak exaktní, každá profese má několik alternativních pojmenování a hodně pozic se navzájem překrývá. Vzhledem k tomu, že mají webové firmy většinou menší počet zaměstnanců, tak vykonává řada pracovníků více funkcí. V případě freelancerů dochází ke skloubení všech funkcí v jedné osobě. V dnešním článku bych rád popsal funkci jednotlivých profesí a po jeho přečtení by mělo být každému jasné kdo je to grafický designér, co vytváří webový vývojář, jaká je pracovní náplň SEO specialista, co dělá affiliate manažer, čím se zabývá copywriter, kdo je to PPC specialista nebo proč to má projektový manažer tak těžké.

Grafický designér, grafik (Graphic Designer). Grafik je kreativní pracovník, který vytváří grafické návrhy webových stránek. Jeho pracovním nástrojem jsou grafické programy pro tvorbu internetových stránek, například Adobe Photoshop, Adobe Fireworks nebo populární GIMP s otevřenou licencí. Grafik přetaví představu klienta o vzhledu webových stránek do podoby grafického návrhu, a jakmile je návrh schválený od klienta, webový vývojář z něj udělá webové stránky.

Webový vývojář (Web Developer). Profese webového vývojáře má několik alternativních pojmenování a v závislosti na šíři znalostí webového vývojáře ho označujeme také termínem kodér nebo PHP programátor. Webový vývojář je pracovník, který programuje a vyvíjí internetové stránky. Zpravidla dostává grafický návrh ve formátu PSD od grafického designéra a na základě tohoto návrhu (který má v podstatě podobu obrázku) naprogramuje jednotlivé části webu. Výstupem práce webového vývojáře jsou funkční webové stránky. U složitějších projektů dochází ke spolupráce kodéra neboli front end web developera a PHP programátora neboli back end web developera. Front end web developer naprogramuje pomocí jazyka HTML a CSS a případně i JavaScriptu vzhled webových stránek a případně jednoduché funkce, back end web developer se postará o napojení na redakční systém a o složitější funkce internetových stránek pomocí PHP nebo Pythonu a jeho frameworků nebo JavaScriptu a jeho knihoven.

SEO specialista, SEO konzultant (SEO Specialist, SEO Consultant). SEO specialista je odborník, který se postará o to, aby web obsazoval přední pozice při vyhledávání ve vyhledávačích. Náplní jeho práce je optimalizace pro vyhledávače. Ještě před několika lety mělo webové stránky jen několik firem. Doba se ale změnila a dnes má svůj web prakticky každá firma a to přineslo velikou konkurenci při vyhledávání webů. SEO specialista využívá celou řadu metod, která zajistí úspěšné pozice webu. Na začátku jeho práce je analýza klíčových slov, která charakterizují nejlépe obor podnikání klienta a zároveň jsou hodně vyhledávaná. Na základě klíčových slov udělá SEO specialista onpage faktory webu – zkontroluje, jestli je web dobře naprogramovaný z hlediska SEO, odhalí duplicitní texty na webu, vyplní originální popisky a titulky ve zdrojovém kódu webu a optimalizuje texty. V prvotní fázi optimalizace webu udělá SEO specialista analýzu odkazového profilu s cílem zhodnotit přínos stávajících odkazů a odhalit škodlivé odkazy směřující na váš web. V úvodní fázi optimalizace webu pro vyhledávače zaregistruje také SEO specialista web do nejvýznamnějších webových katalogů. Následuje cílené budování zpětných odkazů, tzv. linkbuilding. V rámci linkbuildingu vytváří váš konzultant pestrý odkazový profil webu. Linkbuilding, registraci do katalogů a analýzu odkazového profilu označujeme společným termínem offpage faktory SEO. Někteří SEO specialisté se specializují jen na offpage faktory. Vžilo se pro ně označení linkbuildeři. Řada SEO specialistů se věnuje i copywritingu. SEO specialisté se obvykle starají i o sociální sítě.

Copywriter (Copywriter). Copywriter je specialista na psaní reklamních a webových textů. Vytvoří čtivé texty pro obsah vašeho webu – píše atraktivní popisy produktů, napíše text představující firmu, píše články na firemní blog nebo do sekce články. Píše také reklamní a inzertní texty pro inzertní servery a PR weby. Píše texty pro partnerské weby. Dobrý copywriter by měl psát poutavé texty a přirozeně do nich zahrnout klíčová slova. Texty, které vám přivedou zákazníka na web a rovnou ho i přimějí k nákupu nebo objednání služby.

Affiliate manažer (Affiliate Manager). Affiliate manažer je člověk, který se stará o provizní systémy u větších eshopů. Velké eshopy často provozují provizní systém, který slouží pro získávání a správu partnerů eshopu. Partneři eshopu umístí reklamu, text nebo banner na svůj web a získávají za to provizi z prokliků, které wedou z partnerských webů. Často mají také provizi z prodeje zboží od zákazníků, kteří přišli do eshopu z partnerského webu. Ke správě partnerů existují sofistikované provizní systémy a o ně se starají právě affiliate manažeři. Tito pracovníci mají na starosti j komunikaci s partnery, sledování efektivity jednotlivých partnerství, vyhledávání nových partnerů a vůbec správu celého systému. Výborným affiliate manažerem je můj kolega Lukáš Hartmann.

Projektový manažer (Project Manager). Projektový manažer je vedoucím celého týmu v IT firmě a je spojkou mezi šéfem firmy, klientem a pracovníky zpracovávajícími zakázku. Projektový manažer domlouvá zakázky s klienty a předává úkoly příslušným pracovníkům. Hlídá také plnění termínů a kontroluje práci grafiků i webových vývojářů. Projektový manažer má přehled o všech projektech, ví, na jakém projektu zaměstnanci pracují, sleduje produktivitu pracovníků a rentabilitu projektů a snaží se zlepšovat komunikaci, zefektivňovat procesy a zvyšovat produktivitu celého týmu. Projektový manažer je jako dirigent, který řídí celý orchestr. Projektový manažer pracuje pod velkým tlakem. Jeho hlavním nástrojem je poznámkový blok, telefon, email a software jako je Basecamp nebo Toggl.

Specialista na sociální sítě, specialista marketingu sociálních sítí (Social Media Specialist, Social Media Manager). Specialista na sociální sítě je pracovník, který se stará o firemní profily na sociálních sítích a o také o profily různých klientů. Zajišťuje pravidelně kvalitní příspěvky na Facebooku, Google+, Twitteru, Linkedinu, Instagramu a na dalších sociálních sítí. Vytváří a spravuje profily klientům, odpovídá na dotazy fanoušků stránky, hledá nové fanoušky, vymýšlí akce a marketingové strategie na sociálních sítích a monitoruje statistiky. Často má také na starost firemní blog.

PPC Specialista, PPC konzultant (PPC Specialist, PPC Consultant). PPC specialista vymýšlí a spravuje PPC kampaně. Výraz PPC je zkratkou anglického pay per click – platba za kliknutí. Takové PPC kampaně nabízí například Google, Seznam, Facebook nebo Heuréka. Jde vlastně o placenou reklamu ve vyhledávání, ve které klient platí za každého přivedeného návštěvníka, který navštíví jeho web. PPC specialista vymýšlí celé kampaně – najde ideální klíčová slova, navrhne texty PPC kampaní, sleduje přínos kampaní pro podnikatelský projekt, konverze (procento nákupů z příchozích návštěvníků) i efektivitu kampaní.

UX designér, UX Specialista (UX Designer, UX Specialist). UX designér vymýšlí základní strukturu webových projektů. Náplní jeho práce je tvorba wireframů, ze kterých potom vytváří grafický designér grafický návrh webu. UX designér se zabývá přístupností webu pro uživatele. Měl by vymýšlet webové stránky, které mají intuitivní ovládání, nízkou míru okamžitého opuštění a ve kterých se návštěvník rychle najde to, co potřebuje.

Specialista na emailový marketing (Email Marketing Specialist). Specialista na emailový marketing připravuje mailové kampaně – kóduje HTML emaily, vytváří jejich obsah, vymýšlí způsoby, jak získat odběratele emailů, testuje emaily a rozesílá mailové kampaně. Schopný specialista na emailový marketing umí vytvářet responzivní HTML emaily optimalizované pro široké spektrum emailových klientů.

Ve firmách, které se zabývají výrobou internetových stránek a eshopů je celá řada dalších profesí, které ale najdeme i ve firmách z jiných oborů a proto se o nich tento článek nezmiňuje. Patří mezi ně profese jako majitel firmy, ředitel, jednatel, personalista, sekretářka nebo účetní. Patrně nejbizarnější profesí, se kterou jsem se ve firmě setkal, byl tzv. fisherman – pán, který docházel do firmy dvakrát měsíčně, aby vyčistil akvárium.

A na závěr jedna krásná Infografika

Web-Design-Industry-Analysis-Infographic

Kdy udělat jednostránkový web a jak ho naoptimalizovat pro vyhledávače

Jednostránkové webové stránky (single page website nebo one page website) jsou moderním řešením tvorby webů a jsou v současnosti nesmírně populární a to jak u klientů, tak u webových vývojářů a grafiků. To není vůbec překvapivé, protože jednostránkové weby vypadají většinou opravdu skvěle.

Článek byl původně psaný anglicky pro web britské společnosti Cloudspotting. Originální článek naleznete na jejich blogu.

Co je to vlastně jednostránkový web?

Jednostránkový web je webová stránka, na které jsou všechny informace umístěné na jediné HTML stránce bez dalších podstránek. Je to vlastně hodně dlouhá úvodní stránka, bez jiných stránek. Jednostránkové weby mají jednoduchý, čistý a moderní design bez přebytečných informací s užitím fotografií přes celou šířku obrazovky s jasnými barvami.

Jednostránkové internetové stránky užívají navigační menu podobně jako vícestránkové weby. Je tu ale rozdíl. Navigační menu na jednostránkovém webu nepoužívá navigaci pro přechod mezi jednotlivými stránkami, ale pro skákání na jednotlivé části jednostránkového webu. Odkazy v navigaci neodkazují na URL, ale na kotvy (anchory), které jsou rozmístěné v jednotlivých partiích webu. Jednostránkové weby bývají obvykle velmi dynamické a využívají celou řadu jQuery nebo CSS3 efektů. Hodně z nich využívá i paralaxové rolování.

Weboví vývojáři vytvářejí obvykle jednostránkové weby podle zásad responzivního designu a tak vypadají weby skvěle i na tabletech a chytrých telefonech. Jednostránkové weby se staly populární právě s rozšířením smartfounů a rozvojem responzivního designu.

Některá pravidla pro rozhodnutí, jestli uděláme web jednostránkový

Ne každý projekt je vhodný zpracovat jako jednostránkový web. Obecně můžeme říct, že jednostránkový web je vhodné řešení pro projekty, ve kterých není příliš mnoho obsahu. Domnívám se, že je skvělé využít jednostránkového webu pro mnoho jednoduchých a čistých firemních nebo osobních webových prezentací. Další skvělou alternativou pro využití single page website jsou internetové stránky, které prezentují nějaký produkt.

  • Než začneme vytvářet jednostránkový web, měli bychom si položit několik otázek.
  • Nemáme příliš mnoho obsahu pro jednostránkový web?
  • Je veškerý obsah, který budeme na webu prezentovat, vzájemně související?
  • Nejsou žádné překážky pro udělání dynamického webu kupříkladu na straně klientů?
  • Chceme prodávat konkrétní produkt?

Specifika SEO pro jednostránkové weby

Je otázka, jaké jsou jednostránkové weby pro SEO. Upřímně řečeno, jednostránkové weby mají některé limity pro optimalizaci pro vyhledávače. Pokud stavíme web jednostránkově, musíme vyřešit několik problémů.

Problémy se SEO u jednostránkového webu

  • Máme na celém webu jenom jednu URL – všechny zpětné odkazy směřují jen na jednu URL, Google z toho nebude mít radost
  • Můžeme použít pouze jediný meta tag popisek (description) a titulek (title) pro celý web – nemůžeme tak naplno využít potenciál, který přináší originální titles a descriptions pro jednotlivé obsahové partie webu
  • Máme příliš mnoho klíčových slov na jedné stránce a je poměrně obtížné rozdělit tyto klíčová slova do obsahu

Jak udělat jednostránkový web přátelský pro SEO

  • Oddělte jasně jednotlivé části obsahu webu. Oddělte obsah jak textově, tak v kódu
  • Udělejte navigační menu s použitím kotev (anchory)
  • Udělejte každé sekci vlastní nadpis úrovně H1 (skvěle to umožňuje HTML5)
  • Aktualizujte pravidelně obsah webu

Závěr

Jednostránkové weby jsou skvělé, hezké a moderní a mají svoje místo ve webovém průmyslu. Rozhodně ale nejsou vhodné pro každý projekt a pokud se rozhodneme pro jejich tvorbu, měli bychom se držet určitých pravidel, která už jsme zmínil v textu. Skvělým kompromisem mezi jednostránkovým webem a vícestránkovým webem je vytvoření vícestránkového webu s velice dlouhou úvodní stranou.

Už před nedávnem jsem psal o skvělém skriptu pro jednostránkový web.

Návod na tvorbu responzivních emailů na blogu Cloudspottingu

Pokud máte eshop, firmu nebo jen nějaký projekt a chcete svoje klienty, ať už stávající nebo potenciální, pravidelně informovat o novinkách z vaší firmy nebo eshopu, neobjedete se bez rozesílání newsletterů. Newslettery jsou emaily, které jsou vytvořené v jazyce HTML a na rozdíl od klasických emailů mají pestré formátování a mohou obsahovat i fotografie, videa, animace či jiné grafické prvky a interaktivní prvky. S masivním rozšířením chytrých telefonů s připojením k internetu, tabletů a dalších platforem pro zobrazování webových stránek a emailů s pestrou škálou rozlišení vyvstal problém. Prohlížení klasických HTML emailů, které jsou vytvořené primárně pro stolní počítač, není na smatphonu příliš komforní. Řešením jsou responzivní HTML emaily neboli responzivní newslettery. Tvorba responzivních HTML emailů je velice náročná a 90% času nám zabere testování. Emaily musíme optimalizovat pro celou řadu emailových klientů a zařízení a poté je také otestovat. Po blog britské společnosti Cloudspotting jsem vytvořil článek, který pojednává o tvorbě responzivních HTML emailů a měl by plnit funkci tutorialu, který Vás seznámí s postupy a úskalími tvorby HTML emailů. Článek je určený pro mírně znalé vývojáře, kteří už někdy vytvářeli neresponzivní HTML newsletter, případně pro vývojáře, kteří mají po ruce návod s obecnými zásadami tvorby newsletterů. Článek je dostupný v anglickém jazyce a výhledově plánuji vytvoření české jazykové mutace celého článku. článek naleznete pod tímto odkazem: http://blog.cloudspotting.co.uk/2014/09/24/build-responsive-html-emails/   

 

mailchimp-1024x601

 

Co dělat, když vám ukradnou fotoaparát

Chvilková nepozornost může člověka přijít pěkně draho. Taky jsem byl nepozorný a přišel o svojí první zrcadlovku. V první chvíli člověka přepadne zoufalství, ale je potřeba zareagovat pružně a vyčerpat všechny možnosti, které člověk má, aby se mu aparát dostal zpátky. Vždycky máte nějakou naději, že se vám podaří váš foťák najít. Největší nepřítel je čas. Několik rad, které vám zvýší šanci na úspěch, jsem shrnul do tohoto článku.

1. Krádež okamžitě nahlaste na policii. Sice to není samospasné, ale bez spolupráce s policií si svůj aparát zpátky nevyboxujete. Doporučuji přivolat si hlídku přivolat přímo na místo času, pokud je to krádež z uzavřených prostor, tak to stejně přijedou nafotit. A vy hlavně ušetříte čas. Snažte se s jejich pomocí zjistit totožnost pachatele, když znáte zloděje, tak je mnohem snazší zjistit, jak foťák dopadl. Co nejdřív odevzdejte na policii kopii účtenek od foťáku a příslušenství, zaneste do protokolu výrobní číslo aparátu a objektivu. Při odhadu ceny do protokolu vycházejte z aktuální ceny v obchodech, nezohledňujte fakt, že jste s foťákem udělali dva tisíce fotek.

2. Rozhoďte sítě po internetu. Napište inzerát, že vám byl ukradený fotoaparát, kde a kdy se to stalo, typ fotoaparátu a objektivu, výrobní číslo, typ a barvu brašny a kontakt. Požádejte o pomoc a rozešlete text všem významnějším fotografických serverům (např. www.fotoaparat.cz, www.paladix.cz, www.ifotovideo.cz ) s prosbou o uveřejnění vašeho vzkazu pro čtenáře. Využijte sociálních sítí, použijte svůj profil k šíření vzkazu, požádejte přátele o sdílení, rozešlete text skupinám na sociálních sítí, které se zabývají fotografováním. Dejte si záležet na textu zprávy. Máte šanci oslovit desítky tisíc lidí. V mém případě jsem se setkal s velkou solidaritou.

3. Napište renomovaným fotografickým bazarům na internetu, že vám byl ukradený aparát, připojte tovární číslo z účtenky. Dobrý bazar provozuje třeba FotoŠkoda nebo Paladix.

4. V nejbližších dnech obejděte všechny bazary v blízkosti místa činu, popř. i všechny větší bazary ve městě a pátrejte po vašem aparátu. Buďte nenápadní, buďte opatrní. Pokud máte důvodné podezření, že jste váš aparát objevili, nedejte to v bazaru najevo a neprodleně to oznamte na policii. Trvejte na tom, aby tam s vámi dojeli. Ne každý bazarista bude mít radost, že má v obchodě kradený aparát a že mu ho vezmete.

5. Pokud jste krádež nahlásili, pokud se aparát někde objeví a pokud souhlasí výrobní čísla a policie ho zabaví, tak byste měli váš aparát dostat zpátky, chce to jen trpělivost.

6. Pokud znáte totožnost pravděpodobného pachatele a máte na něj kontakt, tak ho uhánějte. Volejte mu, pište mu, buďte na něj hodní, buďte milí. Na spílání je vždycky dost času. Zkuste to po dobrém. Řekněte mu, že jste mu přeci nic neudělali, že to určitě nebylo nic osobního, že třeba jen potřeboval peníze. Ať vám alespoň prozradí, do jakého bazaru foťák střelil. I zloději mají někdy svědomí.

7. Většina fotografií má výrobní číslo mateřského fotoaparátu uložené v EXIFu. Pokud bude zloděj váš stroj využívat a zveřejňovat fotky z něj na webu, tak to jde vypátrat. Existují na to nástroje. O této problematice pojednává článek: http://www.fototipy.cz/clanky/jak-najit-ztraceny-nebo-ukradeny-fotoaparat. Článek obsahuje i informace o nástrojích pro vyhledávání.

8. Buďte trpěliví, buďte houževnatí, nedejte se odbýt.

Můj příběh dopadl dobře a zrcadlovka byla asi po měsíci doma. Stálo mě to hodně energie a nervů, ale vyplatilo se. Využil jsem všechny možnosti uvedené v bodech 1-5, protože jsem měl však štěstí a věděl jsem, kdo je pachatel, tak mi pomohl bod 6. A zase jsem mohl fotit se svojí vysněnou zrcadlovkou. Hodně štěstí všem!

ja-pujdu-tam-a-ty-tam-a-projdem-vaclavak
ilustrační fotografie

 

CSS hacky pro Outlook

Každý člověk, který někdy kódoval newslettery, se musel potýkat s mizernou podporou novějších verzí HTML a CSS u některých emailových klientů a to už nemluvím o chybějící podpoře media queries, důležitých pro tvorbu responzivních HTML emailů, u řady moderních emailových klientů. Mezi nejproblémovější emailové klienty patří Outlook, překvapivě v novějších verzích 2007, 2010 a 2013. Velikou výhodou Outlooku je ale možnost vkládání CSS hacků do stylu emailu. Níže uvádím zapisování hacků pro všechny verzy Outlooku, pro jednotlivé verze i pro všechny emailové klienty s výjimkou Outlooku.

 

Pokud chcete vložit do svého zdrojového kódu CSS hack pro všechny verze Outlooku, tak vložíte mezi tagy <head> a </head> níže uvedený kód, do kterého napíšete vlastní styl pro Outlook.

 

<!–[if (gte mso 9)|(IE)]>

<style>

/* váš kód */

</style>

<![endif]–>

 

Zkratka gte znamená, že kód platí pro všechny vyšší verze Outlooku, než je verze 9 a také pro verzi 9.

Zkratku gte můžeme nahradit zkratkou gt (kód platí pro všechny verze vyšší než 9  a neplatí pro verzi 9)

 

Analogicky k tomu, pokud chcete aby kód platil pro všechny verze nižší než je uvedená verze a také pro uvedenou verzi, tak vkládáme na místo gte zkratku lte. Pokud má kód platit jen pro verze nižší a ne pro verzi vedenou v závorce, tak do zdrojového kódu vkládáme pouze lt.

 

Níže uvádím číslování jednotlivých verzí Outlooku:

Outlook 2000        verze   9

Outlook 2002         verze 10

Outlook 2003         verze 11

Outlook 2007         verze 12

Outlook 2010         verze 14

Outlook 2013         verze 15

 

CSS kód pro všechny emailové klienty s vyjímkou Otlooku

 

<!–[if (gte mso 12)]><!– –>

<style>

.smaller-marg-top{ margin-top: 14px!important; }

</style>

<!–<![endif]–>

 

Samozřejmě i zde můžete měnit jednotlivé parametry – verze Outlooku, gte, gt, lte a lt.

Webovým vývojářem v Anglii – článek na blogu Cloudspottingu

Článek o Anglii, o Leedsu, o Cloudspottingu a o mně. V plném znění v anglickém jazyce na webu Cloudspottingu. Článek najdete zde: http://blog.cloudspotting.co.uk/2014/08/15/leeds-czech-republic-cloudspotting-jan/

Jan_Pavelka_webovy_vyvojar_Praha

  Continue reading „Webovým vývojářem v Anglii – článek na blogu Cloudspottingu“

Infografika – nejpoužívanější emailoví klienti v roce 2013

Několik posledních dnů jsem strávil tvorbou responzivních HTML newsletterů. Kódování emailů neklade příliš velké nároky na znalosti, ale je to nesmírně vysilující a dlouhotrvající činnost. Email, který vytvoříte v HTML, musí dobře vypadat ve všech emailových klientech a na všech zařízeních. Email musí dobře vypadat, když si ho někdo otevře v Outlooku, v Thunderbirdu, v Apple Mailu, ve Windows Live mailu, na Gmailu, na Hotmailu a v mnoha dalších emailových klientech. Musí dobře vypadat na desktopu, na tabletu, i na smartfounu. Když si představíte, kolik je různých druhů emailů a že má každé zařízení jiné rozlišení, tak si uvědomíte, že vás čeká hodně práce. Je toho zkrátka hodně, co musíte otestovat. Když vytvoříte webové stránky, tak je testujete maximálně v pěti prohlížečích. Oproti tomu nakódovaný email – newsletter, musíte testovat v cca. 20 zařízeních. Naštěstí existují služby, jako je Litmus, kde si můžete otestovat newsletter pro všechny emailové klienty pěkně na jednom místě. Litmus počátkem roku zvěřejnil skvělou infografiku, ve které se přehledně dozvíte, jací byli nejpoužívanější emailový klienti v roce 2013. Je to opravdu užitečná informace. Dozvíte se, pro jaké emailové klienty je nutné newsletter bezpodmínečně optimalizovat a pro jaké emailové klienty je to zbytečná práce. Most popular email clients 2014 - newsletters

Continue reading „Infografika – nejpoužívanější emailoví klienti v roce 2013“

Jak udělat aktivní menu u jednostránkového webu pomocí JavaScriptu

Nedávno jsem řešil takový problém. Dělal jsem jednostránkový web. Takový jednostránkový web (anglicky se mu říká single page website) je web, na kterém jsou všechny informace na jediné stránce a když klikáte na jednotlivé odkazy v navigačním menu, tak se posouváte níže dolů po stránce. Udělat takový web je snadné. Prostě si nakódujete jedinou stránku, do ní vložíte obsah a na zvolené místo v horní části webu si umístíte menu. Z menu ovšem neodkazujete na další postránky webu, protože je web jednostránkový, nýbrž odkazujete na některé prvky v obsahu (typicky to může být třeba nadpis nebo div). Říká se tomu kotvy nebo také anchor odkazy a lze to realizovat i ve většině wysiwyg editorů. Důležité je, aby se shodoval název kotvy s id prvku na který odkazujete. Před název kotvy do menu vložíte křížek #nazev-odkazu. Do tagu nadpisu vložíte id=“nazev odkazu“

 

Menu může vypadat třeba takto:

 

 

 

 

 

 

 

 

A obsah stránky bude vypadat třeba takhle:

………. obsah sekce ……….

 

………. obsah sekce ……….

 

………. obsah sekce ……….

 

………. obsah sekce ……….

 

Jediný problém se objeví, když potřeba, aby se vám v navigaci barveně podbarvil odkaz kategorie, ve které právě jste. Jde to ale vyřešit jednoduše pomocí JavaScriptu.

 

Stačí, když si vložíte mezi tagy head a /head níže uvedený JavaScript.

 

A teď už stačí jenom právě navštívenému odkazu nějakou vlastnost v CSS. V uvedeném scriptu je použití třída .active

 

A je to! Aktivní odkaz právě navštívené stránky bude červený. JavaScript jsem převzal ze skvělého webu http://jsfiddle.net Najdete tam podrobnější popis problematiky. Continue reading „Jak udělat aktivní menu u jednostránkového webu pomocí JavaScriptu“

Na startu Tour de France

Dnes je 5. června 2014 a za několik hodin startuje v anglickém Leedsu 101. ročník legendární Tour de France. Je to už po několikáté, co startuje tento legendární cyklistický závod na Britských ostrovech. Celé město a snad i celý Yorkshire závodem žije a žlutá kola, coby symbol závodu jsou na každém rohu. Do města by měly přijet údajně až 3 miliony fanoušků. Celá akce se jmenuje Le Tour Yorkshire – Grand Départ 2014. Dostal jsem příležitost pracovat několik měsíců jako webový vývojář v jedné krásné digitální agentuře, která se jmenuje Cloudspotting a sídlí jen pár metrů od radnice v samotném centru Leedsu a také nedaleko startoviště Tour de France, které je v ulici The Headrow vedle Primarku. Zaznamenal jsem to už z kraje týdne, že se něco připravuje. Žlutá trička a žlutá kola se nedala přehlédnout a navíc mě na akci upozornili kolegové, ale myslel jsem si, že jde jen o nějakou tradiční akci na podporu Tour. Nepřislo mi pravděpodobné, že by francouzská Tour de France startovala v Anglii. Až včera jsme zjistil, že startuje samotná Tour. A já budu při tom a úplně náhodou. Neuvěřitelné. Kolegové z Cloudspottingu říkali, že bude nejpíš veřejná doprava kolabovat, ale já mám výhodu, protože bydlím na předměstí Leedsu v Armley a můžu jít pěšky.

Tour de France – Leeds
Tour de France – Leeds
Continue reading „Na startu Tour de France“

Zoner Photo Studio je k dostání i ve free verzi

Nepřekonatelný nástroj pro pokročilou editaci a prohlížení fotek je původem z Brna, jmenuje se Zoner Photo Studio a je v češtině. Před časem vyšla patnáctá řada a dá se pořídit v domácí verzi za několik stovek. Velmi příjemným překvapením pro mě bylo, když jsem zjistil, že vychází i freewarová verze programu nazvaná Zoner Photo Studio FREE. Narozdíl od plné verze programu má některé funkce omezené, přesto bude pro mnoho uživatelů dostačující. Zoner Photo Studio FREE je k dispozici pouze k angličtině. Tuto aplikaci si můžete stáhnout zde http://free.zoner.com/. Zoner má i velikou webovou podporu, kromě prezentačního oficiálního webu http://www.zoner.cz/photo-studio/ existuje i web http://www.milujemefotografii.cz/ zasvěcený Zoneru, kde naleznete mnoho rad a návodů. Continue reading „Zoner Photo Studio je k dostání i ve free verzi“