dedicated. Reloaded

Nebolo by to maturít, keby večer pre veľkým dňom nekolovali po internete rôzne “zaručené” témy.

Z môjho vlastného Googlenia som zatiaľ našiel tieto:

• Slávnostný prejav: Pri príležitosti 160. výročia narodenia Pavla Országha Hviezdoslava
• Úvaha: Je prijatie spoločnej európskej meny pre Slovensko prínosom?
• Diskusný príspevok: Finančná kríza a jej dopad na bežného človeka
• Rozprávanie: V 90. rokoch minulého storočia …
• Charakteristika: Môj idol v šoubiznise
• Úvaha: V nešťastí spoznáš priateľa (Aristoteles)
• Diskusný príspevok: Ako ďalej v čase finančnej krízy
• Rozprávanie: Môj prvý školský deň
• Rozprávanie: Príbeh vinára
• Diskusný príspevok: Metódy dosiahnutia úspechu
• Úvaha: Čo v skutočnosti určuje pohlavie

Jeden zo zdrojov

Tieto témy sú samozrejme iba dohady, takže ich určite neberte vážne, je kľudne možné, že sú iba vymyslené a zajtra na maturite bude ničo úplne iné.

EDIT: Na internete sa objavila fotografia papiera s témami: kliknite sem

Na systém Mac OS X Leopard som si už skvele zvykol a doteraz je to najlepší systém s ktorých som pracoval. Naozaj veľmi urychľuje prácu, vďaka spôsobu ovládania, spôsobu práce so súbormi, ale aj vďaka mnohým aplikáciam.

Včera som si preinštaloval celý systém, dúfal som, že tým rozbehám pokazený sluchatkový výstup. Nepodarilo sa, takže pôjde do servisu.

Po reinštalácii sa mi stala zaujímava vec. Nemal som systém nijak zálohovaný, skopíroval som si iba dôležité dáta na externý disk a všetko som zmazal. Keď som spustil čerstvý Leopard, hneď som si ho prispôsobil a s týmito myšlienkami sa chcem teraz podeliť, pretože dosť urýchľujú prácu.

Prvou z nich je program Quicksilver. Predtým ako prišiel Spotlight sa to používalo na rýchle spúšťanie aplikácii, teraz to nie je až tak rozšírené.

Každopádne, dá sa v tom urobiť skvelý trik, a to prepínanie aplikácii klávesovými skratkami. Ja používam tieto:

• Safari - Alt+S
• TextMate - Alt+M
• CSSEdit - Alt+C
• Terminal - Ctrl+§

Vďaka týmto skratkám sa dokážem pri práci pohybovať medzi aplikáciami veľmi rýchlo.

Ďalšou veľmi užitočnou pomôckou je program sitecopy, ktorý synchronizuje lokalný priečinok so vzdialeným serverom. Už som o ňom na tomto blogu písal a je naozaj užitočný.

Je oveľa rýchlejší ako synchronizácia vo FTP programoch, pretože neporovnáva všetky súbory so servrom, ale má vlastnú databázu posledných zmien. Ak zistí, že sa niečo zmenilo, pošle to na server.

Tento program som používal ešte keď som mal Ubuntu. Je pôvodne napísaný na Linux, ale do OS X sa da veľmi jednoducho nainštalovať cez Fink. (Nemusíte mať ani Dev Tools)

Určite používate v skvelú funkciu Stacks. Ale napadlo vás využiť to aj na prácu alebo ich používate iba na stiahnute súbory a bordel?

Ja mám v Dock priečinky, kde sú uložené projekty a - teraz to príde - sú zoradené podľa dátumu poslednej úpravy. Takže ak si otvorím niektorý Stack, vidím projekty zoradené podľa poslednej zmeny a viem si rýchlo otvoriť to, s čím som naposledny robil.

Toľko k tipom, ak máte nejaký zaujímavý, pošlite mi ho do komentárov.

I already wrote about ftp synchronization with amazing tool sitecopy. Sitecopy is a great rsync-like tool, that synchronizes only those files, that have changed since the last sync.

Sitecopy uses a simple .sitecopyrc file, where are information about all sites stored. If you have only a couple projects than it’s no problem to keep this file up to date by editing it with TextMate or something.

But if you have lot of projects, it becomes somehow annoying to add a site, copy exceptions, and all the stuff.

So I created a simple Ruby script, that will automatically add information about site. Here is the code:

It is so easy to use. Just navigate to the directory you want to add and run sitecopy.rb. It will ask you all the questions, and it has also some exceptions predefined (symfony for example), so when it’s asking for exceptions, you just enter ’symfony’ and you get all of those.

Go ahead, download it, try it, it’s really useful!

Trošku som sa dnes hral s Ruby, a vytvoril som si veľmi zaujímavý skript, ktorý výrazne zjednodušuje takýto postup pri tvorbe nového projektu:

1. Vytvoriť si nový repozitár
2. Naimportovať súbory, ktoré už sú v projekte
3. Vytvoriť priečinok pre pracovnú kópiu (resp. zmazať ak už existuje)
4. Stiahnuť doňho obsah repozitára

Zverejňujem tu tento skript, je to dosť prispôsobené pre moje potreby, ale myslím, že aj tak bude celkom užitočný:

Na riadku 38 je cesta k môjmu repozitáru. Ak to budete chcieť použiť, zmeňte si tento riadok na váš repozitár.

#!/usr/bin/ruby

def usage
  print sprintf( "Usage: %s  [path=.]\n”, $0 )
  exit 1
end

# ph.init

argc = ARGV.length
type = ARGV[0]
if ARGV[1] != nil
  path = ARGV[1]
else
  path = ‘.’
end

if argc < 1 or argc > 2
  usage
end

types = [’order’, ‘project’]

unless types.include? type
  print “Please select one of the types: ” + types.join( ‘, ‘ ) + “\n”
  exit 1
end

unless File.directory?( path )
  Dir.mkdir path
end

Dir.chdir path

dirname = Dir.pwd.split(’/').last

# create a dir in projects/orders repo
svn_path = sprintf ‘file:///Users/vojto/Sites/_svn/%ss/%s’, type, dirname

message = “creating new directory under #{type}s repository…\n”
print message
command = “svn mkdir #{svn_path} -m \”#{message}\”"
system command

# import current dir into it

message = “importing #{dirname} into #{type}s/#{dirname} repository…\n”
print message
command = “svn import . #{svn_path} -m \”#{message}\”"
system command

# remove all files from this dir
command = “rm -rf ./*” # pretty destructive, huh?
system command

# checkout from the created repo
command = “svn co #{svn_path} .”
system command

# we’re done

Aby som trošku vysvetlil, ako to u mňa funguje. Mám dva repozitáre, projekty a zákazky (projects and orders). Niekto má na každý projekt vlastný repozitár, mne to nateraz stačí takto.

Skript vyžaduje typ projektu, a cestu k nemu. Musí to byť priečinok, je jedno či existuje alebo nie. Ak neexistuje, tak sa vytvorí.

Potom sa vytvorí nový priečinok v príslušnom repozitári, použije meno priečinka, ktorý sme si vybrali. Doň sa naimportuje celý obsah tohto priečinka. Potom sa jeho obsah vymaže a nanovo sa stiahne z novo vytvoreného repozitára.

Je to veľmi užitočná vec, pretože zložitosť vytvorenia repozitára často odradzuje od používania SVNka, hlavne ak sa jedna o niečo malé. Ale vďaka tomuto to ide na jeden príkaz.

V poslednom čase sa pri prezeraní internetu zamýšľam nad tým, aký tym človeka/firmy robilo dané stránky. Zisťujem, že je veľmi málo stránok, ktoré majú 100% profesionálny dojem.

Napríklad Apple.com. Na celej stránke nie je jediná chybička, jediná drobnosť, ktorá akýmkoľvek spôsoboom nezapadá do dizajnu, nie je tam nič, čo by kazilo celkový dojem.

Na stránke Applu si všimnete ďalší dôležitý predpoklad pre “profesionálny” dojem zo stránky. Je to jednoduchosť. Nič navyše, vôbec nič čo tam netreba, nič čo by zavadzalo.

Zároveň je takáto stránka dokonale použiteľná. Človek sa dokáže okamžite zorientovať, okamžite vie nájsť čo hľadá.

Pre takýto dojem je nesmierne dôležity dizajn, aby na nej nebol žiaden prvok, ktorý by vyzeral ako pubertiacke nepodarky. Písmo nesmie byť čierne, musí mať odtieň šedej, nesmie byť príliš malé, ale ani príliš veľké. Farba písma musí byť v dostatočnom kontrasne s podkladom, ale nie v príliš veľkom.

Niekedy sa ľudia príliš zameriavajú na “pekný” dizajn, ono však stači aby bol zladený, vtedy môže byť aj jednoduchý.

Pozrite si nasledovnú ukážku:

Táto stránka mi príde ako dokonalá firemná stránka. Je to úplne jednoduché. Žiadne prehnané dizajny, ale je to dokonale jednoduché, použiteľné, čisté, bez jedinej chybičky.

Tá čistota je veľmi dôležitá vec. Biele pozadie, nevtieravé prvky. Presne takto si predstavujem ideálny dizajn.

Ale tiež absencia akýchkoľvek chýb. Platí, že čím je stránka komplikovanejšia, tým viacej chýb na nej môže byť. Jedna malá chyba, ktorá vzniká väčšinou pri prepisovani dizajnu do CSSka, môže krásne pokaziť stránku a môžme zabudnúť na profesionálny dojem.

Pri tvorbe CSSka sa veľmi často vyskytujú chyby v iných prehliadačoch (väčšinou je to IE6). Je pravda, že IE6 je otrasný prehliadač, má nespočetne veľa chýb. Ale ak má byť stránka prezentáciou, tak musí vyzerať úplne rovnako v každom prehliadači. S CSSkom sa treba hrať, až kým to nevyzera dokonale. Neexistuje žiadne “toto je detail, to si nikto nevšimne”.

Teraz by som rád uviedol príklad stránky, ktorá sa mi veľmi nepáči. Je to síce vynikajúci obchod, majú úžasne ceny, odporúčam každému, kto sa chystá kupovať niečo Apple… (Sám som tam nakúpil tašku na MacBook a musím povedať, že som veľmi spokojný.) Ale stránku majú slabšiu:

Asi si poviete - veď je to pekná stránka, pekné farby, všetko je pekné. Áno je pekná, ale nie je profesionálna, je tam príliš veľa dizajnových chýb. Toto je krásny príklad toho, že pekný dizajn - tento rozhodne je pekný - nezaručuje, že stránka bude dobre vyzerať, pokiaľ nie je všetko zladené.

Tak zaradom:

• Príliš veľké tlačítka v hlavnom menu
• Naopak veľmi malý text na stránke
• Tlačítka prihlásiť, registrovať su príliš veľké. Neviem heslo je zúžené, čo vyzera hrozne.
• Písmo v nadpisoch sekcii je strašne veľké
• Veľmi nízky kontrast a veľmi malé písmo pri cenách
• Naopak pri eurách príliš veľký kontrast a farba, ktorá tam vôbec nepasuje

A takto by sa dalo ísť ďalej. Pre ilustráciu by som rád uviedol ukážku (pravdepodobne) CSS chyby. Presne takéto chyby spôsobujú, že stránky nevyzerajú profesionálne:

Toto by predsa malo byť v strede, nie? Nie je to v strede, je to posunuté hore. Takéto drobnosti naozaj vadia.

Zhrnul by som tento menší prehľad takto: Do dizajnérov sa oplatí investovať. Ale nie do takých à la 2advanced.com, ktorí robia vyložene prehnaný dizajn. Bežná firma takéto niečo nepotrebuje. Potrebuje prehľadný a čistý dizajn. Bez chýb.

Dnes ma na stránke T-Mobilu zarazilo ich vyhľadávanie. T-Mobile je obrovská firma, ich stránka je urobená profesionálnymi technológiami - ale myslím si, že keby využili služby nejakej originálnej - dnešnej - firmy, a hlavne kreatívnej, tak by získali oveľa viac.

Hovorím o ich vyhľadávani. Dal som sk hľadať heslo iPhone, chcel som vedieť, či náhodou nezlacneli (aké krásne prianie).

Tu je prvý výsledok vyhľadávania:

Tu je druhý výsledok:

No a tretí - “hurááá”:

Neviem, čo to má znamenať, ale ich systém vyhľadávanie mi príde veľmi zvláštny. Netuším, či používajú nejaké indexovanie, príde mi to ako vyhľadávanie súborov na Windows 95.

Pri vyhľadávaní by každá stránka mala použiť systém na indexovanie (Pre symfony sfLucenePlugin), vďaka ktorému si môže určiť, ktoré tabuľky chce indexovať, ktoré statické stránky chce indexovať - a čo s akou prioritou.Jednoducho si určí, čo má vyššiu prioritu, a to sa bude pri vyhľadávani zobrazovať na vrchu.

V Symfony sa dajú robiť aj pekné triky, napríklad, že sa zmení partial template pre každý typ výsledku. Ak ide o produkt, môžeme zobraziť napríklad aj jeho obrázok, ak ide napríklad o tlačovú správu, zobrazí sa tenký riadok.

V sfLucenePlugin sa to dá nastaviť veľmi jednoducho cez jeden YML súbor. Takéto vyhľadávanie mimochodom máme na maniačine. Tam to vlastne vôbec netreba (iba som sa chcel naučiť robiť s tým pluginom), keďže je tam iba jedna tabuľka, úplne by stačil primitívny select.

Ale zoberte si napríklad stránku Apple. Ak niečo zadáte do vyhľadávania, Ajaxový skript vám okamžite zobrazí “hot” výsledky - tie sú práve z tabuliek, ktoré majú vysokú prioritu, ostatné su nižšie, alebo na ďalšej stránke - “viac výslekov.”

Príklad (ne)použiteľnosti stránky Tatra Banky.

Scenár: Chcem si zistiť, aké sú poplatky pre študentský účet. Ako vyzerá hlávna stránka:

Všimnite si tlačítka, ktoré sú zvýraznené béžovou farbou v pozadí. Tieto tlačítka sú zvýraznene oveľa viac, ako linky INDIVIDUÁLNI klieknti, MALÍ pondikatelia, etc., aj napriek tomu, že sú oveľa menej podstatné.

Ja som si asi 20 sekúnd tieto tri linky vôbec nevšimol, a márne som hľadal informácie o účtoch v béžových políčkach.

Chybu urobili dizajnéri, keď zvýraznili nepodstatné odkazy oveľa viacej ako tie dôležité - totiž si treba uvedomiť, akú veľku rolu má farba pozadia - práve farba pozadia dáva odkazu dojem, že ide o tlačítko - a teda zvyšuje jeho dôležitosť.

Po češtine je tu aj Slovenčina, a Google prekladá stránky a texty teraz aj do nášho jazyka. (A samozrejme opačne)

Dosť ma pobavilo, ako Google prekladá mená…

Dnes som sa stretol s jednou maličkosťou v prehliadači Safari, ktorá môže vytvoriť zo stránky dosť zlý dojem. Je síce pravda, že tento prehliadač používa malé percento používateľov, ale za tu námahu takéto drobnosti stoja.

Problém sa nachádza v zvýrazňovaní aktuálneho políčka modrou farbou. Formuláre v Safari vyzerajú skvele bez akéhokoľvek ďalšieho vylepšovania, teda dizajnér by vôbec nemusel meniť ich vzhľad.

Na jednom mojom projekte, Maniačina.com, je však úplne iný vzhľad. Je celý tmavý, a svietia v ňom farby. K tomu by Aqua interface vôbec nepasoval.

A už vôbec nie k novému prvku, vyhľadávaniu vpravo hore. Skúste si to otvoriť. Teraz to už vidíte opravené, ale pôvodne to vyzeralo takto:

Riešenie je veľmi jednoduché, stači pridať tento kód

input:focus { outline: 0; }

Výsledok vyzerá veľmi dobré, snáď by pomohol nejaký focus efekt priamo v grafike (zosvetlenie poľa, alebo podobný outline, ibaže po celom oblom okraji)

Mimochodom, nové vyhľadávanie je celkom cool, trošku som sa inšpiroval od stránky Apple (Oni to maju viac prepracované, pretože sa nevyhľadáva iba v jednej databáze).
Beží cez sfLucenePlugin, takže sa všetko indexuje, a vyhľadávanie je také rýchle, aké môže byť.
Pre Maniačinu je to ďalšia drobnosť, ktorá ju v použiteľnosti posúva ďaleko za konkurenciu.