Formátování CSS pomocí ProCSSor

Pro rychlé webové stránky a aplikace je vhodné nahrávat CSS styly na produkční server v minimizované podobě. I když se soubory cachují (více informací naleznete v článku Jak můžeme zrychlit své webové aplikace?).

V takovém případě budeme udržovat produkční a vývojovou verzi souborů. Celkem snadno se může stát, že vývojovou verzi ztratíme. Nebo můžeme spolupracovat s dalšími lidmi, kteří mají vlastní způsoby zápisu. Jak se pak vyznáme v různé podobě stylů, minimizované verzi, atp.?

Můžeme je předělat ručně – odtabelovat, upravit whitespaces, atp. Což bude práce na několik hodin nebo i dní. Existuje však webová aplikace ProCSSor, která vše udělá za nás během pár vteřin. Přečíst celé

Kniha o PHP? 1001 tipů a triků pro PHP

Poměrně dlouho jsem se věnoval programování v jazyce PHP. Začal jsem programovat v PHP3 a programování jsem se přestal věnovat před verzí PHP5.4. Nikdy jsem příliš nečetl literaturu o programování, spíš jsem studoval oficiální dokumentace nebo procházel online magazíny a hledal řešení konkrétních problémů.

Vždy jsem se rád učil od zkušených programátorů, kteří se programování věnovali déle nebo dělali řešení pro složitější aplikace. Proto mě zaujala připravovaná kniha od Jakuby Vrány 1001 Tipů a triků pro PHP.

Obálka knihy 1001 tipů a triků pro PHP od Jakuba Vrány.
Obálka knihy 1001 tipů a triků pro PHP od Jakuba Vrány.

Kniha se mi velice líbila, našel jsem v ní mnoho užitečných informací a zajímavých postupů. Při programování jsem jí aktivně používal a hledal v ní inspiraci pro řešení dílčích problémů. Přečíst celé

Nová podoba mých stránek

Před chvilkou jsem provedl spuštění nové (slibované) podoby své webové stránky. Už jsme jí měl rozplánovanou a rozpracovanou poměrně dlouho a konečně jsem jí dokončil. Sám doufám, že změna je k lepšímu a že se má stránka bude Vám, návštěvníkům, víc líbit. Záleželo mi dost na přehlednosti a lehkosti designu, takže například při rollování v blogu se naráží na dost bílého místa. Podle prvotních ohlasů to vidím jako přínos.

Největší změnou není pouze nový vzhled, přidané efekty a funkce, ale také kompletní změna hnacího motoru. Na první verzi jsem si chtěl vyzkoušet načerpané znalosti o PHP frameworku Nette a kde jinde to v té době nějak bezbolestně provést. Při tvorbě nové verze jsem byl poučen z chyb a snažil jsem se vše dělat i trošku jiným systémem a hlavně s využitím Nette 2.0, HTML5 a více CSS3. Stránky byly též optimalizovány pro poměrně velké spektrum prohlížečů (snažil jsem se vyhnout heslu „i kovářova kobyla chodí bosá“), ale např. na Internet Explorer 6 jsem nebral takřka žádné ohledy. Přečíst celé

Zajímavá tě něco? Zkus se na to zeptat

Často jsem přemýšlel nad tím, co když jednou nebudu něco vědět, nebudu se mít na to koho zeptat a ještě hůř, nebudu to moci najít dostatečně rychle na Internetu. Co pak? Tato otázka se mi zodpověděla vlastně sama, když jsem se dozvěděl o projektech, které něco podobného řeší. Ano, jak možná tušíte, řeč je o projektech Quora nebo Convore. Přečíst celé

Boj mezi prohlížeči brzy vyvrcholí – kdo bude vítěz?

V poslední době je možné sledovat další vývoj 4 největších prohlížečů na trhu – Google Chrome 9, Mozilla Firefox 4, Opera 11 a Internet Explorer 9. Každý prohlížeč se snaží být nejlepší a získat co nejvíce uživatelů. Někdo na to jde od lesa, někdo se snaží propagovat zajímavé testy (viz. dále), někdo přichází s revolučním řešením. Je to opravdu boj, protože pozice jednotlivých prohlížečů se na trhu s prohlížeči mění. Někdo posiluje, někdo oslabuje a někdo stagnuje. Samozřejmě všichni chtějí mít co největší kousek z toho koláče. Jenže ne každý má ty správné „páky“, aby se mu to povedlo.

Je sice ještě poněkud brzy hodnotit situaci, když např. Internet Explorer 9 má vyjít až v polovině příštího roku. Já bych však rád zhodnotil inovativní počiny nových prohlížečů, vylepšení a nedostatky.  Já osobně jsem z některých připravovaných verzí trochu zklamán nebo jsem do budoucna s dalším vývojem poněkud skeptický. Vše ukáže čas. Přečíst celé

Tvorba webových aplikací není jako práce s buzolou

Už nějaký ten pátek se zabývám tvorbou webových aplikací. Už na základní škole jsem se poprvé setkal s HTML a díky nejmenovanému časopisu jsem objevil první editory, které byly pro začátečníka dostačující. V té době jsem se ale na Internet dostával pouze ve škole a webové stránky si tvořil pro zábavu nebo pro výstup mnou naprogramovaných desktopových „agentů“ běžících napozadí. Až na střední škole jsem se začal pomalu rozvíjet a zpracovávat určité webové projekty a dále se rozvíjet a vzdělávat.

Ona to není ani tak potřeba jako nutnost se stále rozvíjet. Neustále se objevují nové věci, zajímavé věci, které je dobré se naučit kvůli jejich funkci do budoucna. Jak se ale někteří staví k webovému programování a co pak následně nabízejí? To mi někdy zůstává rozum stát. Avšak on je problém zcela zřejmý. Přečíst celé

Podle čeho si vybírám prohlížeč?

Neustále sleduji vývoj dnešní prohlížečů a webových technologií. Nedávnou jsem si pokládal otázku, proč si uživatelé volí právě ten prohlížeč. Někdo jim ho doporučí? Vyznají se v podporovaných technologiích? Vyhovují jim nástroje nainstalované společně s prohlížečem? To jsou pro mě docela podstatné otázky, protože pochybuji, že normální uživatelé vůbec tuší, co se skrývá pod pojmem webové stránky – že to běží na nějakém HTML5 s CSS3 a JavaScriptem (ano, JavaScript přítomnost JavaScriptu si plno uživatelů uvědomuje). Proč mě zajímá, k jakému prohlížeči a jak se uživatelé dostanou?

Odpověď je vcelku jednoduchá. Zajímá mě to proto, abych věděl, s čím mohou uživatelé na případnou webovou aplikaci přijít a čím případně argumentovat, aby starší prohlížeč opustili a pořídili si novější. Nemůžu jim totiž říkat, že jim nabídnu specifický zážitek v podobě 3D grafiky, protože ten a ten prohlížeč podporuje GPU akceleraci.

Prohlížeče, které mám nainstalované. Velikost udává jejich pravidelné používání a význam.
Prohlížeče, které mám nainstalované. Velikost udává jejich pravidelné používání a význam.

Já osobně jsem si nejvíce oblíbil prohlížeč Google Chrome, před kterým jsem několik let zdárně používal prohlížeč Firefox. Proč tomu tak je vyplyne dále z článku, kde rozebírám jednotlivé otázky, které mohou vyvstal při volbě prohlížeče. Přečíst celé

Jak můžeme zrychlit své webové aplikace? 4. díl

Tento díl je pokračováním seriálu a technikách umožňující zrychlení načítání webových stránek a aplikací. V předchozím článku Jak můžeme zrychlit své webové aplikace? 3. díl jsem se zabýval správným používáním obrázků a jejich optimalizací.

V prvním díle Jak můžeme zrychlit své webové aplikace? jsem se zabýval potřebou minimizace obsahu. V tomto článku se na to pokusím navázat formou minimizace HTML a postupy správného odkazování na externí soubory. Přečíst celé

Vysoké školy lžou aneb můj pohled na věc

Při pročítání novinek v RSS čtečce mě zaujal článek Vysoké školy lžou na Filův blog o webdesignu. Je to zajímavé zamyšlení nad problémem vysokých škol a učením tvorby webů – webdesign, SEO, UX, atd. I když jsem pod článek napsal vlastní komentář, nedalo mi, abych napsal vlastní pohled na věc jako student vysoké školy a oboru informatika.

Jsem ve třetím ročníku na České zemědělské univerzitě, kde studuji obor informatika a připravuji se na státní závěrečné zkoušky, píši bakalářku a věnuji se tvorbě webů už nějaký ten pátek. Přečíst celé

Nástroje pro snadnou tvorbu CSS3

CSS3 se pomalu stávají součástí každého moderního webu. A to i přes to, že není možné očekávat podporu pro všechny možnosti od všech prohlížečů. Proč je tedy používat? Můžete tak nabídnout uživatelům, jejichž prohlížeč CSS3 podporuje, specifický zážitek při prohlížení vašeho webu a ostatním nabídnou klasický obsah (neméně zajímavý, avšak bez hezkých efektů). Jak ale CSS3 efekty používat, když není příliš mnoho editorů, které by je v sobě měly implementovány?

Odpověď se sama nabízí. Buď se je naučit používat a psát tak složitější kód, což může být značně pracné, nebo je zde možnost využít nástrojů, které jsou zdarma dostupné na Internetu.

Protože díky CSS3 vlastnostem je možné docílit hezkých efektů, které by bylo nutné vytvářet např. pomocí obrázku, flashe nebo pomocí JavaScriptu, odpadne zde nutnost použít dodatečně soubory a zrychlit tak i načítání své webové stránky. Přečíst celé