Gmail je “darom z nebies” nielen pre bežnú komunikáciu, ale aj pre prácu. Ani si nepamätám, odkedy ho používam ako centrálny mailový systém od súkromných konverzácií až po vybavovanie pracovných projektov. Pred vyše mesiacom som však celý Gmail vyšperkoval a vytvoril si z neho “pracovnú centrálu” vďaka značkám (labels) a úlohám (tasks). Inšpirovaný systémom Getting Thing Done a Inbox Zero som si vytvoril systém, ktorý mi úspešne pomáha zvládať pracovný nával, nech už sa prihlásim odkiaľkoľvek. Či je to pracovná stanica, notebook, alebo mobil.

Ingrediencie

Úplným základom je, v prípade viacerých e-mailových adries, nastaviť Gmail tak, aby ich všetky kontroloval. To sa dá spraviť jednoducho v nastaveniach > Účty a import. Podstatne sú dve najväčšie sekcie – “Odoslať e-mail ako” a “Kontrolovať účty pomocou POP3″. V tej prvej som si nastavil všetky účty, ktoré chcem používať ako odosielateľ. Na pracovný e-mail tak nemusím odpisovať z Gmail adresy, ale pekne z firemnej. Gmail je dokonca natoľko inteligentný, že vždy bude odpisovať z takej adresy, na akú nový e-mail prišiel. V druhej sekcii som si nastavil účty, ktoré mi má Gmail automaticky kontrolovať. Jedna z nevýhod tohto riešenia je, že Gmail kontroluje tieto účty približne raz za hodinu. Preto ak by si chcel mať e-maily v schránke hneď, je lepšie nastaviť si preposielanie e-mailov na gmail adresu. Je to vec osobných preferencií. Podstatné je, že e-mail skončí v sieti Google :)

Ďalším predpokladom je zapnutie určitých Labs funkcií. Opäť v nastaveniach, kliknúť na záložku Labs a zapnúť tieto fičúrky (mám Gmail v angličtine, tak ich tu vypíšem v tomto jazyku): Apps Search, Canned Responses, Create a document, Google Calendar gadget, Google Docs gadget, Google Docs preview in mail, Hide labels from subjects, Multiple inboxes, Refresh POP accounts, Send & Archive, Undo send, Insert images, Preview Pane. A tu je krátke vysvetlenie k pár aktivovaným fičúrkam:

• Apps Search – pri vyhľadávaní v e-mailoch zároveň prehľadá aj dokumenty v Google Docs.
• Canned responses – predpripravené odpovede, ktoré používam napríklad na podpisy alebo napr. automatické maily typu “Odpíšem neskôr”.
• Multiple Inboxes – v zobrazení prijatých správ pribudnú ďalšie sekcie. Nastavenia rozpíšem o chvíľu.
• Refresh POP accounts – vynúti skontrolovanie externých mailových POP3 účtov
• Send & Archive – každú správu odošle a zároveň pošle do archívu. Prakticky nutnosť pri používaní GTD a Inbox Zero.
• Undo send – zlatý grál pre tých, čo rýchlejšie klikajú, než myslia a odošlú mail skôr, než je v ňom všetko napísané a priložené :)
• Insert images – vloženie obrázkov. Funguje aj drag n drop!
• Preview Pane – načíta email vpravo od zoznamu mailov, alebo pod ním.

Značky, štítky, tagy… jednoducho Labels

V prvom rade si treba vytvoriť patričné značky, kde budem neskôr presúvať e-maily podľa toho, ako rýchlo je potrebné ich vybaviť. Základom metódy Getting Things Done (ďalej len GTD) sú zložky (v tomto prípade značky) INBOX, DNES, NESKÔR, NIEKEDY. Po pár mesiacoch používania GTD metódy som si ju zjednodušil. Postačia mi dve značky a to TO DO a TO DO/LATER. Plus samozrejme štandardný INBOX. V INBOXe sú všetky maily, ktoré prídu na akúkoľvek moju adresu. Odtiaľto ich presúvam po prečítaní tam, kam potrebujem. Čo je urgentné, alebo sa k tomu dostanem v priebehu nasledujúceho týždňa, to ide pod značku TO DO. Čo má čas aj mesiac alebo viac, putuje pod krídla značky TO DO/LATER. Lomítko v značke značí, že je to podradené značke TO DO. Nie je to nutnosť, no pre mňa je to tak prehladnejšie.

V Inboxe si treba prepnúť na Priority Inbox (posledná možnosť po kliknutí na šípku vedľa linku na Inbox).

Následne treba kliknúť na šípku vpravo od názvu sekcie a vybrať možnosť More options (Viac možností).

A tu treba vybrať vytvorené značky TO DO. Takto pridať aj značku TO DO/LATER a nakoniec zostane všeobecný Inbox s prečítanými správami.

Takto budeš mať ako na dlani všetky potrebné maily hneď po prihlásení. Výhoda tohto zobrazenia je, že aktuálne nepotrebné maily sa dajú schovať kliknutím na nadpis sekcie. Ak teda nechcem premýšlať nad mailami z TO DO/Later, tak si tú sekciu zbalím a mám pokoj, kým si nevybavím dôležitejšie maily. Celý Gmail potom vyzerá takto nejak:

Po novom je už aj zobrazenie dokumentov z Google Docs a pripomienok z kalendára. Tie sú teraz schované pod tlačidlom úplne dole pod zoznamom online kontaktov. Najprv som na to nadával, ale potom som zistil, že je to super vec ak sa človek chce sústrediť na prácu. Nevyrušujú ma online ľudia a ja mám po ruke potrebné dokumenty a pripomienky v kalendári.

Úlohy splnené

No nie tak celkom. Ešte treba rozbehať Google Tasks. To bude taký centrálny repozitár, kde budú všetky úlohy. Či už pridané na základe e-mailu, alebo vytvorené len tak (napr. zavolať tomu a tomu). Aj tu som postupoval podľa GTD metodiky, aj keď som si ju mierne prispôsobil. Na komplexnejšiu prácu s Google Tasks je dobrý tento odkaz: https://mail.google.com/tasks/desktop?pli=1

Google Tasks

Vľavo hore je tlačidlo na pridanie nových zoznamov úloh. Podstatné sú tie, ktoré začínajú číslom. Ja som zlúčil do jedného zoznamu úlohy, ktoré treba spraviť dnes a neskôr. Výhoda je v tom, že môžem veľmi rýchlo presúvať úlohy podľa toho, ako ich stíham plniť (stačí potiahnuť myškou ľavý šrafovaný prúžok pri každej úlohe, alebo stlačiť  CTRL+šípka hore/dole). Tabulátorom vytvoríš podúlohu. SHIFT+TAB vráti odsadenie podúlohy späť a SHIFT+ENTER prepína medzi detailom úlohy a zoznamom úloh. No a hlavná klávesová skratka je SHIFT+T – tú použiješ vtedy, keď čítač mail a chceš ho pridať medzi úlohy v Google Tasks. A aby bolo zaradenie e-mailu pod určitú značku ešte rýchlejšie, stačí stlačiť pri čítaní V a potom začať písať názov značky, alebo ju vybrať šípkami.

Celý tento systém bude chcieť trochu zvyku. Spočiatku som zabúdal pridávať si úlohy do Google Task, alebo opačne. Ale dnes, hlavne vďaka klávesovým skratkám, mi ide všetko skoro automaticky. Čo je ale podstatné a čo je aj cieľom tohto systému je to, že mám krásny poriadok v pracovných aj súkromných záležitostiach a práca mi rýchlejšie “odsýpa”…

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

http://www.freedigitalphotos.net/

Dnes to bude farebná ikona ani neviem čoho :) Trebárs clona objektívu, kvetina, čokoľvek, čo ťa napadne. Možno aj logo. Ako inak, spravené v Inkscape.

color-iris.zip (820 kB)

V prvom rade pre neznalého človeka, pixel perfect znamená, že reálna, fungujúca web stránka je na pixel presná s grafickou predlohou. Keď som začínal s kódovaním webov, snažil som sa o takéto výsledky pri každom jednom projekte. Až som raz na twitteri zbadal niečo, čo mi zmenilo moje kóderské postupy o 180° – “pixel perfect webs are designers wet dreams”. Teda weby na pixel presné sú len vlhkými snami dizajnérov. Prečo? Po skúsenostiach s kódovaním je tých odpovedí viac:

1. pretože Internet Explorer
2. pretože Opera
3. pretože Chrome
4. pretože Firefox
5. pretože (doplň ďalšie prehliadače webu)

Začína svietiť? Tak je dobre. Vytvoriť web na 100% zhodný s grafickou predlohou nie je síce nemožné, ale dolaďovačky kvôli pár pixelom hore dole v jednotlivých prehliadačoch zaberú často viac času než samotné kódovanie. Tu uskočí margin v IE, tam zas Opera neposlúchne s fontami a inokedy Chrome nepochopí rozmery v em či percentách. Jednoducho čo prehliadač, to iný spôsob vykresľovania. Keď som prestal riešiť tieto drobnosti, zrazu som zistil, že používatelia o nič neprichádzajú. Neklesne funkčnosť web stránky. Ani neklesne čitateľnosť web stránky. Ale hlavne zostane viac času na iné aktivity.

…one more thing

A ešte niečo. Poslednou dobou sa tlačí dopredu CSS3 a popravde som tomu podľahol aj ja. Možno ma teraz nejakí ortodoxní kóderi ukameňujú, ale začínam sa na CSS3 spoliehať čoraz viac čo sa týka grafickej prezentácie webu. Nie, nerobím web závislý na CSS3. Skôr využívam nové možnosti na jeho skrášlenie. Ako takú odmenu pre všetkých, ktorí používajú lepšie prehliadače. Aj k tomuto ma priviedla jedna myšlienka na twitteri – ak budeme robiť weby, ktoré vyzerajú v každom prehliadači rovnako, ľudia nebudú mať dôvod upgradovať. Čiže v podstate si za väčšinu tých IEčkárov môžeme aj sami, že im podsúvame weby, ktoré vyzerajú rovnako v IE ako napr. vo Firefoxe. No osobne nevidím dôvod, prečo by návštevník webu cez Firefox nemohol byť viac natešený z krajšej grafickej prezentácie, než ten s IE. Jeho poteší krajší web, mňa zase to, že má rozum. Bodka.

SVG je kompletne vytvorené v Inkscape s využitím farebných prechodov, trošku rozostrenia a jednej orezovej masky a teda je krásne škálovateľné :) Celkovo práca na necelú hodinku vrátane dolaďovania na základe komentárov z forrst.com.

Sťahuj o sto šesť :) a pokiaľ použiješ, pošli link na náhľad tvojej práce, nech si pohladím ego.

Alternatíva 1: štát sa o mňa postará

No, bodaj by. Rád by som tomuto veril. Ale očividne veľa mladých freelancerov si to tak predstavuje. Áno, nejaké to životné minimum na základe našich minimálnych odvodov (kto by odvádzal viac, že?) dostaneme. Ale aj tak, dá sa na štát spoliehať? Ja osobne si myslím, že nie. Práve naopak. Freelancer by mal byť čo najviac odtrhnutý od závislosti na štáte (a nemyslím tým len Slovensko). Zaplatiť si svoje povinné odvody a viac sa o štát nestarať. Takže alternatíva jeden to nebude.

Alternatíva 2: druhý dôchodkový pilier

Aj keď to znie akokoľvek krásne, že peniaze v druhom pilieri sú len a iba moje, za posledné roky sa pravidlá druhého piliera menili podľa toho, ako mal ktorý politik náladu. Istota peňazí je teda prakticky nulová. Oproti prvej alternatíve je tu možnosť, že o 30-40 rokov bude na tomto druhom účte viac chechtákov, ako by bolo na jednotnom účte v sociálnej poisťovni, ale nie je to zaručené. Môj názor je taký, že druhým pilierom sa nedá nič pokaziť, ale spoliehať sa naň, to veru nie.

Alternatíva 3: súkromné sporenie

Po prvých dvoch riešeniach je logické vyústenie do systému súkromného sporenia. Mať svoj účet, kde si každý mesiac odložím nejakú sumu a nedotknem sa ho až kým si nepoviem, že odchádzam do dôchodku. Tu treba mať na pamäti, že toto nie je sporenie pre prípad “keby niečo”, teda na neplánované výdavky a podobne. Z tohto sporenia si človek nebude kupovať iPad 34 alebo dovolenku v pacifiku. Toto sporenie sa raz stane zdrojom príjmov, keď už nebudeme mať silu a chuť pracovať za PCčkom a nebudeme mať moderné a inovatívne nápady.

Otázka však je, ako sporiť. A hlavne čo? Peniaze? Pri pohľade na históriu ľudstva je jasné, že skôr či neskôr opäť príde nejaká kríza, peniaze stratia svoju hodnotu a výsledok bude horší, ako sme predpokladali pri zakladaní účtu. Dá sa to, ale je to takmer rovnako rizikové, ako nejaký druhý pilier. Nehnuteľnosti? No, to už je lepšie. Minimálne bude mať človek strechu nad hlavou. Lenže v tomto prípade je problémom počiatočná výška investície. A zobrať si hypotéku si nemôže dovoliť každý mladý freelancer. Ešte je tu možnosť začať kupovať drahé kovy v malých dávkach. Ich cena stále rastie. A vzhľadom na to, že raz sa vyčerpajú ich prirodzené zásoby, dole tá cena ani nepôjde. A po desiatkach rokov s mešcom plným zlata zamieriť niekam, kde ho zamenia za peniaze a žiť z nich. Popravde, táto posledná možnosť sa mi zdá najistejšia. Ale nejdem ani do nej…

Posledná alternatíva?

Namiesto hľadania spôsobu, ako si zaistiť dôchodok, hľadám skôr spôsoby, ako si zaistiť celý život. Znížiť náklady na život. Zredukovať počet vecí, na ktorých je človek závislý. Či už je to auto, značkové oblečenie, počítač pre každého člena domácnosti alebo aj drobnosti ako kávička v kaviarni každé ráno. Každý by si mal jednoducho spraviť vlastný zoznam vecí, ktoré potrebuje a ktoré vyžaduje. Potrebuje tie, bez ktorých nedokáže prežiť. Vyžaduje tie, ktoré robia jeho život pohodlnejším. Napríklad potrebujem každý deň jedlo (veď kto nie), vyžadujem aspoň raz za čas nejakú chuťovku v podobe lososa :).  Jednoducho je to o tom, sadnúť si k papieru, spísať si všetky veci, ktoré používa a potom začať škrtať tie, ktoré nepotrebuje. Každý má iné požiadavky, ale určite sa u každého nájde niečo, čo má len preto, lebo to majú aj iní a pritom to nepotrebuje.

Keď poslednou dobou sledujem na internete rôzne diskusie a weby, badám, že nie som jediný, kto sa prikláňa k poslednej alternatíve. Či už je to “hacking” starého nábytku, návody ako si dopestovať nejakú tú zeleninu aj v byte, alebo ako výraznejšie ušetriť na účtoch za elektrinu či vodu a pritom neznížiť výrazne určitý životný štandard. Možností je veľa. A čoraz viac začínam byť presvedčený o tom, že čím menej budem závislý na peniazoch, tým viac si budem môcť ten život užívať kedykoľvek a kdekoľvek…

Pixel perfect

Štandardné nastavenia Inkscape nie sú práve naklonené k práci s precíznosťou na 1 pixel. Idú totižto na presnosť 0.001 px. A to je viac, než potrebujem.  Stačí však odpáliť nastavenia dokumentu a vytvoriť si novú mriežku:

Ak máš pocit, že mriežok môže byť aj viac, tak tomu pocitu ver. Toto je jedna z úžasných výhod Inkscape. Mám napríklad zvlášť mriežku na texty, zvlášť na tlačidlá a v prípade niektorých dizajnov aj axonometrickú mriežku pre simuláciu 3D. Možností je veľa. Podstatné je nastaviť si spacing v X aj Y osi na 1 px, vybrať si farby mriežky a po koľkých násobkoch základnej mriežky bude viditeľná hlavná mriežka. Niečo ako ten zelenkavý rysovací papier, kde bola milimetrová mriežka, ale každý 1 cm boli čiary hrubšie. Ja ešte používam poslednú možnosť a to zobraziť namiesto mriežky body, aby sa mi to tak moc nebilo s dizajnom.

Ak to máš nastavené, potom už len stačí zapnúť prichytávanie k mriežke (predposledná ikona v lište prichytávania, obyčajne napravo). No a aby si toto nemusel nastavovať zakaždým, tak si môžeš tento súbor uložiť ako šablónu (jej umiestnenie záleží od toho, aký OS používaš).

Jedna z hlavných výhod Inkscape oproti PS je rýchle umiestňovanie objektov nielen pomocou rôznych zarovnávaní (ako mne chýba v PS zarovnanie hornej hrany jedného objektu s spodnej hrane druhého objektu), ale aj pomocou zadania absolútnej pozície v X a Y súradniciach. A rovnako aj zmena veľkosti, otáčanie, preklopenie a podobne. To všetko v hornej dynamickej lište, ktorá sa mení podľa toho, aký nástroj máš vybraný.

Ten webový krájač som zabudol…

O čom je hlavne tento tutoriál je nástroj, ktorý pribudol vo verzii 0.48 (resp. bol tu aj skôr, ale len vo vývojovej verzii). Jedná sa o Web Slicer a nájdeš ho v Extensions > Web > Web Slicer. Ponúka 3 položky:

“Create slicer rectangle” vytvorí nový rez. Je to niečo ako slicing tool v PS, len tu na teba vybafnú nastavenia pri každom vytváraní nového rezu. V nastaveniach rovno určíš, či má daný slice exportovať do PNG, JPG alebo GIF a ich nastavenia. No čo je šikovné je záložka HTML. Tu si môžeš nastaviť veci ako ID alebo CLASS daného elementu, jeho použitie (obrázok pozadia alebo samotný IMG element) a spôsob jeho umiestnenia. Takto si môžeš vyskladať základnú kostru webu priamo v Inkscape.

“Export layout pieces” prevedie všetky vytvorené rezy na obrázky. A pokiaľ chceš, tak vytvorí aj základné HTML a CSS. Tu ma jeduje len jediná vec – nedá sa vybrať adresár dialógom, ale treba ho ručne napísať. Snáď to pribudne v ďalšej verzii.

Tretiu možnosť nemám prebádanú, takže sa k nej vyjadrovať nebudem. Ale malo by sa jednať o doladenie HTML exportu. Zatiaľ som to nepotreboval.

Web Slicer si vytvorí novú vrstvu, kde umiestňuje všetky rezy ako červené priehľadné obdĺžniky. Netreba sa báť tej farby, pri exporte tam nebude. A pokiaľ zrovna nepotrebuješ rezať, tak si tú vrstvu môžeš skryť. No a čo je dôležité, na tieto rezy môžeš použiť nástroje ako zarovnania alebo dynamickú lištu tak, ako aj na obyčajné objekty.

Toľko krátky tutoriál o tom, ako sa s Inkscape stáva šikovný nástroj na webdizajn. Ešte by to chcelo lepšiu prácu s SVG filtrami, ktoré prekonávajú aj efekty vrstiev v PS. Problém je, že zatiaľ je ich úprava skôr matematický rébus, než grafická práca :) ale našťastie je ich kopec predpripravených a ich úprava po pár pokusoch nedá veľa zabrať :) O nich ale nabudúce…