Tvorba WWW

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: 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.

Celý článek

Webmaster musí řešit problém efektivně - až v druhé řadě čistě

Nedávno jsem se vrátil k pravidelnému sledování internetových diskusí a ke čtení článků v oboru. Lze se tam mnohému přiučit, rozšířit si obzory a občas také pomoci ostatním. Jenže dřív nebo později se člověk dostane do křížku s jinými diskutéry, pro které je čistota kódu a správnost řešení na prvním místě. Zde pak nastává neřešitelný problém, jelikož pravdu mají oba. V dnešním článku ukážu rozbor jednoduché situace a popíšu, jakými způsoby ji řešit a kdy je která možnost výhodnější. V žádném případě nechci nabádat, abyste svoji práci flákali. Nad každým zadáním je potřeba se zamyslet a přijít s řešením, jenž bude mít ten správný poměr čistoty a efektivity. I o tom se v článku zmíním.

Celý článek

Jak na responzivní web: CSS Grid Layout, stylování Widgetů

Je čas zase na nějaký článek na téma, kterému byl tento blog původně věnován. V dnešním tutoriálu ukážu krátký návod, jak vytvořit takzvané Widgety závislé na aktuální šířce okna; naučíme něco o responzivním webu. Samotnému layoutu o dynamické šířce se věnovat nebudu; dnes budu předpokládat, že toto už umíte. Widgety v různé podobě jsou nyní vcelku populární záležitost, jenže jak se to má člověk naučit, když článků je pomálu.

Celý článek

Tipy na moderní web: Font Awesome, šipky pomocí CSS

Webdesign je oblast, která se pořád vyvijí a pokud chce člověk držet krok, je potřeba stále studovat nové technologie a využívat vše, co nám nynější prohlížeče dovolí. V dnešním článku si ukážeme jednu kodérskou vychytávku, a to, jak vytvořit jednoduché šipky pouze pomocí css. V druhé části představím piktogramové písmo Font Awesome spolu se stručnou ukázkou použití.

Celý článek

Jak jsem opravoval optický klam

Aneb stále se učím. Tedy abych byl přesný, nejednalo se o optický klam, ale o bug v zobrazení modelu RGB. Měl jsem stránku, kde byly v patičce ikonky sociálních sítí. A došel mi bug report, že druhá z ikon, YouTube, je trochu uskočená. Jelikož obrázky byly stylama zmenšené a navíc měly jednopixelovou mezeru přímo v sobě, první, co mě napadlo, bylo samozřejmě vše přeuložit. Zkusil jsem mezeru v obrázku, mezeru mimo obrázek, dvoupixelovou mezeru vně i uvnitř obrázku, no prostě všechno... Nic.

Celý článek

Když klient reportuje už opravené chyby

Provádění stylových, grafických či JavaScriptových úprav na webové prezentaci a jejich následné posílání na validaci klientovi by vydalo na samostatný blog, já vám ale dnes ukážu jednoduchý tip, jak těmto situacím co nejvíce předejít. Znáte to: upravíte styl, napíšete, že je hotovo a klient vám obratem odpoví, že není. Tak musíte znovu otevřít mail, napsat mu, aby zmáčknul ctrl+F5 nebo ctrl+R a pak bude to v pořádku. Jenže po jisté době to samozřejmě začne být otravné... Jak tedy donutit prohlížeč aby smazal původní soubor v cache a nahradil ho novým?

Celý článek

JavaScript: Vertikální zarovnání na střed prohlížeče

Spousta webů využívá zobrazení informací v malých pop up oknech. V takovém případě vždy chceme vypsat uživateli zprávu na jasném a viditelném místě. Zarovnání absolutně napozicovaného divu na střed obrazovky může znít jako poměrně jednoduchý úkol, ovšem pokud chceme docílit univerzálního řešení, situace se může trochu zkomplikovat. V dnešním článku bych rád ukázal jednoduchý návod jak na to. Využijeme k tomu knihovny jQuery. Máme stránku, kde chceme po kliknutí na nějaký odkaz zobrazit box, který překryje obsah a vycentruje se na střed viditelné oblasti. Jak horizontálně, tak vertikálně. Takových elementů může být na stránce více: formulář pro přihlášení, jiný formulář, o pár polí větší, nějaké textové oznámení a vlastně cokoli, co klient zadá. Proto je dobré dopředu počítat s tím, že box nebude mít ani jeden rozměr pevný.

Celý článek

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.

Celý článek

Ú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