Archív měsíce června, rok 2014

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?

Řešení je velice jednoduché. Využijeme GET parametrů tam, kde zdánlivě nic nedělají. Proměnná za otazníkem zpravidla slouží pro skriptovací jazyky a podmíněné zobrazení čehokoli, co v danou chvíli potřebujeme. Co se ale stane, když uvedeme parametr u obrázku či stylu? Prohlížeč takovýto zápis pochopí jako nový soubor, takže nezobrazí jeho starší verzi z cache ale načte ho pěkně znovu.

Celý článek

Redesign 2014

_

Nový design byl už nějakou chvíli hotový, nakonec jeho nasazení nebylo tak náročné, jak jsem čekal. Přeci jen kód jsem se snažil měnit co nejméně a upravoval jsem hlavně styly. Té černo-růžové kombinaci jsem se snažil do poslední chvíle vyhnout, jenže ona se k tomu žádná jiná barva moc nehodí. Černo-žlutá by vypadala jako blog o vosách, černá se zelenou zase jako brčál a modrá byla nevýrazná. S fontama jsem také trochu zápasil, ono na Googlu jich zase tolik pěkných není. A když člověk není grafik, nedokáže si podle jedné anglické věty tak dobře představit, jak bude písmo vypadat v češtině. No ale snažil jsem se, tak snad se vám to bude alespoň trochu líbit.

Celý článek

Můj rozhovor s technickou podporu Microsoft Windows

_

Tak si tu projíždím kategorie svého blogu a koukám na sekci Třeba, co jsem tím vlastně myslel. Hned dva články o technické podpoře O2 mi připomněly můj poslední telefonát na technickou podporu, tentokrát Microsoft Windows. A tak bych se o něj rád podělil. Překvapivě to nebylo takové fiasko jako s O2, ale i tak jsem si zábavu užil. Po 15 minutách (ano, opravdu 15) trapné melodie a neustále se opakující hlášky "počkejte prosím" jsem byl konečně přepojen. Slečna na druhém konci drátu byla příjemná, zeptala se mě na sériové číslo produktu a po vysvětlení problému mi bylo řečeno, že se mi v nejbližší době ozvou zpět. No budiž.

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

Elden stiger upp mot skyn, Dräpta krigare i dyn, Se Muspels flammor sprider sig, I allt som en gång var