Ako na vlastný font

Super článok o tom ako spraviť vlastný font. Spolu s dekom sme rozmýšlali, že spoločne spravíme nejaké nové písma pre potreby jeho stránky, takže tento návod príde vhod a môžete sa už teraz tešiť na free graffity font by deko & ivusko. Takisto chcem spraviť aj základnú typošku pre moje potreby a to pre identitu ivusko.sk a blog.ivusko.sk. Dúfam, že si cez mrazivé večery v Slovenskej Ľupči nájdem na to čas.

Netrvalo to dlho. Som opäť single 🙂

Stratégia úspechu na youtube

Práve som dočítal úžasný článok o tom ako na virálne videá youtube.  Ak chcete, aby Vaše video bolo úspešné, tak sa dá tomu napomôcť. Odteraz sa na videá pozerám trochu inak.

Rozhodol som sa, že spravím jeden malý experiment. Skúsim pomôcť rozbehnúť jeden projet, na ktorom aktuálne robím aj pomocou videa. Na konci videa dám krátky záblesk s textom, ktorý bude o projekte informovať. Problém vidím len v tom, že úspech nebudem môcť zmerať, tak ako by som chcel, ale len podľa návštevnosti stránky.

Redesign inzer.sk – inzeráty na úrovni

Môžem oznámiť veselú novinu. Konečne sme sa pustili do prác na redizajne inzer.sk. Nová verzia bude obsahovať lepšiu funkcionalitu, prehľadnejší dizajn a zmenu zaznamenajú aj kategórie. Stránka inzer.sk, bola spustená pred dvoma mesiacmi a rozhodnutie spraviť redizajn bolo známe už od spustenia. Donútila nás k tomu určite aj konštruktívna kritika v diskusii na webteste o inzer.sk. Takisto si všímame aj správanie užívateľov a chceme dosiahnuť, čo najjedoduchšiu navigáciu. Bližšie info budeme zobrazovať na našom blogu http://blog.inzer.sk

A ešte jeden z prvotných screenov

inzer.sk - inzeraty na úrovni

Konečne vyriešené nadpisy a ich fonty na web stránkach

Hulan redizajnoval a našiel svoje ego, no neviem, že či je zmena prevratná? Osobne to radím za veľmi slabý dizajn. Robila ho údajne jedna česká dizajnérka, ale pred tým to bolo uhľadenejšie. No nič možno si zvyknem, lebo sa rád zasmejem o čom píše Radek. Niekedy sú tam aj veci poučné.

Ale nie o tomto som chcel.  Konečne som objavil metódu ako vkladať do webov netradičné písmo a nie ako obrázok, aby sa dalo čítať, označovať, bolo prístupné pre google aj pre usera. O niečo sa pokúšali uz dávnejšie chlapíci z List Appartu, ale našiel som úplný brutal. Volá sa to, že sIFR

Využíva to javascript, aby dynamicky nahradilo textový obsah flashovým objektom s daným fontom, pričom je to v celku rozumné a font zvolí podľa veľkosti pôvodného obsahu, takže sa to celé dynamicky pridáva. Trvá to len chvíľu, v podstate nie o moc viac ako by malo loadovať všetky nadpisy ako obrázky. Ale skôr sa mi na tom páči to, že táto metóda uľahčí hlavne prácu pri strihaní dizajnu do htmlka. Dizajnér konečne obmedzeným množstvom štandardných písiem ala fontotéka webdizajnéra.

Ďalšou super vecou je, že flash vie písmo aj vyhľadzovať, takže budú nadpisíky aj s antialiasingom, krásne, peknučké. Mňam. Idem to použiť hneď dnes na jednom webíku. Link a ukážka ako som sa s tým vysporiadal čoskoro.

Staršie flashové projekty

Na mojom starom Pc som našiel flashové veci, ktoré nemám v portfóliu a chcel by som Vám ich ukázať.

Flashový banner pre HP

[kml_flashembed movie=”http://blog.ivusko.sk/wp-content/banner_hp_2.swf” height=”300″ width=”300″ /]

Flashový panáčik

[kml_flashembed movie=”http://blog.ivusko.sk/wp-content/panacik.swf” height=”230″ width=”320″ /]

Banner pre gfx.sk

[kml_flashembed movie=”http://blog.ivusko.sk/wp-content/intro_gfx_ivusko.swf” height=”200″ width=”600″ /]

Nové dnb.sk spustené

Spustili sme nové dnb.sk. Ja som robil celý dizajn, silwer upravil hlavičku a mal aj konštruktívne nápady, takže je to vlastne práca nás oboch. Beno zas robil celý kód aj backend aj frontend. Fičurky sme vymýšlali spoločne. Nebolo to vôbec ľahké a trvalo viac než krátko, dokým sme sa rozhodli, že toto je final verzia. Dúfam, že sa Vám stránka páči a budete ju s radosťou používať

Celá tlačová správa

A ešte nejaké zaujímavé screeny:

dnb1

dnb

dnb3

dnb4

2 banneri na akciu Beat Right #2

Pri tvorbe týchto bannerov som rozmýšlal, že spravím tutorial na to ako spraviť podobný banner. Začal som to, takže sa môžte začať tešiť na flashové tutorialy, lebo asi to rozdelím do viac príspevkov.

[kml_flashembed movie=”http://blog.ivusko.sk/wp-content/banner135300.swf” height=”300″ width=”135″ /]

[kml_flashembed movie=”http://blog.ivusko.sk/wp-content/banner468.swf” height=”60″ width=”468″ /]

Greybox(prerobený lightbox) a flash vo wordpress

Po lightboxe, lightbox 2, ThickBoxe, iBoxe som našiel zatiaľ najlepšie riešenie a to kvalitne upravený lightbox skript GREYBOX. Vo weboch, ktoré budem realizovať ho určite použijem.

http://orangoo.com/labs/greybox/normal_usage.html

Ak potrebujete vložiť flashový objekt do wordpressu tak neni nič lahšie ako tento plugin http://kimili.com/plugins/kml_flashembed/wp

Inštalácia veľmi jednoduchá, stačí vložiť plugin do adresára wp-content/plugins a aktivovať ho v admine. Používa sa pomocou špeciálneho zápisu, ale takisto pribudne aj ikonka v editore, ktorá pridáva základnú verziu skriptu do editora.

Prvé info o akcii BEAT RIGHT #2

V piatok 9. novembra uskutoční v Bratislavskom Elam klube ďalšie pokračovanie akcie Beat Right #2. Tešiť sa môžete na dva parkety s elektronickou hudbou ale aj dva otvorené bary. Na prvom parkete si prídu na chuť priaznivci drum and bassu a na druhom parkete zas nadšenci trošku kľudnejšej hudby s rovnými beatmi.

Cena zostáva stále ľudových 49 Sk.

flyer

Lámaný beat (drum and bass, jungle)

Na tomto parkete zahrajú rezidenti akcie Iwo a Marbre. Pomôcť im prídu hostia z Banskobystrickej crew Free.tesa: VOODEE a FRIJAH. Už ste ich mohli počuť v Bratislave hrať na akcii s názvom Drum-and-bass-ovica, kedy bravúrne zvládli zabaviť dav a ukázali ako sa láme na strednom Slovensku. Takisto ako pred tým budú hrať v spoločnom sete.

Prichystali sme aj špeciálneho hosťa a to Zybexa z rac crew. Je pôvodom z Hlohovca, kde drum and bass nemá silné slovo, ale aj napriek tomu sa tam našiel človek, ktorý to s gramcami vie, a príde nám to predviesť už čoskoro na akciu. Mohli ste ho už vidieť na akciách ako beefree, destroyer, blackrain, subclub present…

Zybex – http://myspace.com/djzybex
VOODEE /Free.tesa crew/& FRIJAH /Free.tesa crew/
Iwo /digitalinside crew/
MarBre /digitalinside crew/

Rovný beat(minimal, electrohouse, progressive, tech electro)

Na druhom parkete sa bude hrať rovný beat, ale trochu pomalší ako na BEAT RIGHT 1.

Z pomalšieho minimalu sa prejde cez electrohouse, progressive až do tech electra a tribalu. O kvalitnú zábavu a muziku sa tu bude starať 5 djs:

Nisiru /afera.sk/
www.myspace.com/nisirudj

Funkatron / afera.sk/
www.myspace.com/funkatrondj

Southboy /housemusic.sk/
www.myspace.com/southboydj

Libor Fiala /plasticpuls.sk/

Mike Advo /Nitra/

Ďalšie info, profily djov, rozhovory čoskoro na www.dnb.sk, www.websound.eu, www.gregi.sk, www.elam.sk

Gmail ťahák na zložitejšie vyhľadávanie

Na webe http://vsemiosmi.blogspot.com/ som našiel ťahák na pokročilejšie vyhľadávanie v gmaili a keďže túto aplikáciu používam dennodenne až niekoľko minút až hodín a chcem sa naučiť nové veci, tak som sa rozhodol, že poslovenštím tento ťahák, dám ho do verzie pre tlač a vytlačím si ho a nechám ho pár dní pri monitore, nech naň vidím. Takto som sa učil klávesové skratky vo Photoshope a je to metóda, ktorá sa mi osvedčila ako účinná.

PDF verzia

Word verzia

Operátor Význam Príklad
from: Odsieľateľ from:peter – správy, ktoré poslal Peter from:google.com – správy poslané z domény google.com
subject: Predmet subject:zmluva – správy so slovom zmluva v predmete mejlov
has:attachment Správy s prílohou  
in:anywhere hľadá aj v spame a koši, čo normálne gmail nerobí  
in:trash Hľadá len v koši  
is:starred Hľadá len správy s hviezdičkou  
is:read Hľadá len prečítané správy  
bcc:peter Príjemca skritej kópie cc: peter – správy, ktorých kópie dostal peter  
before: Odoslané pred dátumom v tvare RRRR/MM/DD before:2007/01/01 – správy odeslané pred 1. januárom 2007.

Jednotlivé operátory je možné kombinovať

“-” – znamienko m
ínus používame na negáciu
„OR“
– v zmysle matematickej alternatívy (alebo)
“(“ a ”)” – môžeme používať aj zátvorky

Zložitejšie príklady

  • from:peter before:2007/01/01 is:unread – všetky neprečítané správy od Petra, odoslané pred prvým januárom 2007
  • from:peter (is:unread OR is:starred) – všechny správy od Petra, ktoré sú neprečítané alebo sú s hviezdičkou
  • is:unread -in:inbox – všetky neprečítané správy v (nie v doručenej pošte)

Gmail nehľadá v obsahu príloh.
Algoritmus Gmailového vyhľadávania nepozná podobne ako aj Algoritmus samotného Google časti slov. Hľadajú sa celé slová.
Diakritika funguje bez problémov. Vyhľadávanie v mejloch vo webovom prostredí gmail nepozná zatiaľ skloňovanie.

Pôvodne tento článok vyšiel na novom webe Mareka Prokopa.

Zmeny v mojom lajfstajle by sa mohli ukázať postupom času aj na tomto blogu

Zmenou ročných období ako aj nástupom semestra z času načas rozmýšlam, čo s mojím životíkom. Prehodnotím situáciu a ak sa prichytím, že sa zacyklujem na niektorej činnosti, hľadám riešenie ako sa znovu odcykliť. Jedno riešenie je zmena prostredia, zmena účesu, zmena podniku atď.  Ja som začal blogovať. Takýmto verejným a transparentným spôsobom chcem informovať o veciach, ktoré ma trápia, čo ma teší, čo ma zaujalo ako aj čo robím v profesnom aj súkromnom živote. Blogujú mnohý iný a často krát môj komentár k téme, ktorú bloger rieši radšej nepublikujem a hodí sa to skôr ako článok na môj blog.

Včera google analytics ohlásilo 13 návštev na tomto webe. Na moju portfolio stránku chodí v priemere okolo 70 ľudí za deň. Na subdoménu z fotkami chodí približne 10 za deň. Keď tieto stránky spojím a zastreším ich pod jednu doménu, tak rátam posunutie smerom hore. Blog bude tvoriť základ textového obsahu. Portfólio bude v jazyku anglickom, blog v jazyku slovenskom. Skúšal som písať v angličtine, ale moje myšlienkové pochody sú o dosť rýchlejšie ako moje prekladačské schopnosti.

Rozhodol som sa, že sa budem viac venovať písaniu článkov o webe, javascripte, dizajne, novinkách a treendoch na webe ako aj o hudbe a filmoch. Možno som si dal veľký záber, ale uvidím koľko času si nájdem na jednotlivé rubriky a podľa toho sa zariadim.

Plánujem napísať aj o práci na mojich vlastných projektoch. Rady čomu sa môžete vyvarovať a na čo by ste nemali zabudnúť pri tvorbe designu pre aplikácie, portál ako aj rady ako pracovať v malom tíme, keďže pracujem na jednom takomto projekte inzer.sk – inzeráty a inzercia.

Ak ste si všimli zmenil som design, z čisto holého bez CSS dizajnu som prešiel na wordpressový template. Na autora uvádzam linku v petičke tohto webu. Možno je to trochu netradičné, aby freelance web dizajnér použil template od niekoho iného a nereprezentoval sa dizajnom vlastným. Momentálne mám strašne nabitý program a chcem zredizajnovať v budúcnosti aj moju portfólio stránku a potom následne aj tento blok. Zatiaľ musí stačiť toto. Takisto pridám novú rubriku návody, kde chcem dávať návody, screencasty, printscreeny alebo rôzne informácie a tipy ohľadne grafických aplikácii a postupov. Pár ľudí sa ma na to už pýtalo a určite by to ocenili. Mám par designov, ktoré som nepredal a asi ani nepredám, lebo sú moc špecifické pre daný projekt, ale rád by som na nich ukázal ich zloženie.

Viem, že tieto informácie sú nezaplatiteľné a nejaký adsense alebo affiliate program mi čas strávený blogovaním nezaplatí. Rozhodol som sa pre blogovanie z prozaického dôvodu: chcem sa Viac zviditeľniť, alebo krajšie povedané chcem dať vedieť o tom, čo dokážem. Takisto možno pomôžem zúfalým dizajnérikom, ktorý tu možno nájdu návod na svoj problémik. Uvažoval som aj o nejakej spolupráci s niektorým zo slovenských serverov, ktoré sa venujú designu, ale ešte počkám, kým napíšem viac článkov a vycibrím si gramatiku, slovosled a moju pracovnú morálku. Už dávno som nič nepísal. Naposledy to bola bakalárska práca mimochodom tiež s webovou tematikou.

Takisto budem písať viac o tom, kde na internete nájdete rôzne aplikácie a služby, ktoré Vám uľahčia život. Ako som už písal v jednom predošlom poste brutálnym spôsobom sa teším tomu, že sa presúvajú celé desktopové aplikácie na internet, a preto tu budem informovať o týchto službách.

Ospravedlňte možnú neperiodickosť mojich článkov a možné gramatické excesy. Niekedy proste plynule prejdem do písania bez diakritiky, čo je spôsobené večným vypisovaním cez ICQ.

Ak mi budete chcieť ponúknuť spoluprácu, používajte prosím Vás radšej skype alebo Gtalk. ICQ je nespoľahlivé. Tieto informácie nájdete v kontakte.
Čas je vzácny, tak idem pracovať ďalej. Klienti budú čo nevidieť nervózny 😀

Umiestnenie môjho loga v slovenskej logo galérii logorevue

Jedno z mojich lôg sa zapáčilo stránke http://www.logorevue.sk/ a oslovili ma, že by ho chceli umiestniť vo svojej galérii. Možno, že sa jeden z mojich najlepších logotypov dostane aj do knižky, ktorú táto stránka zabezpečuje a plánuje vidať v roku 2008.

Je to pre mňa veľmi povzbudzujúce, keď sa moja práca páči ľuďom a ešte viac si to Vážim ak ľuďom, ktorí sa do tejto problematiky vyznajú. Logotype ako aj vytvorenie firemnej identity je náročná záležitosť a nápad je niekedy nezaplatiteľný.

Rozhodol som sa spýsať niečo zo zákulisia tohto loga.

Zadanie znelo prerobiť pôvodné logo online služby, ktorá ponúka tlač a distribúciu tlačových materiálov. Celé to bolo v rámci kompletného redizajnu webovej stránky a celej značky. Pri modernizácii vzhľadu webovej stránky a zmene celej indentity bolo samozrejme nutné vymyslieť niečo vystihujúcejšie. Farebnú schému (modrá a čierna) som mal podľa zadania ponechať.

klarmann staré pôvodné logo

Keďže pôvodné logo bolo len textové a nenavodzovalo žiadne emócie alebo predstavy blízke názvu, pôsobnosti a zameraniu tejto spoločnosti, rozhodol som sa skombinovať slová z názvu. Vychádzal som z troch vecí. Klarr ako postava tvoriaca panáčika (slovo Mann po nemecky) v spojení s grafikou, ktorá má vyvolávať slovo print, pretože webová adresa sa volá klarmann-print.de. Prvá verzia by mala vystihovať vlastne to K zo slova Klarr položené na farebnom papieri. Keď som ale doplnil ešte bodku k tomu K a tak som vytvoril vlastne postavu človeka, čo zas symbolizuje to nemecké Mann, čiže človek.

verzia 1

Druhá verzia je vlastne ten istý nápad, ale nožička postavy nie je dokončená a slovo print je zachytené v štetci, ktorým sa dokončuje “múdri človek”.

verzia 2

Sklon postavy by mal dotvoriť ešte lepší 3D efekt, ktorý bol zachytený v ohnutí papiera ako aj štetcom.

Ešte prikladám rôzne variácie použitia loga:

klarmann logo použitie

V týchto rôznych možnostiach použitia loga môžete postrehnúť aj tieň, ktorý vrhá panáčik alebo podkladový papier. Je to spôsobené tým, že logo je určené hlavne pre webovú stránku a momentálne sú takéto rôzne tieniky trendy. Môže byť spôsobené web2.0 štýlom., ktorý sa mi momentálne páči a určite som sa aj ním inšpiroval a v tomto štýle sa mala viesť aj celá webová stránka. Tieň takto dotvára logo a dáva mu ešte väčšiu priestorovosť.

Na obrázku môžete vidieť aj verziu pri použití štyroch ďalších farieb, ktoré mali ešte viac zmodernizovať toto logo. Jedna slovenská web-dizajnérka (Lucia Kubinská alias Lulka) ma raz upozornila, že mám pri grafických návrhoch pre webové stránky používať viac farieb a zobral som si to k srdcu aj pri tomto návrhu. Pestrejšími a hlavne viacerými farbami som si pripravil priestor na použitie týchto farieb na webovej stránke a tým som oživil celú identitu od studenšej modrej a čiernej k farbám sviežejším.

Font použitý v samotnom názve spoločnosti je Trebuchet, čo bolo ovplyvnené tým, že to je logo pre online službu a celá identita používa tento font. Toto písmo je predvolene nainštalované v operačnom systéme MS Windows. Preto by sa dalo logo použiť na webovej stránke ako text a zformátovať na požadovanú veľkosť a hrúbku pomocou kaskádových štýlov a nie pomocou obrázku. Je to lepšie pre vyhľadávače, ale to už je iná téma. Takisto Trebuchet je krásne čitateľný a po boku Tahomy, Arialu, Verdany a Georgie je to jedno z najpoužívanjších písiem na internetových stránkach.

Aj keď ide o jedno z mojich najpovedenejších logotipových prác, klient nakoniec nezmenil doteraz svoje logo a používa staré.

Kompletné info o logu:

Názov loga:
Klarmann – www.klarmann-print.de

Designer:
Ivan Potančok – www.ivusko.sk

Klient:
Klarmann

Rok vzniku:
2007

Tagy: print, logotype, logo, CI, firemná identita, coprorate identity, klarmann

Pár užitočných odkazov, ktoré ma zaujali v jednu jesennú obyčajnú sobotu

Pre jeden z mojich projektov hľadám nástroj na vytvorenie ankety. Podarilo sa mi nájsť toho celkom statočne, ale vybral som si http://www.limesurvey.org/

Toto ma celkom zaujalo. Ak hľadáte job v IT, tak si to určite pozrite. Zaujímavé bolo aj čítanie o tom, koľko zarobia informatici na Slovensku.

Zoznam web2.0 aplikácii, ktoré sa oplatí pozrieť:
http://techcrunch40.com/2007/index.php

Na Slovensku sme mali súťaž so sme.sk o 150 000 a v podstate to bola anketa o naj web nápad . Češi majú trochu lepšie zorganizovanú anketu http://kristalova.lupa.cz Neviem o tom, že by na Slovensku bola podobná anketa. Škoda.

Pár javascriptových hier od pixiho

Keď sa už toľko hovorí a píše o web2.0 tak tu je super aplikácia, ktorá super spôsobom zaraďuje tieto weby.

Zaujímavé odkazy

Množstvo zaujiímavých error 404 stránok môžete pozrieť na web stránke: http://www.plinko.net/404

Na potulkách netom som naďabil na zaujímavý blog Mareka Prokopa, o ktorom píše na sove v síti. Web je zameraný na web 2.0 aplikácie.

Začal som na jeho radu používať google notebook a tým doplnil arzenál google zbraní alebo skôr web2.0 aplikácií. Momentálne aktívne denno denne používam Gmail, Gtalk, Google vyhľadávač, Google calendar, Google Maps, Google Analytics, Google toolbar, Google reader, Google docs.

A ešte prikladám sadu ikoniek, ktorú som robil dakedy dávno dávno pre ivusko.sk

ikonky