css3-mediaqueries.js: CSS3 Media Queries pro vykopávky

Staré, moc staré verze webových prohlížečů nás stále pronásledují jako nezničitelné zombie. Jednou za čas někdo pojme úžasný nápad trvat na moderním webu s posledními technologiemi a současně podporou IE8. No, co se dá dělat? No co - nainstalovat udělátka... Ty hlavní jsou sepsaná v příspěvcích na html - IE8 support for CSS Media Query - Stack Overflow.

Dos dobře vypadá css3-mediaqueries.js: make CSS3 Media Queries work in all browsers (JavaScript library) - Google Project Hosting:

"css3-mediaqueries.js by Wouter van der Graaf is a JavaScript library to make IE 5+, Firefox 1+ and Safari 2 transparently parse, test and apply CSS3 Media Queries. Firefox 3.5+, Opera 7+, Safari 3+ and Chrome already offer native support."

Další možná knihovna je Respond.js - scottjehl/Respond · GitHub:

"The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don't support CSS3 Media Queries - in particular, Internet Explorer 8 and under. It's written in such a way that it will probably patch support for other non-supporting browsers as well (more information on that soon)."

Ale přiznejme, že pokud to jde, bude vhodnější použít něco takového:

<link rel="stylesheet" type="text/css" media="all" href="style.css"/>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" media="all" href="style-ie.css"/>
<![endif]-->

Připomeňme ještě HTML5 Shiv - aFarkas/html5shiv · GitHub:

"The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x."

Proč se Internet Explorer samovolně přepne do kompatibilního režimu? A zobrazuje stránku jako IE7? :-(

Microsoft do svého prohlížeče Internet Explorer zařadil něco, čemu říká "režim kompatibility". To jen proto, že IE měl vždy problémy s korektním vykreslováním stránek a spousta lidí dělala webové stránky pro IE a ne správně podle specifikací HTML a CSS. Tvůrci webů se tomuto můžou bránit pomocí meta tagu <meta http-equiv="X-UA-Compatible"content="IE=Edge"> (viz Marenkův bloček: Zafixuj verzi!) případně nastavením X-UA-Compatible: IE=Edge v hlavičce HTTP. Ale bohužel ne vždy toto funguje. Na stránce Why does IE9 switch to compatibility mode on my website? se dozvíte proč.

IE se přepne, pokud nemá nastaveno X-UA-Compatible, do kompatibilního režimu, když:

• uživatel klikl na tlačítko "režim kompatibility", nebo nastaví "verzi" v  "Nástroje pro vývojáře", nebo si "režim kompatibility" zvolí jako výchozí - s tím vůbec nic neuděláme;
• zřejmě (?) dojde k nějaké závažné chybě při renderování stránky;
• dotyčná doména je na seznamu webů Microsoftu, které vyžadují zobrazení v "režimu kompatibility";
• si IE si myslí, že je web na intranetu! Za intranet považuje (i) shodnou doménu s vaší. S tímto jako webař neuděláte vůbec, ale vůbec nic. Ale můžete chování IE na intranetu nastavit (i návštěvníkům, protože půjde o uživatele identifikovatelné)! Nastavení hledejte v menu (IE9) Nástroje -> Nastavení kompatibilního zobrazení - > zatržítko Zobrazit intranetové servery.... A - uff! - máte vyhráno.

'via Blog this'

Jak odstranit SweetIM toolbar a vyhledávání

Remove SweetIM toolbar and search.sweetim.com (Uninstall Guide):

"If you are reading this article then you want to get rid of SweetIM Toolbar and all the residual damage caused by this potentially unwanted program. SweetIM Toolbar is an applications that has changed your browser homepage,search engine and in addition has added a unwanted toolbar on your Internet Explorer, Firefox and Chrome browser."

Zřejmě dobrý návod, jak se zbavit vyhledávání a toolbaru SweetIM.

'via Blog this'

Nesmrtelný IE6?

Také vám Internet Explorer 6 už dlouho znepříjemňuje webdeveloperský život? IE6 má sice na kahánku, ale pořád se tu mezi námi drží zuby nehty. Přehledné vizualizace jak a kde se mu to daří najdete na webu The Internet Explorer 6 Countdown. Je paradoxní, že sám Microsoft volá po zavržení tohoto jeho dítěte. Zajímavý je také žebříček států se zastoupením IE6 pod 1 %.

Jak který prohlížeč umí HTML5, CSS3 nebo SVG? When Can I Use...

V článečku Caniuse.com: informace o podpoře HTML5, CSS3... na Interval.cz najdete stručný popis pro webové vývojáře velmi užitečné služby When can I use..., která v přehledných tabulkách nabízí přehledy jaké technologie - HTML 5, CSS 3, SVG... - v tom kterém prohlížeči a verzi fungují. Těchto přehledů je po internetu více, ale tento patří k těm lepším. Na podrobnější popis nebo příklady vás ale stejně odkáže dál, třeba na známý quirksmode.org.

HTML5 funguje i ve starém MSIE6 - s dopomocí html5shiv (prý)

html5shiv je JavaScript, který po vložení do stránky (viz návod) zajistí fungování prvků HTML5 i v prohlížeči Microsoft Internet Explorer 8 a starších. Prý! Nezkoušel jsem ještě.

Průhledné PNG v IE6 pomocí jQuery

Microsoft nás ještě stále pronásleduje nedostatky prohlížeče Internet Explorer 6. Jeden z nejprotivnějších je nezvládání alfa kanálu (masky) ve 24bitových obrázcích PNG. Kromě různých řešení s rozličnými omezeními je tu i jedno pomocí pluginu pro jQuery: jquery.pngFix.js - PNG-Transparency for Windows IE 5.5 & 6.