Tvorba WWW

HTML, CSS, JavaScript

HTML, CSS, JavaScript

Rady a návody týkající se kódování, stylování a JavaScriptu.

mod_rewrite

mod_rewrite

Přepis url: přesměrování, podstrčení. Možnosti rewritingu popsané do posledního detailu.

JavaScript: práce s GETem jako v PHP

JavaScript: práce s GETem jako v PHP

Tak, jako v PHP pracujeme s parametry oddělenými otazníkem a následně ampersandem (&), můžeme v JavaScriptu pracovat s kotvami. Nejčastější využití takzvané kotvy spočívá v odkazu na nadpis či odstavec dále v textu nebo přímý odkaz na aktivní záložku. Pomocí hodnoty kotvy ale můžeme v kódu podmiňovat naprosto cokoli. Tak, jako query string ?arg=value&page=3 splní svůj účel, může pracovat i kotva ve tvaru #arg=value&page=neco. PHP takový řetězec v URL už rozpoznat nedokáže, kdežto JavaScript si z něj umí vzít potřebné hodnoty.

Celý článek

10 způsobů, jak udělat z Internet Exploreru moderní prohlížeč

10 způsobů, jak udělat z Internet  Exploreru moderní prohlížeč

Kolega mi nedávno doporučil zajímavý článek s tipy, jak přimět Internet Explorer 6, aby se choval jako "pořádný" prohlížeč. Považuji za slušné vychování se s vámi o tyto vyzkoušené triky podělit. Originální text je v angličtině, a tak ho po přeložení také publikuji. Ukážeme si například, jak na stínování písma, průhlednost, kulaté rohy přes CSS nebo zprovoznění HTML 5.

Celý článek

CSS hacky pro nejpoužívanější prohlížeče

CSS hacky pro nejpoužívanější prohlížeče

Odlišené vykreslení různými prohlížeči je věc, která dříve či později potrápí každého kodéra. Ať už se jedná přímo o bugy, nebo pouze o drobný rozdíl při vykreslování konkrétních prvků, je potřeba dosáhnout shody ve všech majoritních prohlížečích. Chyby Internet Exploreru a způsoby, jak je obejít jsou dávno obecně známé, ovšem o umravnění zlobivého Firefoxu nebo Google Chrome se tolik nemluví. I když je v kodérově nejlepším zájmu, psát styly tak, aby hacků použil co nejméně, nastávají situace, kdy se jim vyhnout nemůžeme. Oprava stylů po někom jiném je práce, kterou nikdo nemá rád a nechce dělat, ale také vhodná chvíle, kdy nasadit CSS hacky.

Celý článek

SEO nespočívá ve validním kódu. Prostě ne.

SEO nespočívá ve validním kódu. Prostě ne.

V následujícím článku se nedočtete, co udělat, jestliže vám najednou spadly pozice, ani rady, jak se umístit na první stránky vyhledávání. Jeho poselství je úplně jinde. Rád bych vyvedl z omylu všechny ty, kteří vehementně tvrdí, že pro dobré umístění webu je nutný validní (x)HTML kód. Tak tomu ani v nejmenším není. A o čem že to je? Na problematiku optimalizace pro vyhledávače je nutné nahlížet z více úhlů. Proto bych rád v bodech shrnul, na co soustředit namísto mnohdy nesmyslné validace. Validní kód rozhodně neodsuzuji, jen bych rád toto téma naprosto oddělil od Search Engine Optimization.

Celý článek

Test: Jak dobře umíte CSS?

Test: Jak dobře umíte CSS?

CSS není jen o znalosti atributů a jejich vykreslení v tom či jiném prohlížeči - CSS skrývá i spoustu dalších úskalí. Denně přicházím do kontaktu s weby, jejichž stylové předpisy mají 30 kilobytů či více, a věřte nevěřte, jsou i případy, kdy se přidání nebo smazání některé globální definice rovná píchnutí do vosího hnízda. Někdy totiž nestačí pouze vyladění pro nejpoužívanější prohlížeče - člověk musí znát i způsoby zápisu té samé definice a prioritu, kterou bude mít oproti definicím ostatním. Říká se, že poslední definice platí...

Celý článek

Opera 9.50 - udiv či zklamání?

Opera 9.50 - udiv či zklamání?

Za těch pár dnů, co používám nejnovější release Opery zažívám spíš zklamání, než uznání nad novými funkcemi. Tu narazím na drobnost, tady na nedostatek, jinde na úplnou absenci funkce, která se mi předchozích verzích líbila.

Z čeho mám také špatný pocit je, že s každou další verzí jak Opery tak Firefoxu se zobrazení stránek liší čím dál víc. Nejedná se o fatální rozdíly, jsou to jen drobnosti. Ale právě drobnosti, které se nejhůř ladí. Spousta brouků, nová Opera mi surfování napříč internetem spíš ztěžuje, nežli ulehčuje.

Celý článek

Mýty a pověry okolo Box Modelu

Mýty a pověry okolo Box Modelu

Při hledání odpovědi co přesně se Internet Exploreru honí hlavou když se přepíná do Quirk módu a proč tomu tak činí jsem narazil na spoustu článků, popisující chování IE při pár konkrétních DTD, ale všude vždy 2, maximálně 3 příklady. Stejně tak, jako se všichni zabývají neustále jen Box Modelem a některé další důležité neshody opomíjí.

Vytvořil jsem si proto 5 různých html dokumentů s pěti různými Doctype a zkoumal jejich chování v IE5, IE6 a IE7. Krom vykreslení rámečku jsem testoval i dvě další vlastnosti, s jejichž odlišnou interpretací jsem se v minulosti setkal. Ve dvou dílech svých CSS tutoriálů jsem vždy popisoval řešení, jak potencionální problémy obejít, jak se jim vyhnout. Pokud ale předpovíme přesné chování Exploreru, můžeme toho i využít a viditelně si ulehčit práci.

Celý článek

CSS, pokročilé stylování: pseudo-třídy a selektory

CSS, pokročilé stylování: pseudo-třídy a selektory

Návštěva odborného weblogu reinholdweber.com a otestování Diagnostického CSS skriptu mě inspirovalo k napsání dalšího článku na tematiku kaskádových stylů, tentokrát trochu podrobněji o pseudo~třídách a selektorech. Text se týká částečně i CSS3, hlavně ale porovnání interpretace nejrozšířenějšími prohlížeči. Který z nich na tom skončil nejhůř snad ani uvádět nemusím… Nejdříve tedy k takzvaným pseudo~třídám.

Třídy jako :hover či :first-letter byste měli snad všichni znát, existuje však i spousta dalších. Uvádět zde všechny nemá smysl, pohovořím jen o těch, jejichž použití se nám mnohdy samo nabízí.

Celý článek

Webzdarma navyšuje prostor

Webzdarma navyšuje prostor

Že jste to nevěděli? Já také ne. Tak teď už víte. I já. Ač se jedná o zhruba 18 dní starou zprávu, pro mě je to novinka dnešního dne, samozřejmě velice příjemná. Jak tak hledím na ten FTP log, nemohu věřit svým očím. Po chvíli neúspěšného hledání na fóru a následného přečtení drobné zprávičky v novinkách už jsem v obraze.

Ano, Webzdarma navýšil prostor z původních 50 na 200 MB. 200 za zobrazení banneru, 300MB za reklamní lištu a 500MB za obojí. To je, co? Další důvod, proč asi zůstanu "Wézetku" věrný =o)

Celý článek

Wordpress - vylepšete si svůj redakční systém

Wordpress - vylepšete si svůj redakční systém

I když už Wordpress nepoužívám, rozhodl jsem se, že zveřejním krátký článek a pár rad, jak si práci ve zmíněném redakčním systému usnadnit. Během deseti měsíců, kdy můj weblog poháněl Wordpress jsem zvládl přečíst spoustu řádků zdrojového kódu a našel odpovědi na některé otázky, které mě trápily. Jako první jsem řešil rychlost systému: jelikož webzdarma nepatří mezi nejrychlejší hostingy, můj prvotní průzkum funkcí směřoval právě tímto směrem. Připravil jsem si pro Vás pár jednoduchých návodů, jak WP znatelně zrychlit. A jelikož o mapu webu jsem se už podělil ve svém prvním článku na téma Wordpress, na konec přidám jen návod na lepší stránkování indexu.

Celý článek

| | 3 |

Parak simati, Muballit mitte, Nergal allatu mellamu mesaru, La tapallah Annuaki, Kettu Puluthu qillatua