Tworząc nowoczesne strony internetowe bardzo często można się spotkać z problemem działania nawigacji w różnych trybach działania strony. Czy menu ma się chować? Czy może ma zmieniać swój kształt i wygląd? Jest wiele różnych podejść.
Dalej
Dzisiejszy wpis powstał na życzenie jednego z czytelników bloga, który w komentarzach do poprzedniego wpisu dotyczącego responsywnych obrazków na stronach internetowych poprosił o rozwiązanie dotyczące implementacji galerii w WordPress.
Dalej
Tworząc strony internetowe posiadające jakiekolwiek obrazki w treści na pewno się spotkałeś/aś z problemem ładowania zbyt dużych obrazków na urządzeniach mobilnych. W wielu przypadkach, aby załadować obrazek odpowiedniej wielkości trzeba rozważyć szereg kryteriów jeśli chodzi o ekran wyświetlający stronę.
Dalej
Jednym z największych problemów responsywnych web dizajnów są reklamy oraz tabele z danymi.
Jeśli chodzi o reklamy to jednym z najczęściej stosowanych rozwiązań jest tworzenie odpowiednich pakietów z miejscami reklamowymi zależnie od rozdzielczości urządzenia użytkownika strony. Natomiast, jeśli chodzi o tabele z danymi, to największym wyzwaniem jest upakowanie wszystkich danych tak, aby się zmieściły na jednym ekranie bez potrzeby przewijania.
W tym artykule poruszam temat związany ze skalowaniem obrazków i tła wraz ze zmianą szerokosci kontenera je zawierającego. Dzięki temu, proporcje obrazka nigdy nie będą naruszone i prezentowany obrazek będzie dobrze wyglądał.
Dalej![[JS] Jak zbudować menu dopasowujące się do szerokości strony z wykorzystaniem AdaptiveNav.js?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2016/03/adaptive-nav-javascript-jak-dopasowac-menu.jpg&nocache=1)
![[PHP][HTML5] Jak zaimplementować galerię responsywnych obrazków w WordPress?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/11/galeria-wordpress-html5-responsive.jpg&nocache=1)
![[HTML5] Jak zaimplementować responsywne obrazki na stronie?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/10/html5-responsive-images-srcset1.jpg&nocache=1)
![[jQuery] Responsywne tabele z danymi](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2012/12/jquery-responsive-tables.jpg&nocache=1)
![[CSS] Responsywne obrazki z zachowaniem proporcji](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2012/12/CSS-Responsywne-obrazki-z-zachowaniem-proporcji.jpg&nocache=1)