tooltip

Wyskakująca chmurka z tekstem po najechaniu na obiekt, czyli tooltip (html + css)

To będzie szybki, prosty i ciekawy skrypt, jakim jest tooltip, tzw wyskakujące okienko z treścią. Pokazuje się ono po najechaniu na obiekt, np. na napis czy na przycisk – button. Można też dodać do obrazka czy jakiegokolwiek innego obiektu na stronie. Nie stosujemy tutaj JavaScript. Będzie tylko trochę kodu html…

konwertowanie obrazków do webp

Konwertujemy obrazki na format webp, czyli przyspieszania strony ciąg dalszy

W poprzednim wpisie dodałam poradnik o ładowaniu obrazków metodą lazy load, dzięki której strony zostaną przyspieszone i uzyskają lepszy wynik w google page speed test. Dziś kolejna część o konwertowaniu grafik do formatu webp oraz umieszczaniu ich na stronę html. Na blogu był już o tym poradnik, ale ten sposób…

lazy load

Lazy load na stronie html, czyli opóźnione ładowanie obrazków

Zabrałam się do optymalizacji i przyspieszania strony, która w google page speed test nie do końca miała zadowalające wyniki. W wersji mobilnej wynik około 70/100, a na komputerze 90 kilka na 100. Po optymalizacji udało mi się uzyskać najwyższą notę na komputerze – 100/100 punktów, a w wersji mobilnej około…

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

Tworzymy FAQ, lista rozwijana Accordion

Tworzymy FAQ, lista rozwijana Accordion

Posiadając stronę internetową firmy, często dostajemy na maila wiele pytań dotyczących naszych usług. Za każdym razem musimy na nie odpowiadać, poświęcając na to dość dużo czasu. A co jeśli utworzymy na stronie zakładkę, w której zawarte będą wszystkie pytania i odpowiedzi, które klienci najczęściej nam zadają? Czy to nie usprawni…