Skip to content

AuraInWeb

Blog o budowie stron i e-marketingu

  • Home
  • Blog
    • Marketing
      • Content marketing
      • Pozycjonowanie
      • Infografika
    • Artykuł Sponsorowany
    • Programy i aplikacje
    • WordPress
    • e-commerce
  • Budowa stron
    • PHP, HTML, CSS
      • Podstawy HTML i CSS
      • Tekst w HTML i CSS
      • Formatowanie tekstu na stronie
      • Tło, Obraz, Grafika
      • Listy na stronie
      • Menu
      • Obramowania
      • Formularze
      • Efekty
      • Inne
    • Kurs Bootstrap
    • Kurs PHP
    • CMS
    • Gotowe rozwiązania
    • Jak to zrobić
  • O mnie
    • Kontakt
    • Filmy
  • Darmowe Kursy
    • Kurs HTML + CSS dla początkujących
    • Kurs z prowadzenia własnego bloga!
    • Kurs z PHP
    • Kurs z WordPress dla początkujących
    • Kurs z Pozycjonowania
    • Poradniki
Prosta galeria slider z jQuery
PHP, HTML, CSS / Inne / Jak to zrobić

Prosta galeria slider z jQuery

Posted on: 16 maja 202224 czerwca 2025

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.

Dodanie klasy do obiektu z pomocą jQuery [JS] – .addClass()
Biblioteki JavaScript

Dodanie klasy do obiektu z pomocą jQuery [JS] – .addClass()

Posted on: 22 maja 202018 listopada 2025

Czas czytania: 3 minutZ tego artykułu dowiecie się jak z pomocą jQuery dodać dodatkową klasę do obiektu HTML. Po części ten temat przemykał już kilkakrotnie, ale dla części z was mógł wydać się niezrozumiały. Dlatego postanowiłam go nieco […]

Dynamicznie ładujący się progress bar [Bootstrap]
Kurs Bootstrap / Biblioteki JavaScript / Jak to zrobić

Dynamicznie ładujący się progress bar [Bootstrap]

Posted on: 21 lutego 202022 maja 2025

Czas czytania: 2 minutDziś pokażę wam jak zbudować prosty dynamicznie ładujący się pasek postępu czyli z angielskiego dynamic progress bar.

Wysuwany i chowany panel na stronę internetową w jQuery
Biblioteki JavaScript / Jak to zrobić

Wysuwany i chowany panel na stronę internetową w jQuery

Posted on: 14 lutego 202022 maja 2025

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 […]

Prosty akordeonowy slider (Accordion slider)
Biblioteki JavaScript / Jak to zrobić / Kurs Bootstrap / PHP, HTML, CSS / Strony WWW

Prosty akordeonowy slider (Accordion slider)

Posted on: 7 lutego 202022 maja 2025

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 […]

Jak automatycznie wyświetlić na stronie wszystkie obrazy z folderu? Prosta Galeria w PHP [JS]
Biblioteki JavaScript / Jak to zrobić

Jak automatycznie wyświetlić na stronie wszystkie obrazy z folderu? Prosta Galeria w PHP [JS]

Posted on: 18 października 201922 maja 2025

Czas czytania: 3 minutDzisiaj pokażę wam jak wyświetlić na stronie wszystkie obrazy znajdujące się w folderze. Oczywiście będziemy to robić bez linkowania po kolei każdego zdjęcia. Od razu wyrzucimy wszystkie obrazy z wybranego katalogu.

Jak stworzyć dynamiczne zakładki (taby) na stronę? CSS/jQuery
Strony WWW / Biblioteki JavaScript / Efekty / PHP, HTML, CSS

Jak stworzyć dynamiczne zakładki (taby) na stronę? CSS/jQuery

Posted on: 10 maja 201928 kwietnia 2025

Czas czytania: 3 minutDzisiaj coś trochę z innej bajki ponieważ zajmę się tworzeniem zakładek, tabów z pomocą jquery. Będzie to coś co w dużym stopniu przypomina menu na stronie (w zachowaniu i wyglądzie), choć działa nieco inaczej.

Budujemy prostą stronę internetową cz. 6
PHP, HTML, CSS / Kurs Bootstrap

Budujemy prostą stronę internetową cz. 6

Posted on: 14 grudnia 20184 września 2025

Czas czytania: 2 minutWitam w ostatniej części mojego kursu budowania prostej strony internetowej w tej części zajmę się animacjami. Czyli efektami jakie można, ale nie trzeba dodać na stronę. Głównym zadaniem animacji jest uatrakcyjnienie witryny oraz poprawa reakcji na czynności […]

Ciekawe biblioteki z animacjami, które odmienią twoją stronę
Gotowe rozwiązania / Biblioteki JavaScript / Programy i aplikacje

Ciekawe biblioteki z animacjami, które odmienią twoją stronę

Posted on: 23 lutego 201815 stycznia 2025

Czas czytania: 3 minutDobrym i sprawdzonym sposobem na „ożywienie” strony internetowej jest zastosowanie na niej różnych animacji. Właściwie dobrane i umiejscowione efekty potrafią poprawić odbiór każdej strony – ale jak zwykle trzeba przy tym pamiętać o umiarze.

Walentynkowe animacje – inspiracje nie tylko na stronę
Gotowe rozwiązania / Inspiracje

Walentynkowe animacje – inspiracje nie tylko na stronę

Posted on: 16 lutego 201814 stycznia 2025

Czas czytania: 2 minutPoniżej znajdziecie kilka ciekawych inspiracji przygotowanych przez różnych twórców z okazji Walentynek (14.02).

Automatyczne odświeżanie strony
Strony WWW / Biblioteki JavaScript / PHP, HTML, CSS

Automatyczne odświeżanie strony

Posted on: 18 października 201715 lutego 2025

Czas czytania: < 1 minutProwadząc portal internetowy lub często aktualizowaną stronę gdzie nowy artykuł może pojawić się w ciągu kilku minut chcielibyśmy na bieżąco pojawiały

Akordeon – rozwijaki i zwijaki na stronie przykłady
Gotowe rozwiązania / Inspiracje / PHP, HTML, CSS / Strony WWW

Akordeon – rozwijaki i zwijaki na stronie przykłady

Posted on: 14 lipca 201718 listopada 2025

Czas czytania: 2 minutZ akordeonem możemy spotkać się na różnych stronach internetowych. Najczęściej w dziale FAQ – gdzie z jego pomocą możemy rozwinąć odpowiedz na nasze pytanie.

Stronicowanie wpisów

Page 1 Page 2 Next page

Szukaj

Jeśli chcesz wesprzeć moje działania:

Postaw mi kawę na buycoffee.to

Uzyskane w ten sposób fundusze będę przeznaczać na dalszy rozwój bloga (w tym różne opłaty związane z jego prowadzeniem).

Kurs z HTML i CSS

Najświeższe wpisy

  • Zmniejszanie paska nawigacyjnego (nav, header) na stronie na stronie
  • Akordeon, czyli rozwijaki i zwijaki na stronę internetową
  • Tworzymy pasek ikon za pomocą HTML i CSS
  • Jak to zrobić Oś czasu na stronie? (RWD)
  • Budowa prostego slideshow (pokazu slajdów)

Strona korzysta z serwera:

LH.pl dobry hosting
LH.pl dobry hosting

Reklama

canva - tworzenie grafik
  • Facebook
  • Instagram
  • YouTube

Polityka prywatności

  • Polityka prywatności

Kontakt

Kontakt: aurainweb@gmail.com
lub Facebooka
To prywatny blog, nie firma. Jeśli zależy Ci na współpracy ze mną to napisz śmiało.

Najnowsze artykuły

  • Zmniejszanie paska nawigacyjnego (nav, header) na stronie na stronie
  • Akordeon, czyli rozwijaki i zwijaki na stronę internetową
  • Tworzymy pasek ikon za pomocą HTML i CSS
  • Jak to zrobić Oś czasu na stronie? (RWD)
  • Budowa prostego slideshow (pokazu slajdów)

Kategorie na blogu

Książki - wybierz na Ceneo

Archiwum

Szukaj na blogu

Reklama


Telefony komórkowe_kreacje_świąteczne na Ceneo.pl

animacja animacja z użyciem CSS3 biblioteka blog bootstrap bootstrap 4 bootstrap tutorial cms CSS CSS3 edycja tekstu efekty CSS font formatowanie tekstu Google hover html Inspiracje JavaScript Joomla! jQuery kod kolory kurs kurs CSS kurs html marketing internetowy obraz obrazek Podstawy HTML pseudo klasa pseudoklasa strona strona internetowa strona www strony www style CSS tabela tekst tutorial tutorial CSS Tutorial CSS3 twitter bootstrap tło wpis sponsorowany

Jeśli chcesz wesprzeć moje działania: Postaw mi kawę na buycoffee.to

Niestety ostatnimi czasy koszta prowadzenia bloga dość mocno wzrosły dlatego też postanowiłam dodać ten przycisk. Jak z pewnością wiecie prowadzę bloga sama i niestety nie zarabia on na siebie. A przynajmniej nie tyle by opłacić wszystkie koszta jego prowadzenia.

Reklama

LH.pl dobry hosting
LH.pl dobry hosting

Tagi

animacja animacja z użyciem CSS3 biblioteka blog bootstrap bootstrap 4 bootstrap tutorial cms CSS CSS3 edycja tekstu efekty CSS font formatowanie tekstu Google hover html Inspiracje JavaScript Joomla! jQuery kod kolory kurs kurs CSS kurs html marketing internetowy obraz obrazek Podstawy HTML pseudo klasa pseudoklasa strona strona internetowa strona www strony www style CSS tabela tekst tutorial tutorial CSS Tutorial CSS3 twitter bootstrap tło wpis sponsorowany
canva - tworzenie grafik
Theme Cube Blog by Kantipur Themes
Zarządzaj zgodą na pliki cookie
Używamy technologii takich jak pliki cookie do przechowywania i/lub uzyskiwania dostępu do informacji o urządzeniu. Robimy to, aby poprawić jakość przeglądania i wyświetlać (nie)spersonalizowane reklamy. Wyrażenie zgody na te technologie umożliwi nam przetwarzanie danych, takich jak zachowanie podczas przeglądania lub unikalne identyfikatory na tej stronie. Brak wyrażenia zgody lub jej wycofanie może niekorzystnie wpłynąć na niektóre cechy i funkcje.
Funkcjonalne Zawsze aktywne
Przechowywanie lub dostęp do danych technicznych jest ściśle konieczny do uzasadnionego celu, jakim jest umożliwienie korzystania z konkretnej usługi wyraźnie wymaganej przez abonenta lub użytkownika, lub wyłącznie w celu przeprowadzenia transmisji komunikatu przez sieć łączności elektronicznej.
Preferencje
Przechowywanie lub dostęp techniczny jest niezbędny do uzasadnionego celu przechowywania preferencji, o które nie prosi subskrybent lub użytkownik.
Statystyki
Przechowywanie lub dostęp techniczny, który jest używany wyłącznie do celów statystycznych. Przechowywanie techniczne lub dostęp, który jest używany wyłącznie do anonimowych celów statystycznych. Bez wezwania do sądu, dobrowolnego podporządkowania się dostawcy usług internetowych lub dodatkowych zapisów od strony trzeciej, informacje przechowywane lub pobierane wyłącznie w tym celu zwykle nie mogą być wykorzystywane do identyfikacji użytkownika.
Marketing
Przechowywanie lub dostęp techniczny jest wymagany do tworzenia profili użytkowników w celu wysyłania reklam lub śledzenia użytkownika na stronie internetowej lub na kilku stronach internetowych w podobnych celach marketingowych.
  • Zarządzaj opcjami
  • Zarządzaj serwisami
  • Zarządzaj {vendor_count} dostawcami
  • Przeczytaj więcej o tych celach
Zobacz preferencje
  • {title}
  • {title}
  • {title}