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.
Ostatnio nie miałem czasu ze względu na sprawy i formalności papierkowe związane z nową pracą, tak tak od poniedziałku 24 stycznia będę pracować w nowej firmie. Dlatego w ostatnim tygodniu wprowadziłem tylko małe zmiany na moim blogu.
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.
Widget (widżet) to inaczej element lub aplikacja, która uruchamia i umieszcza się na pulpicie użytkownika. Pokazująca zazwyczaj: informacje z Internetu, informacje z systemu, godzinę, pogodę, ramkę z zdjęciem i tak dalej. Uruchamiane są przez użytkownika poprzez dodanie na pulpicie użytkownika – widgetu.
Poniżej 6 widgetów wartych uwagi, testowane na moim telefonie HTC Hero z systemem Android 2.2 (Froyo, Root).
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.
