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

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…

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

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 na stronie html, czyli opóźnione ładowanie obrazków

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…

Rozmywanie tła oraz szybkie zaznaczanie w Photoshopie

Rozmywanie tła oraz szybkie zaznaczanie w Photoshopie

Dziś pokażę jak wykonać ciekawy efekt rozmytego tła. Często zdarza nam się zrobić zdjęcie na jakimś mało ciekawym tle, w którym są krzaki, ludzie lub coś innego, co chcielibyśmy wymazać, bądź trochę ukryć, zrobić mniej widocznym. Przydaje się wtedy efekt rozmytego tła, blur, mydła. Za pomocą programu Photoshop zrobimy to…

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