W poprzednim wpisie opisałem podstawy i czym jest Cross-browser. A w tym wpisie opiszę na temat resetu stylów CSS, a więc reset stylów CSS polega ono na usunięciu domyślnych właściwości/parametrów dla stylów CSS narzuconych przez przeglądarki internetowe i minimalizowaniu różnic pomiędzy różnymi przeglądarkami.
Opiszę tutaj kilka ciekawych właściwości kodu CSS3 między innymi takie jak: text-shadow, RGBA, box-shadow i border-radius, o których nawet nie wiedziałeś. W dzisiejszych czasach teraz takich właściwości będziemy najczęściej używać niż wbudowanych plików graficznych. Pamiętajmy, że nie w każdej przeglądarce jest pełna obsługa CSS3 np. w Internet Explorer 8 tylko część z CSS3 działa a w starszych już w ogóle nie ma pełnej obsługi CSS3, pozostałe najnowsze wersje przeglądarek takie jak: Firefox, Opera, Chrome i Safari już bez problemu obsługują prawie pełne CSS3.
Pokaże jak można zrobić efektowną animację zdjęcia w ramce, która polega na tym: że mamy jakąś ramkę z niewypełnionym środkiem potem będzie animowała w górę jak kurtyna odkrywając zdjęcie. Kodowania i kombinowania to dużo tutaj nie ma, tylko troszkę poświęcenia czasu przy grafikach.
Pewnie jako programista / koder frontendu miaÅ‚ nie raz takÄ… sytuacjÄ™ lub bojowe zadanie od szefa pod tytuÅ‚em “Wykonać lub pociąć stronÄ™, tak żeby byÅ‚o w każdej przeglÄ…darce identycznie” ? Ja sam nie raz miaÅ‚em takie sytuacje i oczywiÅ›cie robiÅ‚em bez problemu te bojowe zadania.
Termin Cross-browser to inaczej mówiąc zdolność wykonania strony internetowej pod kątem każdej wersji przeglądarki (Internet Explorer, Firefox, Opera, Chrome i tak dalej) za pomocą: hacków czy trików w CSS, skryptów JavaScript lub jQuery, nawet w PHP też jest możliwe.
Tego tematu będę często poruszać na łamach mojego bloga, gdyż mam dużo nazbieranych materiałów i doświadczenia w kodowaniu lub pocięciu stron internetowych pod kątem każdej wersji przeglądarki. W tym wpisie opiszę kilka podstaw i zasad Cross-browser, które warto będzie wiedzieć zanim będę opisywać szczegółowo w następnych wpisach.
