Zvolené téma: "Přístupnost"

Co jsem dnes udělal pro svůj web: #2

Co jsem dnes udělal pro svůj web: #2

Měsíc únor se nesl ve znamení prací na vlastním webu. Drobností, které bylo potřeba udělat, jsem měl na seznamu vcelku dost. Od malých systémových úprav až po rozsáhlé stylování a optimalizaci pro telefony: právě to byl největší soubor změn, které bylo potřeba provést. A tak jsem zpět s druhým dílem seriálu "Co jsem dnes udělal pro svůj web". Vím, sliboval jsem jeho pokračování na Mikroblogu, jenže skrz tyto práce už nějak nezbyl čas na psaní článků... A dnes se opět pokusím o trochu větší rozbor, než jen bodový soupis změn. S odkazem na aktuální trendy vás zkusím přimět k zamyšlení, zdali stejné osvěžení nepotřebují i vaše stránky.

Celý článek

Co jsem dnes udělal pro svůj web: #1

Co jsem dnes udělal pro svůj web: #1

Není to dlouho, co jsem psal, že do rubriky "O blogu" už toho asi moc přibývat nebude... Opak je zjevně pravdou, jelikož nápady se nerodí v hlavě každý den a já zrovna jeden takový dostal. O všemožných malých úpravách, které na mých stránkách probíhají, vždy informuji na Mikroblogu. Nový seriál článků asi bude opět pokračovat tam, ale minimálně úvodní příspěvek si zaslouží své místo mezi velkými články. A proč vlastně tohle všechno píšu?

Webové stránky jsou živý organismus. Člověk se o ně musí pravidelně starat, pokud od nich něco očekává. Každý e-shop vždy upozorní na nové zboží. Každá firemní prezentace má sekci novinek, kde informuje o drobnostech, ale také o věcech velkých. Na všech takových projektech se průběžně pracuje, aby obstály mezi konkurencí. A weblog přece není jen o psaní.

Celý článek

mod_rewrite a hezké url díl III

mod_rewrite a hezké url díl III

Články o mod_rewrite pro hezké url mi dlouhodobě zaznamenávají velkou návštěvnost, což ale není ten důvod, proč jsem se rozhodl napsat díl už asi osmistý padesátý prvý. Některé věci je totiž nutné uvést po letech na pravou míru: předchozí díly měly v prvé řadě ukázat, že pomocí mod_rewrite lze dosáhnout cokoli, co si člověk jenom zamane. Každá aplikace, byť je sebehůř napsaná, má šanci na přátelská url.

Problém nastal v případě, kdy měli méně zkušení uživatelé tendence psát hromady zbytečně krkolomných pravidel nebo se je snažili nasadit na nevhodně navrženou strukturu url adres - namísto toho, aby začali s úpravami v PHP kódu. Sám jsem takovým uživatelem býval, ale dnes už vím, jaká je v jednoduchosti síla. Dnešní pokračování seriálu o mod_rewrite tedy vše zase zjednoduší. Představíme si 5 základních využití mod_rewrite, které vám vystačí téměř na jakkoli náročný projekt.

Celý článek

Stránka 404 - důležitá součást každého webu

Stránka 404 - důležitá součást každého webu

Stránka 404: dokument nenalezen je důležitá součást každého webu o více než jedné stránce, přesto na ni spousta vývojářů zapomíná nebo ji nemá vyřešenou správně. Dnes vám představím, jak takovou chybovou stránku vůbec vytvořit, pohovořím něco o základních komponentách, ze kterých by se měla skládat a v závěru zkusím na pár příkladech demonstrovat správně a nesprávně vytvořené 404ky.

Začneme pěkně od základu: nejdříve si ukážeme, jak vůbec stránku 404 správně nastavit. Příklad pro statické stránky v HTML je uvedený níže. Kód zkopírujeme do souboru .htaccess.

Celý článek

CSS hacky pro nejpoužívanější prohlížeče: díl II

CSS hacky pro nejpoužívanější prohlížeče: díl II

Jak jsem slíbil, přináším pokračování článku CSS hacky pro nejpoužívanější prohlížeče. Oproti prvnímu dílu zde najdete Internet Explorer až po verzi 11 a také poměrně problematické rozlišení Safari a Google Chrome. Většina CSS hacků naštěstí funguje stále dobře - jediné, s čím jsem měl trochu problém byla Opera. Možná i rozlišení některých verzí IE může být trochu složitější, ale neexistuje nic, co bychom nezvládli zapsat.

CSS hacky jsou obecně něco, čemu se chceme vyhnout jak jen to jde. Ovšem v situacích, kdy nás prohlížeč přímo zradí a vykresluje si konkrétní prvky jak se mu zachce, nezbývá než styly malinko ohnout. Proč hackovat pro IE snad vysvětlovat nemusím, na složitějších projektech ovšem často nastávají chyby i v jiných prohlížečích. Jako příklad bych uvedl Safari, které slepí margin-bottom odstavce (či jiného prvku) a padding-bottom nadřazeného divu. Tento konkrétní příklad se samozřejmě dá vyřešit velice snadno malou úpravou typu odsazení, ovšem pokud nás Safari umí zradit v takové triviálním situaci, kde všude ještě narazíme na jiné chyby, že ano. Nejčastěji se ovšem jedná o různá grafická tlačítka, výšky řádků u inline-block prvků, které si skáčou jak se jim zachce.

Celý článek

Úvod do HTML5: nové elementy a atributy

Úvod do HTML5: nové elementy a atributy

HTML5 se mi začíná líbit čím dál tím více. V testovacím režimu ho už zkouším i na svém blogu. Pro mnohé je to ale stále ještě velká neznámá, proto jsem se rozhodl některé novinky trochu přiblížit. Na úvod se budu věnovat novým elementům a novým atributům v porovnání s HTML4 nebo xHTML1. Zhruba před třemi lety jste si mohli na mém blogu přečíst článek xHTML 2 versus HTML 5. Mnohé se ale změnilo, a tak dnes přináším další článek o vývoji nové verze značkovacího jazyka.

Celý článek

Osm pravidel pro vkládání JavaScriptu do šablony

Osm pravidel pro vkládání JavaScriptu do šablony

V dnešním článku se budu věnovat JavaScriptu úplně od začátku. Spousta začínajících vývojářů často chybuje v poměrně základních věcech, a tak bych rád uvedl některé z nich na pravou míru. Dodržování těchto pravidel vám pomůže dosáhnout čistého kódu, správné implementace složitých funkcí a naučí vás udržovat si pořádek v šablonách. Kromě tipů na nasazování vlastních či cizích knihoven uvedu i některé rady, jak předejít nepochopitelnému chování, na jehož řešení už bývá většinou pozdě, pokud nastane.

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

Na co se dnes zapomíná při tvorbě webu

Vytvořit webové stránky není nic těžkého – dnes už se to umí spousta lidí, a tvorba webu se dokonce vyučuje i na středních školách. Ovšem vytvořit kvalitní internetovou prezentaci není nic jednoduchého. Nestačí jen nastavit velikost písma, texturu na pozadí a pár obrázků… Také grafika je nedílnou součástí dobrého webu, ovšem té se v tomto článku věnovat nebudu. I stránka s jednoduchou grafikou může být velice kvalitní, dodržuje-li některé zásady tzv. přístupného webu. Začínající webmasteři totiž nedodržují některé základní pravidla při tvorbě svých stránek. Dopadá to tak, že koukáte na weby s nečitelným textem, rozhozeným layoutem a spoustou animací, ze kterých Vás bolí oči.

Celý článek

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