Wpisy z kategorii

HTML i CSS

Cross-browser #2 – Reset stylów CSS

Cross-browser #2 – Reset stylów CSS

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.

Podstawy CSS3

Podstawy CSS3

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.

Cross-browser #1 – Wstęp i podstawy

Cross-browser #1 – Wstęp i podstawy

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.

Menu nawigacyjne poziome – 3x przykłady (tutoriale) i 3x inspiracje, z użyciem stylów CSS (3/3)

Dalszy ciąg tematu “Menu nawigacyjne poziome” – część trzecia.
W tych wpisach opiszę trzy najpopularniejsze i najczęściej stosowane typy poziomych menu nawigacji z użyciem technologii CSS (Cascading Style Sheets) czyli kaskadowe arkusze stylów, a w każdym z tych typów po trzy przykłady (tutoriale) i po trzy inspiracje.

Menu nawigacyjne poziome – 3x przykłady (tutoriale) i 3x inspiracje, z użyciem stylów CSS (2/3)

Dalszy ciąg tematu “Menu nawigacyjne poziome” – część druga.
W tych wpisach opiszę trzy najpopularniejsze i najczęściej stosowane typy poziomych menu nawigacji z użyciem technologii CSS (Cascading Style Sheets) czyli kaskadowe arkusze stylów, a w każdym z tych typów po trzy przykłady (tutoriale) i po trzy inspiracje.

Menu nawigacyjne poziome – 3x przykłady (tutoriale) i 3x inspiracje, z użyciem stylów CSS (1/3)

Menu nawigacyjne jest jednym z najważniejszych elementów każdej strony internetowej, bez nawigacji strona staje się bezużyteczna, no chyba że w skrajnych przypadkach na przykład pojedyncze strony tak zwane single pages lub reklamy. Dla odwiedzającego użytkownika jak i również dla robotów wyszukiwarek – element menu nawigacji jest miejscem gdzie można poruszać się prawidłowo po stronie internetowej i jak również miejscem od którego zaczyna się przeglądanie strony internetowej.
Najważniejszymi czynnikami dobrej nawigacji jest to: że musi być przejrzysta, łatwo dostępna, przyjazna i jak również czytelna.

Strona 1 z 212