Wszystko o responsywność | Webinsider - Internet widziany od środka ™

Tag: responsywność

Prosty sposób na przesyłanie w formularzu internetowym danych z pól znajdujących się poza formularzem internetowym

Ostatnio dostałem (kolejne) zlecenie, na przeniesienie kalkulatora z pliku arkusza kalkulacyjnego, do formatu strony internetowej. Większość prac związana była z przebudową i uproszczeniem całości, tak by nie przenosić dość rozbudowanego arkusza kalkulacyjnego 1:1 na stronę internetową. Nie tylko dlatego, że taki formularz wyglądałby na bardzo skomplikowany, ale też dlatego, że tego typu konstrukcje średnio skalują się na ekranie np. telefonu. Pod kalkulatorem standardowy formularz kontaktowy, czyli element „form” HTMLa…

Wyrównanie wysokości wierszy w widoku katalogu produktów na przykładzie sklepu internetowego na WooCommerce

Jednym z częstszych tematów, z jakimi zwracają się do mnie „osoby z zewnątrz” w kontekście WooCommerce, jest wyrównanie wysokości, na jakiej znajdują się przyciski „dodaj do koszyka” i „wybierz opcje” w widoku listy produktów, czyli archiwum, w przypadku, gdy produkty mają różnej długości tytuły. I choć jest to właściwie tylko kwestia wizualna, niemająca żadnego przełożenia na działanie sklepu, to rozumiem problem, bo sam też tak preferuję. I choć są to łatwe i szybkie pieniądze, do tego z łatwym do osiągnięcia efektem zadowolenia po stronie klienta, to zamykam ten „kran z pieniędzmi” i pokażę, jak taki efekt uzyskać samodzielnie. Do tego w bardzo prosty sposób, bo za pomocą odrobiny CSSa…

Divi Builder (Elegant Themes) z bezpośrednim zarządzaniem zawartością modułów zależnie od urządzenia (+hover, +SRCSET)

Właśnie jestem po aktualizacji Divi Buildera (a więc i motywów Divi i Extra) na stronach, którymi zarządzam, a na których działają te motywy. Nie byłoby w tym nic nadzwyczajnego, gdyby nie to, że przy okazji aktualizacji motywów dokonałem kilku zmian w graficznej strukturze stron. I choć była to dodatkowa praca, to wykonałem ją z przyjemnością, bo wreszcie w edytorze graficznym Divi (Divi Builder) pojawiły się 2 moim zdaniem ważne opcje, dzięki czemu nie trzeba będzie się bawić w bajpasy, by dopasować zawartość poszczególnych modułów do typu urządzenia (telefon, tablet, komputer).

Loading

Pin It on Pinterest