Česky psané články

Jako první část jsme pro vás vybrali 5 zajímavých článků psaných v českém jazyce, které je dobré si dříve či později přečíst.

Knihy pro vývojáře – 2010

S novým rokem přicházejí i nové knižní tituly pro obor počítačů a internetu. Na serveru Zdroják.cz najdete jejich menší seznam vždy s malým popisem. Článek je rozdělen na česky vydané knihy, většinou od Computer Press, a na anglicky psané knihy. Jako příklad vydané knihy v češtině může posloužit OOP – Naučte se myslet a programovat objektově a anglicky psaná The Business of iPhone App Development.

Fotomontáž aneb cesta k dokonalým efektům – Teorie

Rádi byste chodili po povrchu Marsu či si žehlili kalhoty přímo na sobě? Není nic jednoduššího než vytvořit díky Photoshopu fotomontáž! Tento článek sice přímo neříká jak co dělat, ale dává dobrý základ pro začátečníky v podobě teorie.

Proč dělat webdesign zadarmo a ne za peníze

Možná vám to nepřijde fér, propagovat vlastní blog, ale věřím, že po přečtení tohoto článku o tom, proč nedělat jen za peníze, mi prominete. Není to žádný návod či know-how, je to prostá úvaha, nad kterou by se měl pozastavit aspoň jednou každý webdesignér, kodér a programátor na volné noze.

Vylepšená monetizace Wordpress blogu

Ačkoliv se tento článek úspěšného blogaře a domainera může zdát návodem, není jim. Je to jakási teorie o tom, jak bychom mohli z Wordpressu udělat perfektní nástroj pro vydělávání peněz na internetu. Najdeme zde i odkazy na kvalitní věci jako je plugin pro Wordpress či výsledky určitých testů. Neváhejte se zde podívat i na ostatní články, je jich přes 300! V dalších dílech se určitě můžete těšit na další kvalitní články od tohoto blogaře.

Co může způsobit zavedení IDN

Velikou novinkou toho roku je zavedení IDN .eu domény. IDN znamená, že si můžete zaregistrovat doménu s háčky a čárkami. Avšak s touto novinkou přišlo i pár neduhů, jedním z nich je i typosquatting, což zjednodušeně znamená parazitování na známých značkách a webech, mnohdy se stane, že se při psaní adresy upíšete a pak zavítáte na tuto doménu, kde vám nabízí „super věci“ (porno, warez, apod.). Tento článek právě pojednává o takovýchto situacích.

Anglicky psané články

43 Web Design Mistakes You Should Avoid (43 chyb, kterým byste se měli ve webdesignu vyhnout)

Ať už jste zkušení mazáci ve webdesignu nebo pouzí začátečníci, věnujte tomuto článku velkou pozornost. Ten se totiž zaobírá základními chybami v webdesignu, přímo 43 chybami, které jsou opravdu časté a sám jsem jich už pěknou řádku udělal. Určitě se tímto článkem mnohé naučíte.

Handy Tools and Tips for E-Commerce Websites (Šikovné nástroje pro E-commerce stránky)

Smashingmagazine je velmi kvalitní a pravidelný magazín o webdesignu a webech obecně. Tento delší článek pojednává o e-commerce webech, což v překladu znamená e-shopy a spol. Přináší nám 23 nejlepších nástrojů a tipů pro naše vydělávající weby, počínaje analytickými nástroji a konče SEO nástroji. Kdo provozuje e-shop, ať ihned tento článek přečte.

Keeping Yourself Motivated (Jak zůstat motivován)

Pořád se snažíme něco dělat a mnohdy nám to vůbec nejde, často je pouze tím, že nám chybí motivace. Mně poslední dobou často. A proto je tu článek od Freelanceswitch.com, který nám radí jak se správně motivovat. Určitě pár způsobů vyzkoušejte, nejsou stavěné jen pro počítačový svět, ale i pro ten reálný.

Java vs. JavaScript

Také pořád koumáte nad tím, jaký je rozdíl mezi Javou a Javascriptem? Tento článek vám na tuto otázku dá 100% odpověď. Bohužel design stránky je opravdu strašný a proto doporučuji text zkopírovat do Wordu a tam si jej přečíst, příp. uložit.

JavaScript from Null: Video Series (Javacript od nuly #1)

Sám se začínám učit Javascript a tento článek je opravdovým zlatem pro mě. Přináší hlavně tipy pro to, jak programovat a psát Javascript. První díl seriálu vysvětluje první krůčky v Javascriptu, jaký program použít a to vše ve videu, bohužel, kdo nerozumí moc dobře anglicky, nebude mu tento seriál prospěšný.

To by pro tento týden stačilo, komu by přesto tyto články nestačily, nechť se podívá na naše stránky na Facebooku, kde najde další zajímavé články, odkazy, webdesigny, grafiky a mnoho jiného. Nezapomeňte nám napsat komentář pod článek a přiložit nějaký ten zajímavý článek.

Také vás iritují otravné maily od Facebook.com? Dnes je tu mini návod jak se těchto mailů velmi jednoduše a bezbolestně zbavit.

Přihlásíme se na Facebook.com, nyní jsme na hlavní stránce. Pokud máte FB v češtině, klikneme na položku Nastavení. Jestliže máte FB v angličtině tak, jako já, klikneme na Settings.

Nyní jsme v nastevních, nad možnostmi editace našich údajů najdemezáložku Notifications neboli Upozornění.

Teď jsme se dostali k jádru věci, zde si vyberete jaká upozornění chcete zasílat, a které ne. Z osobní zkušenosti jsem si nrchal zasílat pouze oznámení o přátelích (přidání, vymazání) a akcích. Už nikdy více spam od Facebook.com.

Pokud se vám nechce celým procesem proklikávat, zde uvádím přímý link na editaci oznámení emailem od Facebook.com, bohužel odklikat si to už musíte sami

Nemáte zrovna u sebe svůj oblíbený program na editaci fotek a nutně potřebujete nějakou upravit? Nevadí! Máme tu hned několik online nástrojů pro jejich editaci. Popíšeme si je, zhodnotíme a poradíme jaký vybrat.

Nejdříve se seznámíme, co to vlastně online úprava fotek je. Tento pojem neznamená nic jiného než to, že fotky nebudeme upravovat přes program v OS, ale pomocí prohlížeče a povětšinou díky technologii Flash, proto musí být na vašem PC nainstalován. Ke stažení jej najdete na stránkách Adobe.

Online editor Splashup

Splashup nabízí jak online, tak offline alternativu svého programu. My se však dnes koukneme na tu online. Po spuštění Splashupu nás přivítá dialogové okno s výběrem velikosti plátna, můžeme si volit, zda chceme nastavit šířku a výšku zvlášť nebo aby se měnili obě ve stejném poměru. Poté už můžeme začít tvořit.
Druhou možností je kliknout na Storno a vybrat fotku z mnoha zdrojů, počínaje uploadem z vašeho disku, přes různé fotouložiště až po přímý odkaz z webu. Tato možnost se mi velice líbí a nabízí velkou volnost ve výběru.

Jakmile se dostaneme do editačního okna, určitě si mnozí z nás řeknou, že to je pouze okleštěný Photoshop a já s nimi klidně budu souhlasit. Ano, vypadá to jako Photoshop, ale to většina takovýchto služeb vypadá, holt nic nového už asi nejde vymyslet. Na druhou stranu je to však i plus – nemusíme si zvykat na jiné prostředí.

Splashup také nabízí filtry, sice jich je pomálu, ale na základní úpravy stačí. Zapomněl jsem na důležitou věc a to jsou vrstvy. Máme zde možnost vytvářet, mazat a přejmenovávat vrstvy. Velkou výhodu vidím v možnostech prolnutí, kterých skoro stejně jako ve Photoshopu.

Spustit Splashup

Foto editor pixlr free

Tento, v pořadí druhý, online foto editor nás uvítá velmi pěkným uvítacím oknem, kde nám nabízí 3 možnost – vytvořit nový soubor, nahrát soubor a nahrát soubor z webu. Tento program je ještě více podobný Photoshopu, mohli bychom řící, že je to kopie Photoshopu, ale nemůžeme si stěžovat, protože v tomto prostředí se neztratíme a bude se nám pracovat dobře a rychle.

Velké plus vidím v možnosti nastavit si češtinu i slovenštinu. Poté je program celý počeštěný a kominikuje s námi taktéž v českém či slovenském jazyce.

Ostatní možnosti jsou velmi podobné jako u výše popsaného programu, Splashupu, avšak mnohé z nich jsou dosti rozšířené a propracované. Historie je výborně zpracovaná a téměř identická s Photoshopem. Tento program mohu jedině doporučit.

Spustit pixlr free

Photoshop Online

Posledním v řadě online foto editorů bude produkt přímo od Adobe – Photoshop Online. Tento online nástroj má úplně jinou koncepci a vymyká se svým konkurentům. Adobe se snažilo o více než jen online foto editor, snažil se i socializovat.

Proto se nejdříve musíme registrovat, ale můžeme si dát „testrun“ a nástroj pouze vyzkoušet. Adobe nabízí až 2GB úložného prostoru pro vaše fotky a videa, což vidím jako velké plus. Dále si své fotky můžeme různě třídit do složek, kategorií apod. Fotky můžeme ukazovat našim přátelům, kteří jsou také registrováni i jiným.

Adobe zašlo dál než jsem čekal, celé je to kvalitně zpracované a přehledné, velmi příjemně mě to překvapilo, ale pokud chcete pouze upravovat narychlo fotky, je to pro vás moc složitá a komplikovaná služba.

Spustit Photoshop Online

Doufám, že jste si vybrali svůj online editor fotek a že se vám článek líbil, nezapomeňte si nás přidat do oblíbených a svých RSS čteček.

Na pultech obchodů se ještě nestačil ohřát balík Creative Solutions 4 a Adobe již zveřejnila novinky v nové verzi – CS5. Jsou dvě. Jedna menší a druhá obrovská bomba neuvěřitelného potenciálu a užití.

Nové funkce rozmazávání

Jste sigmakeři? Tak jistě funkci rozmazávání dobře znáte. V novém Adobe Photoshop CS5 však tato funkce nabízí zcela jiný pohled na tuto funkci. Nedokážu to přesně popsat, ale novinka ve funkci rozmazávání tkví v použití nových technik. Novinka již jen tupě ntenterozmazává, ale můžete si zvolit v několika nástrojích (příp. štětců), které rozmazávají. Z videa je patrné, že si budeme moci vybírat z hrubosti/hustoty a tvaru nástroje. Bude to velmi prospěšná funkce, ale daleko větší potenciál vidím v druhé novince, kterou si nyní představíme.

Novinka jménem Warp Tool.

Znáte deformaci z Adobe Photoshop CS4 a starších (v angličtině Warp)? Tak s tím pojmem má tato novinka pramálo společného v novém Adobe Photoshop CS5. Pokusím se vám vysvětlit její princip, ale zřejmě ho nepopíšu dokonale. Jeho sílu dokazuje video ze serveru YouTube.com, které najdete na konci toho článku.

Princip novinky spočívá v rozmístění tzv. „kotevních bodů“ po obrázku, které následně přemisťujete a tím obrázek tvarujete — deformujete. Díky tomuto principu můžete nechat člověka zamávat, kopnout, či chodit. Nemusíte to složitě přes deformaci jako v minulých verzí. Stačí tento jedinečný nástroj a máte ušetřeno mnoho práce. To byl pouze jeden příklad. Je tu mnoho dalších, které bychom mohli zmínit, my se však zmíníme ještě o jednom z nich a to je využití pro fotografy. Máte křivou linii na fotce? Nevadí, vezmeme Warp Tool a srovnáme to! Takto můžete opravit deformaci objektivu (hlavně na okrajích fotky) a mnoho dalšího. Tento nástroj má neuvěřitelný potenciál a myslím že většině lidí se zalíbí, stejně jako mě, už teď.

YouTube video!

Každý kdo vyvíjí nebo upravuje nějaké PHP či MySql soubory potřebuje takový server. Existují bezplatné internetové alternativy jako php5.net nebo ic.cz. My si však dnes ukážeme, jak si takovýto server vytvořit na vlastním počítači během pár minut a poté s ním pracovat i offline!

Trocha historie

Jméno Apache server je vlastně zkratkou A Patchy Server, protože mnoho webmasterů a vývojářů si naprogramovalo mnoho pluginů, které následně přidaly do vlastního serveru a tím ho vlastně záplatovali.

Příprava

Ze všeho nejdříve si objasníme, co vlastně získáme. Vlastní, na ničem nezávislý, Apache server s podporou PHP5 a MySql. K tomu přibude i PhpMyAdmin (správa MySql), rychlé upravování PHP souborů a superrychlý server obecně (odezva stejná jako vašeho disku).

První krok povede na server sourceforge.net, kde si stáhneme celý instalační soubor Apache serveru. Velikost je cca 10MB.

Instalace Apache serveru

První krok

Po stáhnutí a uložení celého souboru spustíme jeho instalaci. Přivítá nás dialogové okno a postupně vše odklikáme, pokud máte jinou instalační složku apod., změňte si. Proklikáme se až ke spuštění instalace a počkáme na dokončení procesu.

Druhý krok

Na ploše se nám objeví nová ikona Vertrigo, spustíme program a v systémové liště si najdeme ikonu. Klikneme pravým tlačítkem myši a najedeme na Tools -> PhpMyAdmin. (tento krok jde zjednodušit vložením http://127.0.0.1/phpmyadmin do webového prohlížeče). Přihlásíme se pod uživatelským jménem root a heslem vertrigo.

Třetí krok

Uvítá nás, pro někoho známé, prostředí PhpMyAdmin. Toto prostředí je správcem celé MySql databáze. Přihlásíme se pod root a vytvoříme nového uživatele. Následný postup máte názorně ukázaný na obrázcích. Vybereme jméno, heslo a nezapomene zaškrtnout „Přidělit všechna oprávnění na jméno odpovídající masce .“

Čtvrtý krok

Nyní máme funkční databázi a již nám zbývá jen někde najít uložiště pro své soubory a skripty, tento prostor najdete ve složce WWW, kde jste instalovali vertrigo (pro většinu C:\Program Files\Vetrigo\www). Sem nahrajeme veškerý obsah, který chceme mít na našem „domácím“ serveru. Tento server najdete ve svém prohlížeči pod adresou localhost či 127.0.0.1 .

Právě máte nový funkční server sami pro sebe s bleskovou odezvou. Je už jen na vás co s ním budete vyvádět. Doufám, že návod pomohl (hlavně těm méně zkušeným) a zároveň poučil. Nezapomeňte si nás přidat do své RSS čtečky a stále hledáme nové autory článků. Nebojte se nám napsat, my vám hlavu neukousneme .

Známý internetový magazín o webdesignu SmashingMagazine.com před pár dny (týdny) oznámil vydání nové knihy ve vlastní režii. Co se v ní dozvíte, jak vypadá a zda má cenu si ji koupit se právě dočtete v tomto článku.

Když vidíme knihu na první pohled, hned nás uchvátí krásný obal, který je laděn do oranžovo bílé. Obalu knihy vévodí velké S přes celou stránku, nad fontem nebudeme uvažovat, ale typoval bych něco ve stylu Myriad Pro či Helvetica.

Kniha má celkem 300 stránek obsahující barevné ilustrace a skládá se z několika kapitol, zde je jejich výčet a ke každé si za chvíli něco řekneme.

The Art And Science Of CSS Layouts
User Interface Design In Modern Applications
Web Typography: Rules, Guidelines And Common Mistakes
Usability Principles For Modern Websites
The Guide to Fantastic Color Usage In Web Design and Usability
Performance Optimization For Websites
Design To Sell: Increasing Conversion Rates
How To Turn A Site Into A Remarkable Brand
Learning From Experts: Interviews And Insights
The Smashing Story

Ten, kdo neumí anglicky, má bohužel smůlu, protože celá kniha je psána v angličtině a zřejmě nebude přeložena do českého ani slovenského jazyka.

The Art And Science Of CSS Layouts

V první kapitole se dozvíme něco o tom, jak správně sestavit layout (rozumějte rozpoložení) webu. Vše je závislé na CSS jazyku, proto tento název. Kapitola obsahuje několik návodů (guidelines) a tipy a jak je využit ve svůj prospěch.

User Interface Design In Modern Applications

Hned v další kapitole nás čeká pojednávání nad tím, zda a jak je dobré použít různá tlačítka a boxy a jak na ně reaguje běžný uživatel. Pomůže vám také vybrat správné nástroje a techniky na to, jak komunikovat s uživateli a jak zajistit správnou funkčnost těchto prvků.

Web Typography: Rules, Guidelines And Common Mistakes

V této (pro mě důležité) kapitole se dozvíte mnoho faktů, rad a pravidel o velmi důležité části webové stránky – typografii. Dostanete návod, jak mít výborně čitelný text, jaký font a jakou barvu zvolit. Tato kapitola je obzvlášť důležitá, protože špatná typografie na webu dokáže odradit zákazníka či čtenáře a může záviset i na úspěšnosti vašeho obchodu, blogu či stránky.

Usability Principles For Modern Websites

Jednodušeji řečeno – použitelnost webu. Že vám ostatní webdesignéři zhodnotí váš kousek jako výborný, nemusí hned znamenat, že je použitelný a krásný i pro normálního návštěvníka.  Tato kapitola se zaměřuje na použitelnost webu jako celku a poradí jak správně strukturovat web, tak aby byl funkční a použitelný.

The Guide to Fantastic Color Usage In Web Design and Usability

Barvy, jedna z neméně důležitých součástí webdesignu. Jak si vykládá modrou Evropan? Jak Asiat? A jak Američan? O tomto je tato kapitola, vysvětlí jaké barvy použít pro jaký typ designu a poradí se správným výběrem barev.

Performance Optimization For Websites

Jak rychle se vaše stránky načítají? Je to únosné pro vaše návštěvníky? Neodradí je zdlouhavé načítání všech možný součástí webu (rozumějte flashové prvky). Dostanete tipy, triky a rady na to, jak zrychlit PHP a MySQL databázi a jak snížit nároky na server a to vše se zachováním komplexnosti webu. Tato kapitola je hlavně technického směru, tudíž si zde najdou své hlavně programátoři.

Design To Sell: Increasing Conversion Rates

V této kapitole najdeme návody na to, jak docílit prodeje zboží ve vašem e-shopu, diskutování nad vašimi články či zaregistrování návštěvníka na vašem fóru. V obchodním žargonu se tomuto jevu říká „konverze“.

How To Turn A Site Into A Remarkable Brand

Také odkazujete na nějaké skvělé články? Tak v této kapitole se dozvíte jak takový článek vytvořit. Na internetu je mnoho podobných článků, ale jen pár z nich je oblíbených. Návod jak toho docílit najdete zde.

Learning From Experts: Interviews And Insights

Předposlední kapitola je spíš velký rozhovor s mnoha kvalitními a známými (web)designery. Dostanete odpovědi na všední otázky, které nás všechny trápí. Nedokážu odhadnout, co z této kapitoly celkově získáme, ale jako oddychová část to bohatě postačí.

The Smashing Story

V poslední kapitole dostaneme odpověď na otázku, co se děje za scénou tohoto úspěšného portálu. Jak probíhá psaní článků, výběr témat a jiné. Osobně se na tuto kapitolu těším, protože mě velmi zajímá, jak to u nich probíhá .

Koupit či nekoupit?

Ten, kdo se zajímá aspoň trošku o webdesign a uživatelské rozhraní obecně, je povinen si tuto knihu koupit. Mnoho užitečných návodů a tipů na základní otázky jsou i pro profesionála přínosné a tato knížka se bude za pár týdnů vyskytovat i v mé knihovně. Již teď jde předobjednat za sníženou cenu (-20%), což se mi zdá velmi výhodné s ohledem na to, že se musí zaplatit ještě poštovné. Do USA a Německa je poštovné zdarma, do Evropských zemí za cca 3€. V konečné míře je tedy cena knížky stanovena v předprodeji na $18.99 + 3,50€, v normálním prodeji na 23.90€ + 3,50€.

pozn.: Knížku jsem si objednal a stála asi 580Kč

Malý bonus – náhledy pár stránek z knížky

Na závěr ještě dodám seznam všech autorů, kteří se na této knize podíleli.

Jacob Gube
Dmitry Fadeev
Chris Spooner
Darius A Monsef IV
Alessandro Cattaneo (spolu s Jon Tan)
Steven Snell
David Leggett
Andrew Maier
Kayla Knight
Yves Peters
René Schmidt
the Smashing Magazine editorial team – Vitaly Friedman a Sven Lennartz.

Všechno jednou začíná a také my jsme dnes začali. Vůbec se divíme, že jste sem zavítali, protože zatím moc návštěvníků není (většinou google bot či nějaký robot – spammer). Ale každopádně jsem rád, že jste tu. Zatím tu sice vidíte hodně málo obsahu, ale určitě jej rozšíříme. Pamatujte, že každý portál někdy začínal

Co všechno nás tu společně čeká?

Jak jsme již naznačili, rozhodli jsme se udělat nový portál o grafice, webdesignu a internetovém marketingu. Čekají vás zde návody typu „jak si navrhnout svůj vlastní design na blog“ nebo jinou svojí stránku. Jak ji nakódovat do HTML a CSS a poté ji zveřejnit na internetu. Dáme vám návod na to, jak získat nové návštěvníky a mít vysokou návštěvnost na své stránce. Dáme tipy na správné a účinné SEO. Poradíme vám,  kam umístit reklamu na stránkách. Jak si vytvořit vlastní AdSense účet a poradíme jakou reklamu zvolit. Sleduj také naše diskuzní fórum, kde se bude vyskytovat mnoho drahocenných rad od ostatních návštěvníků. Budeme vám přinášet novou inspiraci, rady, nápady, zdroje a návody pro vás a  to vše v pořádné míře.

Proč jsme tu? Takových portálů jako my je tu desítky…

Jednoduchá odpověď, na všech takových portálech v Česku a Slovensku nám chybělo dost zásadní téma – internetový marketing. Nikde jsme nenašli návody typu „jak na správné SEO“ či „jakou reklamu zvolit“, což pro nás bude hlavní tématikou.  Samozřejmě budeme psát i tutoriály na webdesign či signatury, to patří snad ke každému portálu o grafice, ale každopádně se máte na co těšit.

Kdo stojí za tímto začínajícím projektem?

Myšlenka portálu o grafice, webdesignu a internetovém marketingu napadla dva mladíky, co neměli co děla. Byl to BigThigh (já) a jeho věrný pes kamarád dadmtb. S menší pomocí se k nám přidružil i NEOsite.cz, který nám poskytuje hosting a dává věcné rady. Všichni se budeme snažit psát kvalitní články, co vás poučí, budou bavit a budete  se k nim vracet pro další cenné rady a inspiraci.

Popřejte nám do budoucna hodně štěstí (budeme ho potřebovat) a zase se sem vraťte, pokud nám chcete pomoci, hledáme redaktory, kteří se v některém z našich témat cítí jako ryba ve vodě a rádi by o tom psali články. Máte se na co těšit a brzy už na vás bude čekat opravdový článek