W dzisiejszym artykule mam zamiar Ci przedstawić sposób na zbudowanie ciekawego formularza, w którym wszystkie elementy interaktywne będą wykonane tylko za pomocą HTML i CSS. Formularz będzie wielokrokowy/wielostronicowy, to znaczy będą 3 strony formularza między którymi będziemy się przełączać bez użycia JS.
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
Jakiś czas temu zastanawiałem się czy można synchronizować stan aplikacji między dwiema otwartymi zakładkami przeglądarki? W pewnych sytuacjach byłaby to bardzo przydatna rzecz. Jak się okazało, jest taka możliwość, a sposób w jaki można synchronizować stany nieco mnie zaskoczył.
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
Do tej pory, animacje 3D kojarzyły się najczęściej z grami komputerowymi lub filmami. Do ich utworzenia wykorzystywano zupełnie inne języki programowania niż CSS czy JS. Na szczęście, obecny postęp technologiczny i rozwoju języków webowych pozwala na utworzenie obiektów 3D czy animacji 3D już za pomocą CSS.
Dalej
Dzisiejszy wpis będzie dotyczył tworzenia atrakcyjnie wyglądających nagłówków na stronach WWW. Aby osiągnąć zamierzony efekt wykorzystamy tylko i wyłącznie język CSS. Dzięki nim będzie można bardzo uatrakcyjnić stronę niestandardowo wyglądającymi tytułami.
Dalej
Na pewno czasem chciałbyś, aby galeria zdjęć wyglądała szczególnie efektownie i przyciągała uwagę użytkownika strony.
W dzisiejszym artykule zostanie opisany sposób na uzyskanie efektu błysku na zdjęciu za pomocą tylko i wyłącznie CSS. Efekt pojawi się w momencie najazdu kursorem myszki na zdjęcie.
Jakiś czas temu serwis Allegro.pl zamieścił ogłoszenie o tym, że poszukują programistów PHP. Zadaniem do zrealizowania w drugim etapie było stworzenie skryptu który miał rozwiązać sudoku. Zmierzyłem się z tym zadaniem i powstał skrypt rozwiązujący sudoku, którym zamierzam się podzielić na łamach tego bloga.
Dalej![[CSS] Jak zbudować wielokrokowy formularz za pomocą CSS?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/09/how-to-build-multistep-form.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 zsynchronizować wideo między dwiema zakładkami przeglądarki?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/02/JS-Jak-zsynchronizowac-wideo-miedzy-dwiema-zakladkami-przegladarki.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)
![[CSS][JS] Jak utworzyć animowane trójwymiarowe obiekty w CSS?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2013/03/animowane-kostki-3D-w-css.jpg&nocache=1)
![[CSS] Jak zrobić atrakcyjnie wyglądający nagłówek na stronie?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2012/05/CSS-Jak-zrobic-atrakcyjnie-wygladajacy-naglowek-na-stronie.jpg&nocache=1)
![[CSS] Jak zrobić efekt błysku na obrazku?](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2012/04/Jak-zrobic-efekt-blasku-na-obrazku.jpg&nocache=1)
![[PHP]Skrypt do rozwiązywania sudoku](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2011/11/PHPAplikacja-do-rozwiazywania-sudoku.jpg&nocache=1)