Petr Staníček, webdesigner

Obsah:

Úvod

Dobrý den,

jmenuji se Petr Staníček a jsem profesionální designér webů, informační architekt a programátor online aplikací.

Umím navrhnout a vytvořit kompletní moderní a konkurenceschopný web, ale třeba i naprogramovat účelovou knihovnu pro již existující projekt. Poskytuji kompletní webdesignerské služby, mou specializací je dále Javascript a internetové aplikace (RIA).

Na těchto stránkách dále najdete:

Webdesign

Obsah kapitoly:

Moderní webdesign

Co na webu platilo před rokem, může už být prehistorie. Kvalita je samozřejmostí: být na špici obnáší mnohem víc.

Detailní znalost moderních technologií je pro profesionála nutností. Kdo dnes chce dělat weby jako před pěti lety, těžko vytvoří produkt, který převálcuje konkurenci. Sotva se udrží aspoň v závěsu za lídry trhu.

Při tvorbě webu používám nejmodernější dostupné technologie – ale ne samoúčelně. Použité prostředky vždy podřizuji cíli, účelu a maximální efektivitě, pokaždé se snažím vyvážit výsledek tak, aby byl co nejlépe použitelný pro maximum uživatelů. V každém případě ale zpracování těchto technologií poskytuji na nejvyšší profesionální úrovni a zaručuji prvotřídní kvalitu jejich implementace.

Technologie Web 2.0

Moudří na internetu spolupracují a všichni z toho mají užitek. Proč znovu dělat tisíckrát vytvořené?

Zabývám se také tvorbou komplexních webových projektů i miniaplikací, mám zkušenosti s návrhem i implementací serverových API, tvorbou mashupů i vlastních widgetů. Při tvorbě webu aktivně používám Javascript, AJAX a moderní frameworky (např. jQuery). Kde je to vhodné a užitečné, snažím se používat hotová a již jednou vymyšlená a dobře odzkoušená řešení, kde je to potřeba, snažím se je vhodně přiohnout a přizpůsobit potřebám výsledného webu.

Výsledkem je kvalita, funkčnost, ale i rychlost zpracování. Například k nakódování, nastylování a naprogramování tohoto webu mi stačilo jedno odpoledne.

Uživatelské rozhraní, použitelnost a přístupnost

Web musí především splnit svůj účel: poskytnout hledanou informaci, prodat výrobek, vydělat.

Mnoho let navrhuji přehledná a užitečná uživatelská rozhraní a zabývám se analýzami dobré použitelnosti počítačových aplikací. Dlouhodobě se zabývám i přístupností informací pro handicapované uživatele.

Držím se – v praxi i v mnoha testech ověřené – zásady, že hezký vzhled webu je sice pěkná věc, ale pokud si začnou pohledná grafika a použitelnost protiřečit, musí jít prvotní efekt stranou ve prospěch účelovosti a funkčnosti.

Informační architektura, navigační logika

Často hraje hlavní roli to, co není vidět na první pohled.

Vzhled webu a uživatelského rozhraní je důležitý. Ale přinejmenším stejný, ne-li větší důraz kladu na precizní návrh struktury stránek i celého webu, logiky ovládání a na srozumitelné vedení uživatele k cíli.

Začít kreslit design stránky, aniž by bylo jasné, co je účelem a smyslem webu, kdo je cílovou skupinou, co se má uživateli sdělit a kam je třeba ho dovést – to je holý nesmysl a nesmírné plýtvání prostředky.

Grafika, loga, barvy

Navrhnout pěkné logo, vymyslet přehledné ikony a dobře používat písma a barvy je i ve webdesignu důležité.

Grafikou, typografií a designem se profesionálně zabývám už od počátku 90. let. Více než deset let jsem strávil v médiích, nakladatelstvích a reklamě a prošel jsem si všechny důležité posty od operátora DTP po artdirektora celostátních novin. Několik let jsem provozoval i vlastní grafické studio, navrhoval loga i celé corporate identity, obaly i reklamy.

Vzhled webů, které vytvářím, často navrhuji sám, ale podle potřeby spolupracuji i s profesionálními grafiky. Velký důraz kladu i na dobrý návrh barevného schématu, aby web dobře fungoval a navigace po něm byla srozumitelná.

Přehled technologií

Pro ty z vás, kteří náhodou rozumíte všem těm našim záhadným odbornickým zkratkám, uvádím přehled technologií, s nimiž pracuji.

HTML
Standardně pracuji s HTML 4.01 Strict, ale v případě potřeby použiji jakoukoli jinou požadovanou variantu jazyka (X)HTML.
CSS
Weby vyvíjím s maximálním sémantickým vyznačením a snažím se, aby byly plně použitelné i beze stylů. Design pak aplikuji výhradně pomocí CSS v rozsahu implementací aktuálně používaných verzí prohlížečů.
JS
Používám javascriptová rozšíření stránky v maximální míře, přičemž se snažím skripty vytvářet jako neobtruzivní, tj. takové, aby web byl dostatečně funkční i bez zapnutého Javascriptu.
AJAX
Jsem zvyklý při tvrobě webu aktivně používat nástroje i celé aplikace postavené na technologii AJAX, používat serverová API a vytvářet ve stránkách dynamické prvky.
jQ
Používám aktivně javascriptové frameworky, především jQuery, a jejich dostupná rozšíření, vyvíjím i vlastní pluginy.
SWF
Jednoduché flashe vyrábím sám, ty složitější zadávám k realizaci skutečným expertům na flashové animace a aplikace, se kterými spolupracuji.
UTF
Jako výchozí kódování stránek používám UTF-8, zastaralá národní kódování už v dnešní době nemá smysl používat.

Orientační ceník

Každý web má své vlastní potřeby a vyžaduje individuální přístup. Nikdo nemůže očekávat, že osobní deníček, produktovou stránku nebo web nadnárodní korporace lze vytvořit za tutéž cenu.

Univerzální ceník prací je v oboru designu nepoužitelný a každá zakázka má stanovenu odpovídající cenu po vzájemné dohodě s klientem. Nicméně orientační ceník může pomoci při rozhodování a výběru.

Standardní web

Vytvoření běžného webu v základním rozsahu: úvodní strana + 2 další šablony

Design — struktura, navigace, grafický návrh 12.000 Kč
Kódování — kód HTML/CSS, dodaný design 12.000 Kč
Design + kódování 19.000 Kč
Šablony dalších stran — podle složitosti 1.000 ~ 3.000 Kč

Grafické práce

Návrh loga — grafický design loga firmy, organizace nebo akce; studie, finální podoba, barevné varianty, možnosti užití od 10.000 Kč
Corporate identity (jen základní) — návrh loga, barev, konstanty firemní komunikace; vizitky, dopisní papíry a obálky, základní grafický manuál (vč. CD/DVD) od 25.000 Kč
Corporate identity — kompletní návrh firemní prezentace, velký grafický manuál od 50.000 Kč

Další práce

Programování — javascriptové aplikace a knihovny, pluginy pro jQuery, implementace API a ostatní specializované práce dohodou
Analýzy — rozbor účinnosti a použitelnosti webu, analýza přístupnosti, efektivity kódu (HTML, CSS, JS) atd.
Hodinová sazba — pouze orientační, podle typu projektu (dávám přednost fixní ceně za úkol před hodinovou sazbou) 500 ~ 1.000 Kč

Pozn.: Ceny jsou uvedeny bez DPH.

Reference

Obsah kapitoly:

Webdesign

Tvorbou webů se zabývám už více než 12 let. Od přelomu tisíciletí je pak webdesign mým hlavním oborem. Většinu mých prací tvoří rozsáhlé, dlouhodobé projekty i specializované zakázky, které nejsou uživatelům často přímo viditelné. Jednotlivé menší weby do portfolia většinou nezařazuji.

2009

2004–2008

Většinu projektů v uplynulých letech jsem tvořil pro obchodní partnery v USA.

2000–2004

Od konce roku 2000 jsem pro vydavatelství Ringier kompletně vytvořil a spravoval vůbec první funkční weby jejich titulů. Prvním a hlavním byl Blesk.cz, který jsme během několika let dovedli mezi nejvýznamnější a nejnavštěvovanější tituly na českém trhu. Následovaly průběžně i weby dalších novin a časopisů, firemní web a řada účelových projektů.

Další vybrané projekty

Grafika

Moje designy, grafický styl a rukopis lze posoudit na existujících realizacích webů. Pro úplnost doplňuji i několik vybraných grafických prací.

Z poslední doby:

Ostatní:

Publikační činnost

Podrobný seznam mých odborných článků, příspěvků a vydaných knih je v sekci Odkazy.

Software

Programuji převážně v Javascriptu, psal jsem i serverové aplikace v PHP. Příležitostně se zabývám i dalšími typy projektů.

  • Moje online aplikace v sekci Odkazy
  • JS/jQ: Pluginy pro jQuery

    JS knihovny a pluginy pro framework jQuery publikuji průběžně na svém webu Wellstyled.com

  • XUL+JS: Inbox toolbar

    doplněk pro Firefox, kompletní realizace

  • PHP: Blogovací systém Bloxxy

    Tento bezdatabázový publikační systém jsem napsal pro vlastní potřebu, běží na něm dodnes některé mé starší projekty (např. Pixylophone). Později jej převzali jiní vývojáři a pokračují v jeho dalším vývoji již zcela bez mé účasti.

Profesní profil

Pro usnadnění a širší přístupnost je můj profesní profil trvale dostupný na komunitním serveru LinkedIn.

Obsah kapitoly:

Za těch mnoho let na webu jsem si vytvořil postupně mnoho stránek, založil a později renovoval nebo odsunul stranou několik blogů a dodnes publikuji na několika místech současně. Čert aby se v tom vyznal.

Blogy

  • Pixynergia – Aktuální soukromý blog, existuje od března 2007. Po delší odmlce nahradil můj předchozí blog Pixylophone, který jsem zavřel, ale pořád jsem měl chuť občas něco napsat, i když už jinak a méně často.
  • Pixylophone – můj někdejší zápisník, který mě provázel od října 2002 do srpna 2005. Příspěvky věnované převážně webdesignu a kaskádovým stylům, ale i čistě soukromé příspěvky. Uzavřen a zakonzervován.
  • Schrödingerova 13 – externí zápisník převážně pro lety mimo. Kopíruji sem tématicky příbuzné věci publikované jinde a snažím tak na jednom místě soustředit zábavnější a extravagantnější texty, které nikam nepasují, ale přijde mi škoda je založit do propadla dějin.
  • Pixy.blog.Respekt.cz – na blogu týdeníku Respekt jsem během r. 2006–2007 publikoval společensko-politické příspěvky. Ale ačkoli patřily na Respektu mezi ty lépe hodnocené, tamní společnost autorů a čtenářů nebyla nic pro mě a raději jsem zavčas z Respektu odešel.

Webdesign

  • Wellstyled.com – Dílna webdesignu & CSS, JS, řešení a nástroje. Dnes zde publikuji převážně vlastní řešení pro odbornou veřejnost, primárně v angličtině.
  • Manifest Dogma W4 (W4D) – projekt na podporu tvorby přístupnějších webů

Rozsáhlejší javascriptové aplikace i různé drobnosti v JS a PHP vytvořené převážně pro mou vlastní potřebu.

Následující aplikace vznikly jednorázově v průběhu minulých let a i když mohou být stále použitelné, nejsou nadále udržované a za jejich funkčnost a korektnost neručím.

  • Javascriptové hry – napsané před mnoha lety pro Reflex.cz. Staré, leč stále funkční. Zkuste si zahrát piškvorky!
  • Favelety (bookmarlety) – poněkud zastaralý a již několik let neudržovaný seznam "bookmarkletů", tj. javascriptových miniaplikací uložených v HTML odkazech. Mnohé z nich jsou však stále funkční.
  • Webedit – pouhý proof-of-concept online CSS editoru
  • Finanční tabulky – výpočet vkladů, úroků, úspor, úvěrů atd.
  • Stupnice a akordy – zobrazení všech možných stupnic a akordů na kytaře i pianu. Vyhledání akordů podle zadaných tónů.
  • Dummy CZ – generátor pseudo-českých výplňových textů a z něj od odvozený generátor vogonské poezie.
  • Apel – generátor neutrálních výroků do manažerských projevů.
  • Timestamp – triviální přepočet unixového timestampu do data/času a zpět.

Vybírám ze starších příspěvků na svém blogu ty, o kterých si myslím, že stojí za pozornost i po delším čase. Dávejte ale prosím vždy pozor na datum publikování, některé věci již dnes přece jen nemusejí platit!

Hacky a finty CSS

CSS – řešení

CSS – obecné příspěvky

Internet a web obecně

Javascript, DHTML a programování

Grafika, typografie a jazyk na webu

Výběr z článků, které jsem publikoval jinde.

Zdroják

Lupa.cz

Webtip.cz

Pozn.: Podotýkám, že tyto články jsou už dost staré a leccos, o čem pojednávají, už je často jinak – to hlavní by ale stále mohlo platit. Navíc musím upozornit, že Webtip.cz jeho provozovatel zanedbává; najdete tam především mnoho nefunkčních odkazů – v tom případě se prosím neobracejte na mě, ale na provozovatele. Já s tím nic neudělám.

Další

Kromě množství článků a příspěvků publikovaných na webu jsem napsal i nějaké knihy. Těší mě především ta první z nich, která se stala bestsellerem a – ač vyšla už před více než 6 lety – stále se prodává. A co je hlavní: i já mám svou ohmatanou kopii neustále po ruce na poličce a používám ji jako základní referenci CSS.

CSS Kaskádové styly – kompletní průvodce

Vydal CPress 2003, ISBN: 80-7226-872-4

Průvodce používáním kaskádových stylů pro začátečníky i profesionály, kompletní reference CSS 2.1 s ukázkami, příklady a řešeními z praxe.

Podrobné informace a objednání
Příklady a reference online
Příklady ke stažení [ZIP, 150 KB]
Errata

CSS – Hotová řešení

Vydal CPress 2006, ISBN: 80-251-1031-1

Spoluautoři:

Kniha obsahuje více než 170 hotových a okomentovaných řešení se základní nutnou teorií fungování jazyka CSS. Přiložené CD obsahuje dokumenty s řešeními popisovanými v knize, editory, prohlížeče a nástroje.

Podrobné informace a objednání

123 kroků ke špatnému webu: Jak prodělávat na Internetu

Online kniha, nedokončená

Kniha si dala za cíl popisovat často používané, spolehlivé a v praxi ověřené kroky k výrobě špatných webů, které jejich majitelům budou zaručeně prodělávat hromady peněz.

Titulní strana a předmluva
Obsah

Kromě blogů a profesních informací tvoří část tohoto webu i ryze soukromé stránky. Najdete zde něco ku zábavě i archiv mé tvorby.

Následující stránky jsou již extrémně zastaralé, obsahují neaktuální informace a nikdo je neudržuje. Přesto stále existují: nerad mažu jednou vytvořené věci.

  • První blogy. Všechny příspěvky byly později přeneseny do novějšího blogu Pixylophone. Pokud máte nefukční adresu nějakého starého příspěvku, zkuste v URL zaměnit /blogg za /old/blogg. Může být, že ji najdete právě tam.
  • Kroužkový zápisník – bývalá homepage a někdejší soukromé stránky
  • Magický zámek – ještě bývalejší, ale velmi zvláštní homepage, manager unfriendly
  • Kuriozita: Jean-Michel Jarre – jeden z mých vůbec prvních webů, z roku 1997. Sice mocně oplácán reklamou provozovatele serveru, ale překvapivě stále funkční. Nelekněte se.

O mně

Obsah kapitoly:

Petr Staníček (Pixy)

foto

Profesionální designer a vývojář, amatérský hudebník a veršotepec, zběhlý typograf, šťastný otec dvou krásných dcer, metodik máklý matfyzem a laický lingvista, bezmála profesionální kuchař a dvoumetrový sklerotik. K vašim službám.

Profesní životopis

Pro usnadnění a širší přístupnost jsem svůj profesní životopis a profil umístil na komunitní server LinkedIn. Snáze se tam spravuje a udržuje neustále aktuální.

Proč „Pixy”?

Nějak se to vyvrbilo a už roky mám přišitou přezdívku Pixy. Sám už ani nevím proč a jak přesně vznikla.

Každopádně je to hodně stará přezdívka, ještě z dob BBS první poloviny 90. let. Má, myslím, něco společného s pixely (tehdy jsem se živil takřka výhradně grafikou a DTP) – a ne s nějakými komiksovými hrdiny (tehdy asi ještě neexistoval a pochybuju, že se jmenuje po mně), ani s nějakými vílami (tehdy jsem anglicky neuměl prakticky ani slovo).

Ale každopádně je to Pixy, nikoli Pixi. A taky je to maskulinum (Pixyho, Pixymu, o/s Pixym). Děkuji uctivě.

Kontakty

Chcete-li mě kontaktovat, použijte kterýkoli z níže uvedených kanálů. Pokud nevíte, který si vybrat, zvolte prosím e-mail – tomu dávám přednost i já. Děkuji za pochopení.

Jméno:
Petr Staníček ("Pixy")
Adresa:
Mým bydlištěm a pracovištěm je Kladno, ale profesně nemám žádná územní omezení. Pracuji pro klienty z celého světa.
E-mail:
 =  petr@stanicek.com  =  pixycz@gmail.com
Mobil:
+420 775-749 999 (775-PIXYYY)
Jabber, GTalk:
pixycz@gmail.com
AIM, ICQ:
pixycz, 571675997
Skype:
petr_stanicek (neveřejný)
Facebook:
www.facebook.com/petr.stanicek
Twitter:
www.twitter.com/pixycz
LinkedIn:
www.linkedin.com/in/petrstanicek