Tworząc różnego rodzaju interfejsy użytkownika na stronach internetowych czy też w aplikacjach internetowych najczęściej skupiamy się na użyteczności. Jest to bardzo ważne, ponieważ nie ma nic gorszego z punktu widzenia użytkownika niż interfejs, który nie pozwala osiągnąć zamierzonego efektu w jak najmniejszej ilości potrzebnych kroków do wykonania.
Dalej
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
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
W dzisiejszym artykule mam zamiar zaprezentować ciekawy sposób na zbudowanie 2-kolumnowego layoutu w którym elementy będą zajmowały dostępne miejsce bez pozostawiania wolnych przestrzeni. Dzięki temu otrzymamy coś w rodzaju mozaiki w dwóch kolumnach, która będzie się dostosowywała do wielkości elementów wewnątrz.
Dalej
Ostatnio postanowiłem sprawdzić czym jest React.js? Od dłuższego czasu miałem świadomość istnienia tej biblioteki do obsługi widoków w aplikacjach JS. W trakcie testowania możliwości React.js napotkałem się z problemem aktualizacji widoku po zmianie stanu/wartości jednego z atrybutów widoku.
Dalej
W poprzednim wpisie, w którym recenzowałem szablon do Joomla!, poruszyłem kwestię optymalizacji czcionek z ikonami. W tym artykule chciałbym rozszerzyć ten temat przedstawiając kilka ciekawych sposobów na ich optymalizację.
Dalej
Postanowiłem pociągnąć temat związany z formularzami. Tym razem skupię się na sposobach walidowania pól formularzy za pomocą możliwości dostarczonych przez CSS.
Dalej
Formularze jakie są, każdy widzi. Najczęściej jest to zestaw kilku pól do wypełnienia i przycisk wyślij, przykładem takiego formularza jest na przykład formularz kontaktowy na blogu. Zazwyczaj jedynymi usprawnieniami formularza są komunikaty o błędnie wypełnionych polach oraz informacje wspomagające wprowadzanie danych.
Dalej![[CSS] Kilka sposobów na ożywienie interfejsu użytkownika za pomocą animacji CSS](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2016/05/CSS-Kilka-sposobow-na-ozywienie-interfejsu-uzytkownika-za-pomoca-animacji-CSS.jpg&nocache=1)
![[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)
![[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)
![[CSS] Jak stworzyć 2 kolumny elementów ułożonych jak w mozaice?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/07/flexbox-2-columns-mosaic.jpg&nocache=1)
![[JS] Jak zaktualizować wygląd elementu po zmianie stanu atrybutu w React.js?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/07/JS-Jak-zaktualizowac-wyglad-elementu-po-zmianie-stanu-atrybutu-w-React.js.jpg&nocache=1)
![[CSS] 3 sposoby na optymalizację ładowania czcionek na stronie o których nie miałeś do tej pory pojęcia](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/05/3-sposoby-ladowania-czcionek-css.jpg&nocache=1)
![[CSS] Jak walidować pola formularzy za pomocą CSS?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/01/css-form-validation.jpg&nocache=1)
![[CSS] Jak dodać interaktywną etykietę pola do formularza?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2014/12/css-Jak-dodac-interaktywna-etykiete-pola-do-formularza.jpg&nocache=1)