Posts with tag Prohlížeče
Jak zjistit, o jaký font se jedná
Narazil jsem na zajímavé řešení problému, který občas trápí nejednoho webdesignéra - jak zjistit jméno fontu z obrázku. Pokud máte data v dostatečném rozlišení, utilitka WhatTheFont může pomoci.
Po uploadu obrázku nabídne několik nejpravděpodobnějších variant fontů a vedle pro srovnání ten váš hledaný. Nástroj nefunguje sice stoprocentně, ale i tak se může hodit.
add comment
view posted comments (0)
CSS v akci ve čtyřech dílech
Zaoblené rohy, stíny, transformace - to vše bude při tvorbě webu hračkou, jakmile se usadí nová verze CSS3.
Amber Weinberg z Nashvillu je nejen pohledná, ale i šikovná web developerka a bloggerka. V poslední době završila svojí čtyřdílnou sérii článků na téma CSS, které jsou doplněny příklady a obrázky výsledných efektů. V posledním dílu nahlíží i na nejnovější specifikaci CSS ve verzi 3.
Zajímavý přehled CSS a náhled do blízké budoucnosti webu najdete na:
http://spyrestudios.com/css-in-depth-margins-padding-the-box-model/
http://spyrestudios.com/css-in-depth-floats-positions/
Služba jsFiddle není žádný švindl
Web jsFiddle nabízí zajímavý nástroj pro vývoj, testování nebo demonstraci Javascriptu v praxi.
Fiddle sice znamená česky podfuk, na stránkách jsFiddle.net vás ale žádný podvod nečeká. Najdete tam jednoduché rozhraní, kde můžete editovat HTML, CSS a Javascript jednoduché stránky. Vložíte pouze funkční kód, o zbytek se postará aplikace, a výsledek vidíte v posledním, čtvrtém okně.
Než abych tu sáhodlouze popisoval, jak to všechno funguje, vyzkoušejte raději následující odkaz: http://jsfiddle.net/LTm4K/.
Uživatelské rozhraní neobsahuje nic navíc, je intuitivní a spolu s vychytávkami jako zvýrazňovač syntaxe, propojení se sociálními službami atd. se mi jeví jako ideální nástroj zejména pro demonstraci Javascriptových kódů.
Webů je v Česku napadeno překvapivě mnoho
Jak se dostane vir do vašich webových stránek a kolik je u nás napadených webů? Udělal jsem si takový malý, soukromý průzkum.
Jak to začalo. Při indexaci některých českých stránek (proč jsem to dělal vám říkat nebudu), kterých bylo řádově tisíce, jsem si všiml zajímavého jevu. Můj antivir AVG 9 mi každou chvíli hlásil napadenou stránku. Před pár lety věc velmi neobvyklá, nicméně dneska stále častější způsob šíření malwaru.
Ze zhruba 4600 stránek bylo napadeno 62, tedy nějakých 1.3% a to není málo. Z toho jednou se jednalo o exploit Fragus, jednou o exploit typu script injection, dvakrát o exploit MDAC ActiveX čtyřikrát o Liberty exploit, desetkrát o nebezpečný Javascript a v ostatních případech byl na stránce exploitovaný odkaz na známé, nebezpečné stránky.
Nastíním ve zkratce motivaci útočníka. Ten má většinou za cíl dostat svůj škodlivý software (malware) na co nejvíce počítačů a z nich udělat botnety, tedy počítače ovládané na dálku a páchající nějakou nekalost, aniž by si to uživatel uvědomil.
Pokud svůj exploit dostane na nějaké hojně navštěvované stránky (například ty vaše), jsou potenciálně napadeni všichni vaši návštěvníci. Dost z nich má sice firewall, ale ten je jim k ničemu, neboť komunikace probíhá stejně jako klasické načítání stránek. Zabránit napadení může jen aktualizovaný prohlížeč (zejména IE) a antivir, antispyware nebo jiný program, speciálně k tomu účelu navžený (samozřejmě také aktualizovaný).
Ne všem ale vlastní bezpečnost dělá vrásky a tak je nemalá část návštěvníků napadena. Takže suma sumárum, útočníkovi se napadení webových stránek sakra vyplatí.
Teď jak na to? Existuje samozřejmě více cest, například využít nějakou známou zranitelnost konkrétní webové aplikace, zkusit uhodnout slabá hesla na FTP nebo nějakým způsobem heslo k FTP ukrást (opět pomůže nějaký exploit, vir, atd.)
Jaké jsou tedy rady?
- používejte aktualizace (ať již jde o antivir, prohlížeč, operační systém)
- firewall taky není k zahození
- hesla používejte generovaná (kvůli slovníkovým útokům)
- hesla mějte dostatečně dlouhá (8 znaků je naprosté minimum)
- v počítači si hesla ukládejte šifrovaně (výborná aplikace pro tento účel je KeyPass)
- nenechávejte hesla jen tak ležet na nespolehlivých místech (například ukládání v Total Commanderu je dost nebezpečné)
- zálohujte
- zkrátka budťe opatrní :)
Jak psát web a ti druzí
Přehled nabízí pár stránek, kde hledat relevantní informace o tvorbě webu, HTML, CSS, Javascriptu a atd. v českém nebo anglickém jazyce.
Web Jakpsatweb.cz asi zná každý, kdo má co dočinění s programováním v HTML a CSS. Tento web drží nejen prvenství jakožto zdroj relevantních informací o HTML a CSS v českém jazyce obecně, ale díky oblíbenosti u mnoha programátorů je na Googlu zobrazován na první pozici i na obecné klíčové slovo "jak". Toť perlička na úvod, ale pojďme k věci.
Na webu najdeme nespočet článků a ukázek kódu, které využije především začátečník, ale zabrousí tam zajisté i nejeden "profík", pokud si zrovna není jistý nějakým detailem. Zejména bych vyzdvihnul dobře spracovaný seznam HTML tagů a CSS atributů. Abych ale jen nechválil jeden web, nabízím anglicky psané alternativy.
První z nich je ucelený a velmi přehledný seznam CSS atributů na webu CSSCreator.com. V přehledu je uvedena kompatibilita s prohlížeči, po rozkliknutí potom najdeme možné hodnoty, které může daná vlastnost nabývat.
Nejen na HTML, CSS, ale i na JavaScript, HTML DOM, XML, XSLT a další webové záležitosti se zaměřuje web W3Schools, který, jak název webu napovídá, sleduje aktuální trendy konsorcia W3C, které se neomaleně řečeno stará o standardizaci všeho, co se webu týká. Autor stránek se sice zříká zodpovědnosti za správnost obsahu, nicméně informacím zde uvedeným můžeme bez rozpaků věřit.
No a výčet završím sice trochu více specifickým projektem, zato informace na něm zveřejněné je dobré mít vždy na paměti nebo alespoň mezi Bookmarky. Jedná se o přehled standardních webově-bezpečných fontů, včetně jejich korektní definice v CSS. Proč je důležité dobře vybrat font a správně ho zapsat do definice stylu, se kromě jiných typografických záležitostí dozvíte na stránkách www.typomil.com.
IE Tester a Browser Sandbox
Tento článek navazuje na předešlý příspěvek a dozvíme se o dalších možnostech, jak odladit HTML a CSS pro všechny prohlížeče.
V nedávném postu jsem se zmínil o kolekci MSIE, která obsahuje instalace všech dodnes používaných verzí Internet Exploreru i starších, dnes již nepoužívaných. Podobný nástroj využije zejména webdesignér, který chce mít stránky optimalizované pro všechny prohlížeče.
Kamarád mě nicméně upozornil, že zmíněná kolekce nefunguje pod operačním systémem Windows 7, což je docela závažný problém. Zároveň mě ukázal zajímavý projekt, který pod označením IETester nabízí Internet Explorer ve verzích IE5.5 až IE8, včetně nejvíce proklínaného a doposud bohužel uživateli hojně používaného IE6. Aplikace neobsahuje konkrétní prohlížeče, ale emuluje jejich chyby v zobrazování, takže účel plní dobře a stránky lze i pro IE6 odladit celkem bez problému.
A aby toho nebylo málo, narazil jsem na další projekt, který slouží k podobnému účelu, ale na celou věc jde ještě trochu jinak. Projekt můžeme najít pod označením Browser Sandbox a nabízí kromě Internet Exploreru ve verzi 6, 7 a 8 i Firefox ve verzi 2, 3 a 3.5, Safari 3 a 4, Google Chrome a Operu ve verzi 9 a 10. Nejzajímavější na tom ale je, že se ve skutečnosti jedná o online aplikace, tedy dostupné z kteréhokoliv prostředí přes web, ovšem před spuštěním je potřeba si nainstalovat do prohlížeče jakýsi plugin. Bohužel až přiliš často místo spuštění vybraného prohlížeče vyskočí chybová hláška, až tohle autoři vychytají, bude to paráda.
A proč že tyto všechny nástroje? Inu, dokud bude uživatelů zejména IE6 více než mizivé množství a webdesignéři budou chtít ladit své stránky pro všechny používané prohlížeče, nemají na vybranou.
