Responsywna nawigacja z zakładkami – tabs navigation, w HTML, CSS i JavaScript

Dziś z akcentem Wielkanocnym, bo towarzyszyć będzie zajączek z jajami 😀 Utworzymy bardzo przydatny element na stronę, czyli nawigację z zakładkami, tzw. tabs Navigation. Przydaje się wtedy, kiedy mamy dużo treści na stronie, a nie chcemy robić zbyt długiej strony, więc pakujemy wszystko w jedno miejsce i robimy zakładki, po których będziemy przeskakiwać jak zając, z jednej treści, do drugiej.

(więcej…)

1 Komentarz

Dlaczego responsywność jest kluczowa dla Twojej strony internetowej?

W dzisiejszym cyfrowym świecie, posiadanie atrakcyjnej i funkcjonalnej strony internetowej to absolutna konieczność. W związku z tym, coraz więcej firm i projektantów zwraca uwagę na responsywność jako kluczowy element strategii projektowania stron. Jeśli zastanawiasz się, dlaczego responsywność jest tak istotna dla Twojej strony internetowej, ten artykuł pomoże Ci zrozumieć jej znaczenie oraz przyczyni się do podjęcia właściwej decyzji w kontekście projektowania. 1. Zwiększony ruch ze smartfonów i tabletów Jeden z głównych…

2 komentarze

Responsywna tabela RWD w html + css

Wpisów na blogu o tabelach mam ze 2, ten będzie trzeci, ale jeszcze bardziej podrasowany, z elastyczną tabelą i ciekawie wyglądającą, zwłaszcza w wersji mobilnej. Tabela jest ładnie skalowana, a na telefonie poukładana w kolumny z danymi, jedna pod drugą.

(więcej…)

0 Komentarzy

Tabela responsywna RWD, tworzymy cennik

Tabele są częstym elementem dodawanym do stron internetowych. Zazwyczaj prezentujemy w nich cennik usług. Czy nigdy nie mieliście problemu z wyświetlaniem takiej tabeli? Zwłaszcza na urządzeniach mobilnych, tak, by ładnie prezentowała treść, nie rozwalając jej. Przeważnie jedna strona była szeroka, druga wąska, bez odstępów i było to nieczytelne. Dziś przedstawię Wam bardzo ciekawy sposób wyświetlania tabeli na telefonie. Nie będzie to standardowy wygląd kolumna obok kolumny, lecz dodamy kod, który ułoży…

0 Komentarzy

Jak tworzyć strony responsywne

W moich wcześniejszych wpisach spotkaliście się ze słowem „responsywne” bądź „RWD” co oznacza po angielsku Responsive Web Design. Czyli po polsku – strona elastyczna, która dostosowuje się pod różne rozdzielczości i urządzenia mobilne jak smartfon, tablet.

Chcę tutaj pokazać tak w krótkiej instrukcji, jak za pomocą kilku linijek kodów wykonać taką stronę.

(więcej…)

6 komentarzy

Responsywna mapa google na stronę

Dziś wstawimy mapę google na stronę, do tego responsywną, będzie skalowała się pod wszelkie rozdzielczości.

Taka mapka przydaje się gdy chcemy klientom pokazać gdzie znajduje się siedziba naszej firmy, sklepu, by mogli szybko znaleźć i dojechać. Można ją powiększać, pomniejszać, przesuwać. Wstawimy na całą szerokość strony.

(więcej…)

1 Komentarz

Responsywne menu rozwijane

Przedstawię Wam jak wykonać za pomocą html, css i jQuery, bardzo ciekawe menu poziomowe/rozwijane. Menu jest również responsywne, ładnie działa w telefonach, tabletach.
Jest to moje podrasowane menu, które używam w wielu stronach, przetestowane i gotowe do działania.

(więcej…)

16 komentarzy