Blog společnosti webProgress s.r.o.

Řád poctivého grafika

07. června 2010 | Autor: Ondra | komentáře

Každý webový grafik po celou svoji existenci se neustále vzdělává a získává také určitý skill ne jen ve své kreativitě a šikovnosti, ale také v tom, jak připravit zdrojová data pro kodéry, aby jim usnadnili co nejvíce práci při řezání grafiky. Podíváme se na ty nejzákladnější pravidla, který by měl každý dobrý grafik znát a řídit se jimi.

Vrstva 1, 2, 3… 27… 363

Zlatá funkce, která nás už doprovází mnoho let, jsou vrstvy, bez kterých by to nešlo a díky bohu za ně. Ale lámat ruce těm, kdo dokáže vyplodit grafiku, kde je již zmíněných 363 vrstev, ale žádná z nich nemá jméno. Ano, ono to i přes to jde, ale to by se člověk mohl uklikat. Proto každou vrstvu pojmenovávejte názvem, který jí patří.

Vrstvy nejen do složek ale i obarvit!

Stejně jako vrstvy, utvářejme také složky, kde můžeme shromažďovat vrstvy, které vytvářejí nějaký celek. Např. vytvořme složku „Hledej“ kde nalezneme jak grafiku inputového pole, tak tlačítko pro vyhledání, popřípadě další grafiku která je součástí vyhledávání. Takto oddělujeme jednotlivé seskupení vrstev a dále je dobré tyto složky zařadit do složek, které utvářejí základní díly grafiky. Těmito základními díly je Hlavička, Záhlaví (jestliže nezabírá tak významného místa v grafice, může být i součástí Hlavičky), Obsah a Pata. Tyto základní 4 díly grafiky je dobré mít odděleny i barevně. Tím se pak obarví i zbylé složky a vrstvy obsažené v nich. Oddělíme tak přehledně grafiku na jednotlivé sekce, v kterých se lépe orientujeme.

Není pixel jako půl pixel…

Tento neduh Photoshopu bývá občas oříškem nejednoho grafika. Photoshop totiž, na rozdíl od Illustratoru nebo fireworksu nepracuje jen s celými pixely, ale i tzv. „Půlpixely“ u vektorových objektů či shape objektů. U jednotlivých objektů se to projeví neostrostí hran, u okrajů objektu se objeví téměř neviditelné čáry, které však mohou být matoucí a můžou být považovány jako záměr, než za chybu. Vyvarovat se tomuto můžeme pomocí mřížky, kdy jednotlivé objekty, přichytáváme k mřížce o celých pixelech. Já však doporučuju všechny objekty kontrolovat, aby lícovali přesně tak, jak chceme.

Vodítka, které nás vedou, ne hltí procesor.

Používat vodítka je určitě potřeba, zaručují nám přesnost zarovnání jednotlivých objektů, ale měli bychom je používat střídmě. Ve velkém množství nám při vypínání/zapínání vodítek protahuje čas jejich překreslování. Důležité je vyznačit kraje dokumentu a jednotlivé sekce. Vyznačovat vodítky kraje každého tlačítka není moc efektivní.

Zlatý hřeb – Poznámky

Jestliže máme v grafice prvky, které nejsou součástí PSD souboru, jako fotografie z fotobank, vzorky pozadí, písma atd., dejme o nich vědět, kde je ostatní najdou. Jednoduchý nástroj na poznámku usnadní dodatečné odpovědi na tyto otázky.

Zobrazení FB aplikací na svých stránkách

01. června 2010 | Autor: Jindřich | komentáře

Teď když máte vytvořenou firemní stránku na Facebooku (FB) je třeba o tom dát vědět i na svém webu. Je spousta možností jak na svých stránkách upozornit na firemní profil na FB, může to být pouhé „Líbí se mi“ či FAN box, ve kterém můžete zobrazovat nejen vámi zvolený počet fanoušků, ale i nejnovější příspěvky. Jako bonus můžete FAN box zastylovat do barev vašeho webu.
Další z možností je využití FB komentářů přímo pod článkem na vlastní webové prezentaci.

Nejprve si ukažme klasický FAN box, který už má dneska na svých stránkách leckdo, tímžto pádem to vezmu velice zlehka.

Do stránky vložte tento kód:

 <fb:fan width="240" css="/styles/facebook.css" height="200" connections="12" stream="0" profile_id="131747207560"></fb:fan>

• profile_id – ID vašeho firemního profilu na FB
• stream – zobrazení nejnovějších příspěvků
• connections – počet zobrazených fanoušků
• css – link na CSS styly

vše o FAN boxu je podrobně popsáno na stránkách pro developery na FB


FAN box je jednoduchá záležitost, kde si vložíte jenom kousek kódu na své stránky a vše funguje jak po másle. Zde na blogu jej můžete vidět již několik týdnů a zmínil jsem ho pouze pro úplnost.

Pro zprovoznění např. komentářů musíte odvést o pár kroků více, abyste dosáhli vytouženého cíle. Nebojte se není to nic složitého, jak to většinou bývá, jde jenom o pár „prkotin“ na které si člověk někdy přijde sám a nebo je dostane naservírované na podnose :) ale dost řečí, pojďme na to – na FB si vytvořete aplikaci.


Důležité je určit správnou URL adresu webu, na kterém komentáře poběží. Nemusíte mít strach pokud vyvíjíte web na jiné doméně než ve skutečnosti poběží, protože tuto informaci můžete kdykoliv změnit v nastavení aplikace.


na následující stránce vidíte vygenerovaný App ID, které budete potřebovat pro inicializaci.

a teď už máte vyhráno a stačí pouze nakonec stránky vložit kód pro inicializaci

<div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: 'App ID', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.type = 'text/javascript'; e.src = document.location.protocol + '//connect.facebook.net/cs_CZ/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script> 

A pod článek samotný kód pro komentáře

<fb:comments numposts="10" width="650" xid="URL adresa článku" simple="1"> <fb:title>Komentáře</fb:title> </fb:comments>

• numposts – počet komentářů na stránce
• xid – jedinečná URL adresa na vašem webu pro určení k čemu komentář patří
• simple – =“1“ -> box s komentáři nemá zaoblené rohy

opět všechny atributy pro komentáře na developers.facebook.com

Pro všechny ty, kterým toto nestačí a chtějí zkoušet další aplikace je určen web http://developers.facebook.com/, kde najdete veškerou podporu pro aplikace tkz. API
Nezbývá než popřát „good luck“ při objevování neustále se rozrůstajících funkčností, které nabízí fenomén dnešní doby FACEBOOK. Jak někdo moudrý pravil: „Není čas ztrácet čas“, proto se dejte do práce a poskytněte uživatelům veškerý komfort.

P.S. pro nefiremní webíky: jen blázen by nechtěl na svém webu diskuzi zdarma, která váš článek může světelnou rychlostí rozšířit po TOM internetu :)

Začínáme s propagací na Facebooku

28. května 2010 | Autor: Lenka | komentáře

Víme všichni, že sociální sítě a zejména pak Facebook jsou stále horkým tématem. Dokazuje to fakt, že svůj profil má založeno téměř 3 miliony českých uživatelů. Potenciálu Facebooku se snaží využít firmy k propagaci značky, výrobků i služeb.

Pokud patříte mezi ty, které vstup a propagace na sociální síti Facebook teprve čeká, bude vám můj článek malou nápovědou jak udělat první kroky.

Stránka nebo Skupina?

K propagaci nabízí Facebook dva hlavní nástroje kterými jsou založení Skupiny nebo Stránky.

Je důležité se rozhodnout jaký nástroj si vyberete, protože není možné měnit Skupinu na Stránku a opačně. Stránka nabízí více možností a indexuje se ve vyhledávačích, což znamená, že je dohledatelná například pomocí Google. Velký rozdíl mezi Skupinou a Stránkou je také v tom, že Skupina nenabízí možnost stát se fanouškem, je ale vhodnější například pro organizaci různých akcí nebo šíření virálu. Pokud chcete založit klasický firemní Facebook, musíte vždy použít Stránku, protože Facebook ve svých pravidlech použití stanoví, že Skupinu pro tyto účely použít nelze.

Kde založit?

Založení Stránky nabízí Facebook odkazem na své titulní stránce. Přímá adresa pro založení
Stránky je http://www.facebook.com/pages/create.php a pro Skupinu http://www.facebook.com/groups/create.php. V případě založení Stránky si můžete zvolit zda chcete založit Oficiální nebo Komunitní stránku.

Při vyplňování potřebných údajů je třeba dbát na zařazení do správné kategorie podnikání. Důležité je také promyslet pod jakým názvem se budete prezentovat, protože jeho změna znamená začít od začátku a tím pádem přijít o všechny nasbírané fanoušky.

Jak nasbírat fanoušky?

Máte založenou firemní Stránku, vyplněné informace a vložené logo. Nyní přichází čas abyste o sobě dali vědět a získali pevnou základnu fanoušků. Jak na to? V první řadě oslovte všechny přátele a známé, které máte na soukromém profilu. Zapomenout byste neměli ani na své zaměstnance, určitě se rádi připojí a doporučí stránku dalším svým kamarádům pomocí jednoduché funkce Navrhnout přátelům. Další z možností jak se přátelé přátel dozví o existenci vaší Stránky je to, že se jim v Hlavních příspěvcích zobrazí informace o tom, že Kája Novák se stal fanouškem Hořických trubiček. To je může nalákat k tomu, aby se také stali fanoušky.

Běžnou propagací vaší Stránky je umístění ikony Facebook nebo tzv. fan boxu na webových stránkách, blogu nebo třeba newsletteru. O existenci profilu se můžete zmínit v e-mailovém podpisu na tiskovinách…

Další možností jak získat příznivce je využití PPC reklamy v pravé části Facebooku. Jedná se však o placenou službu.

A co dál?

Firemní Facebook máte, fanoušky také a nyní přichází čas začít s profilem pracovat. Je důležité si stanovit jakých cílů má propagace touto cestou dosáhnout a jak chcete na své příznivce působit. Obecně se dá doporučit zveřejňování takových informací, které přitahují pozornost a zákazníci se je nikde jinde nedozví. K tomu nabízí Facebook řadu nástrojů. Mezi základní patří:

• Zeď – místo pro hlavní komunikaci: zajímavosti, pikantnosti, co se děje v „zákulisí“ slevy, akce, novinky nejen s firmy ale např. info o nových produktech…
• Fotogalerie - fotky z kanceláře, provozovny, firemního večírku, výrobků, sponzorských akcí…
• Videa - video manuály, instruktážní videa, upoutávky na pořádané akce…
• Diskuse a ankety na různá témata – nové produkty, služby…
• Události – zajímavé akce kterých se účastní vaše firma. Veletrhy, výstavy, pořádaná školení, soutěže…
• Odkazy
• Aplikace – ty si můžete nechat vytvořit speciálně na míru a nebo využit ty, které sociální síť nabízí. Zajímavé technické tipy a návody jak pracovat s Facebookem můžete najít na stránkách Facebook Developers.

Optimálně byste měli fanoušky zásobovat informacemi pravidelně, ale v rozumné míře. Doporučení zní minimálně 1x za měsíc a maximálně 1x za týden. Při nepřiměřeném zahlcování příznivců informacemi se vám lehce může stát, že si zprávy z vaší firemní Stránky jednoduše vypnou.

Závěr

Dejte svým příznivcům na Facebooku něco navíc! To, že jsou vašimi fanoušky by jim mělo přinášet nějaké výhody. Například slevy, poukázky, předběžné informace o chystaných akcích, soutěže a spoustu jiných.

Jak může firemní profil vypadat a co všechno lze fanouškům nabídnout se můžete inspirovat například u Stránky Red Bullu nebo Harley-Davidson Motor Company, které patří mezi deset nejlepších.