Niezalogowany [ logowanie ]
Subskrybuj kanał ATOM Kanał ATOM    Subskrybuj kanał ATOM dla tagu javascript Kanał ATOM (tag: javascript)

Autor wpisu: Vokiel, dodany: 03.10.2009 11:43, tagi: css, jquery, javascript

Przepraszamy, ten wpis dostępny jest wyłącznie w językach: English.

Autor wpisu: batman, dodany: 01.10.2009 18:09, tagi: javascript

Każdy kto miał okazję wycinać skomplikowany layout, zawierający dużo gradientów, zaokrąglonych rogów i nakładających się na siebie elementów, stosował przeźroczyste png. Nie ważą wiele i oferują ogromne możliwości. Jedynym minusem stosowania przeźroczystości w plikach png jest brak ich obsługi w zmorze programistów -  IE6. Wszystkie hack-i, fix-y i okrętki działały jedynie w określonych

Autor wpisu: cojack, dodany: 26.09.2009 10:25, tagi: javascript

Dziś chciałbym Wam przedstawić pewną bardzo fajną i przydatną bibliotekę dla przeglądarki IE (której bardzo nie lubię Nie lubie IE), która pomoże nam zrobić z IE używalną i prawie web-dev friendly.

ie7.js – co to jest?

Biblioteka jest napisana przez Dean Edwards’a w całości w JavaScript (js), nie, nie jest oparta o framework jQuery. Co nam daje ta biblioteka? Poprawia wiele błędów, które uniemożliwiają nam w klarownym sposób tworzenie layoutów pod strony, nie dość że i tak są zgodne z w3c to mimo wszystko czasami zdarzy się że IE się wyburaczy, i mowa tutaj zarówno o IE6 jak i o IE7, chodź ta druga jest już trochę bardziej przystosowana do życia w rodzinie. Możemy też dzięki tej bibliotece cieszyć się przejrzystością plików *.png, dodając tym co chcemy obrazkom infix czyli blabla-trans.png, podkreślony jest infix, czyli to co chcemy dodać.

Naprawmy selektory css w ie

Biblioteka ie7.js naprawia nam takie selektory css jak:

  • rodzic > dziecko
  • rodzic + dziecko
  • rodzic ~ dziecko
  • .multiple.classes
  • :hover
  • :first-child
  • [attr]
  • [attr="value"]
  • [attr~="value"]
  • [attr|="value"]
  • [attr^="value"]
  • [attr$="value"]
  • [attr*="value"]

Naprawmy właściwości css w ie

Biblioteka ie7.js naprawia nam takie właściwości css jak:

  • background-attachment
  • background-image
  • bottom
  • cursor
  • display
  • font-size
  • margin
  • max-height
  • max-width
  • min-height
  • min-width
  • overflow
  • position
  • right

Naprawmy elementy html w ie

Biblioteka ie7.js naprawia nam takie elementy html jak:

  • abbr
  • img – mowa o infixie
  • label

Naprawmy pozostałe błędy w ie

Biblioteka ie7-squish.js naprawia nam takie elementy html jak:

  • Podwójny margin
  • Peekaboo
  • Nieprzewijana treść

Jest też jeszcze opis biblioteki ie8.js która poprawia braki w przeglądarce ie7, ale za dużo treści ma. Na samym dole artykuły wszystkie linki.

Jak używać?

Ażeby strona nam piknie śmigała robimy jedną rzecz gdzieś w nagłówku, pomiędzy atrybutami <head> a </head> wstawiamy o to ten kod:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/ie7-squish.js" type="text/javascript"></script>
<![endif]-->

To wszystko, oczywiście możemy pobrać to na twardziela hostinga i trzymać, ale po co? ;]

Wszystkie wpisy należą do ich twórców. PHP.pl nie ponosi odpowiedzialności za treść wpisów.