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

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…

Dlaczego responsywność jest kluczowa dla Twojej strony internetowej?

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…

Tabela responsywna RWD, tworzymy cennik

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ę…

Jak tworzyć strony responsywne

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ć…

Responsywna mapa google na stronę

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.

Responsywne menu rozwijane

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.