Zvolené téma: "Prohlížeč"

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

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

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

Ale toto je nepříjemné... "a koho to zajmá?"

Vývojáři softwarových aplikací mají poslední dobou stále častěji ve zvyku vytáčet své uživatele. Například: koho z vás ještě nezvedla ze židle hláška Firefoxu "Ale toto je nepříjemné" (nemilé, mrzuté...)? Obdobný efekt má chybová zpráva "Ouha, něco se porouchalo". Jinými slovy napsané "Jujkyty, tys nám to rozbil...". Také vás to dokáže vždy naštvat? Mě nedávno dostal prohlížeč Google Chrome se svým "Aj, chyba"! Kam se podělo slušné vychování projektových manažerů, kteří tohle schvalují?

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

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

Všední den webmastera

Všední den webmastera

Už to není žádné tajemství, mám práci. Webmaster, na plný úvazek. Co všechno vlastně dělá takový webmaster vám pokusím alespoň trochu nastínit. Sám jsem měl po pár dnech pocit, že jsem si vše představoval takříkajíc jako "Hurvajz vojnu", a že se snad nikdy nedostanu k tomu, co mě baví nejvíce: čisté kódování.

Zpočátku se jednalo o drobnosti. Údržba stávajících projektů, drobné změny dle specifikace, doplňování textů, přidávání nových kategorií do existujících webů: vše změny vyžadující zásah do někým napsaného kódu. Úpravy, jenž má autor kódu hotové za 5 minut, vy se s tím pachtíte půl hodiny…

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