Czas czytania: 2 minutZmniejszający się na stronie pasek nawigacyjny (nav, header) to dość często spotykany efekt. Utworzenie go wcale nie wymaga dużego nakładu czasu a jedynie znajomości odpowiednich właściwości. Zazwyczaj uzyskuje się go dzięki CSS i JavaScript (lub […]
W kategorii tej znajdziecie różne przydatne bardziej lub mniej rozwiązania i efekty dla stron internetowych. Dowiecie się jak to jest zrobione i do czego służy. Krok po kroku pokażę jak z pomocą HTML, CSS, PHP czy JS samodzielnie coś zbudować.
Jak to zrobić / Menu
Tworzymy pasek ikon za pomocą HTML i CSS
Czas czytania: 2 minutDziś pokażę wam jak zrobić bardzo prosty pasek ikon (Icon Bar) na stronę internetową używając do tego HTML i CSS. Pasek taki czasami wykorzystywany jest jako dodatkowe menu nawigacyjne. Jak w większości […]
Jak to zrobić
Jak to zrobić Oś czasu na stronie? (RWD)
Czas czytania: 2 minutTym razem pokażę wam jak zbudować prostą oś czasu (timeline, linia czasu) na stronie internetowej z pomocą HTML i CSS. By ją zbudować i zrozumieć jak ją rozbudować lub przebudować przyda się przynajmniej podstawową wiedzę z obu […]
Biblioteki JavaScript / Gotowe rozwiązania / Jak to zrobić
Budowa prostego slideshow (pokazu slajdów)
Czas czytania: 3 minutTym razem pokaże wam jak zbudować bardzo prosty slideshow (pokazu slajdów), który później będziecie mogli rozbudować o dodatkowe efekty. Slideshow zbuduję z pomocą HTML, CSS i JavaScript.
Strony WWW / Efekty / Jak to zrobić / PHP, HTML, CSS
Jak zastąpić obrazek kodem CSS?
Czas czytania: 3 minutW tym artykule pokażę wam jak w bardzo prosty sposób zastąpić grafikę, obrazek kodem CSS. Większość efektów jakie poniżej zobaczycie stała się możliwa wraz z rozwojem CSS. A tym samym ułatwiło życie […]
Biblioteki JavaScript / Jak to zrobić
Tło poruszające się za kursorem myszy
Czas czytania: 2 minutTematem jaki tym razem chce poruszyć jest tło poruszające się za kursorem myszy. W praktyce końcowym efektem będzie tło będzie podrożało podążające za ruchem myszki odsłaniając lub chowając fragmenty obrazu, zdjęcia […]
Efekty / Jak to zrobić / Tekst w HTML i CSS
Przezroczysty napis z obramowaniem HTML/CSS
Czas czytania: 2 minutDzisiaj pokażę wam jak w bardzo prosty sposób stworzyć przezroczysty napis z obramowaniem na stronę internetową korzystając jedynie z HTML i CSS. Do wykonania tego efektu będzie nam też potrzebna podstawowa wiedza z obu tych […]
PHP, HTML, CSS / Inne / Jak to zrobić
Prosta galeria slider z jQuery
Czas czytania: 3 minutDziś pokażę wam jak w prosty sposób zbudować ciekawy slider – galerię (baner) zdjęć składającą się z 5 zdjęć. Zdjęcia będą zaś pokazywać się po kliknięciu w przycisk – czyli interakcji z użytkownikiem.
![Dynamicznie ładujący się progress bar [Bootstrap]](https://aurainweb.pl/wp-content/uploads/2020/02/bootstrap.jpg "Dynamicznie ładujący się progress bar [Bootstrap] 9")
Kurs Bootstrap / Biblioteki JavaScript / Jak to zrobić
Dynamicznie ładujący się progress bar [Bootstrap]
Czas czytania: 2 minutDziś pokażę wam jak zbudować prosty dynamicznie ładujący się pasek postępu czyli z angielskiego dynamic progress bar.
Biblioteki JavaScript / Jak to zrobić
Wysuwany i chowany panel na stronę internetową w jQuery
Czas czytania: 3 minutDziś z pomocą jQuery zbuduję bardzo prosty wysuwany panel na stronę. Mój Panel będzie działać na zasadzie podobnej jak w przypadku menu na stronie typu RWD. Czyli klikamy w obiekt i z boku wysunie nam się do tej pory […]
Biblioteki JavaScript / Jak to zrobić / Kurs Bootstrap / PHP, HTML, CSS / Strony WWW
Prosty akordeonowy slider (Accordion slider)
Czas czytania: 3 minutDziś pokażę jak zbudować prosty slider w formie akordeonu. Od razu uprzedzam, że przyspieszyłam sobie trochę pracę korzystając z Grida wbudowanego w Bootstrap 4. Dlatego części elementów nie będę omawiać. Z pewnością jednak znajomość tej biblioteki […]
![Budujemy prostą galerię obrazów masonry na stronę internetową [CSS]](https://aurainweb.pl/wp-content/uploads/2019/12/masonery-t1.jpg "Budujemy prostą galerię obrazów masonry na stronę internetową [CSS] 12")
Strony WWW / Efekty / Inne / Inspiracje / Jak to zrobić / PHP, HTML, CSS
Budujemy prostą galerię obrazów masonry na stronę internetową [CSS]
Czas czytania: 2 minutDzisiaj zbudujemy bardzo prostą galerię obrazów w stylu masonry (pionowe) z pomocą CSS. No dobrze, ale z pewnością część z was zastanawia się co to jest te masonry. W języku angielskim słowo to oznacza kamieniarstwo, murarstwo.