ugrás a tartalomhoz

An Early Look At IE9 for Developers

Török Gábor · 2009. Nov. 24. (K), 16.46
IE9 CSS3 támogatással
 ■
1

JavaScript

Joó Ádám · 2009. Nov. 24. (K), 22.07
Remélem a kilencesre esetleg oda is eljutunk, hogy a DOM felületek is szabványosan működnek, és mondjuk be tudom állítani egy button elem típusát… (Élmények tegnapról, IE8.)
2

+change esemény

gex · 2009. Nov. 25. (Sze), 00.19
én a change eseménynek örülnék (élmények tegnapelőttről, ie7, ie8).

mondjuk nekem fura volt hogy ieben van propertychange esemény amit change helyett tudok használni, de ezt a jquery nem fedi el előlem, így születnek az ilyesmik:

$('input[type=radio]').bind(
    $.browser.msie ? 'propertychange' : 'change',
    function(){
        // akarmi
    }
);
3

jQuery

Joó Ádám · 2009. Nov. 25. (Sze), 11.28
Én azt furcsállom, hogy minek használok könyvtárat, ha nem hajlandó nekem imitálni a működést IE-ben. Helyette dob egy kivételt. Ráadásul azt is csak input-ra, ezt is lehetett kiguglizni, meg jelenteni, ehh.
5

hahah

gex · 2009. Nov. 26. (Cs), 20.29
Én azt furcsállom, hogy minek használok könyvtárat
gondolkozol még rajta vagy feladod?
6

Feladom

Joó Ádám · 2009. Nov. 27. (P), 22.34
A jövőben inkább széklábat faragok :)
4

Közös JS és render engine

Adam · 2009. Nov. 25. (Sze), 21.55
Én annak örülnék, ha mindegyik böngésző egy közös JS és render engine-t használna.

Így megkímélnének a hasonló CSSektől:
.button {
	display: -moz-inline-box;
	display: inline-block;
	padding: 3px 7px 5px;
	font-weight: bold !important;
	font-style: normal !important;
	height: 12px;
	color: #f2f2f2;
	cursor: pointer !important;
	text-align: center;
	border: 1px solid;
	border-color: #2bb2e4 #087bae #164d78;
	background: #0b8fc9;
	min-width: 73px;
	/**
	 * @hack   Muszaj az auto szelesseg, kulonben Internet Explorer 6/7 alatt
	 *         fixen min-width szelessegu lesz.
	 */
		width: auto;
	/**
	 * @hack   Internet Explorer 6 mashogyan szamolja a line-height-et?
	 */
		_padding: 3px 7px 2px;
}

/**
 * @hack   Firefox 2.0 alatt ha egy elemnek min-width van adva, akkor a
 *         text-align: center-t nem ertelmezi a bongeszo.
 */
	.button, x:-moz-any-link {
		min-width: 0;
	}

/**
 * @hack   A Firefox 2.0 hack-et visszaallitjuk a kesobbi bongeszok szamara.
 */
	.button, x:-moz-any-link, x:default {
		min-width: 73px;
	}

input.button,
button.button {
	height: 22px;
	padding: 0 4px;
	min-width: 89px;
	/**
	 * @hack   Internet Explorer 8 a padding es egyeb egyutthatok miatt mas
	 *         szelesseg erteket igenyel az ugyanakkora szelesseg eleresehez.
	 *         Ellenben Internet Explorer 7 miatt meg kell ismetelni a min-width
	 *         szabalyt, hogy ott a jot alkalmazzuk.
	 */
		min-width: 73px\9;
		!min-width: 89px;
	/**
	 * @hack   Internet Explorer 8 valahogy maskepp szamolja a padding-ot, mint
	 *         a modern bongeszok.
	 */
		padding: 0 7px\9;
	/**
	 * @hack   Internet Explorer 6/7 alatt a padding erteket duplara kell venni,
	 *         hogy megegyezzen a modern bongeszok latvanyaval, es a linkekkel.
	 */
		!padding: 0 6px;
	/**
	 * @hack   Internet Explorer 6/7 elfelejti kulonben a padding-ot alkalmazni.
	 */
		!overflow: visible;
	/**
	 * @hack   Internet Explorer 7 alatt a "min-width" es "text-align: center"
	 *         miatt a kozepre rendezett szoveg elcsuszott jobbra, ezt javitjuk
	 *         itt ki egy kikenyszeritett szoveg szelesseg ujraszamolassal.
	 */
		!writing-mode: rl-tb;
		_writing-mode: lr-tb;
}

/**
 * @hack   Firefox 2.0 alatt ha egy elemnek min-width van adva, akkor a
 *         text-align: center-t nem ertelmezi a bongeszo.
 */
	input.button, button.button, x:-moz-any-link {
		min-width: 0;
	}

/**
 * @hack   A Firefox 2.0 hack-et visszaallitjuk a kesobbi bongeszok szamara.
 */
	input.button, button.button, x:-moz-any-link, x:default {
		min-width: 89px;
	}
…és helyette elég lenne ennyi:
.button {
	display: inline-block;
	padding: 3px 7px 5px;
	font-weight: bold !important;
	font-style: normal !important;
	height: 12px;
	color: #f2f2f2;
	cursor: pointer !important;
	text-align: center;
	border: 1px solid;
	border-color: #2bb2e4 #087bae #164d78;
	background: #0b8fc9;
	min-width: 73px;
}

input.button,
button.button {
	height: 22px;
	padding: 0 4px;
	min-width: 89px;
}
Igazából tök mindegy, hogy IE(6, 7, 8, 9?), FF(2, 3, 3.5, 3.6?), Opera(*, pfuj), Chrome, Safari… ugyanúgy hemzsegnek a hibáktól. Csak míg egyik böngészőből akár havonta is jön ki javítás, addig másokból csak évente, vagy ritkábban. Én annak is örülnék, ha csak IE lenne a piacon.