Czas czytania: 2 minutTym razem pokażę wam jak zrobić bardzo prosty akordeon czyli rozwijane i zwijane pola z tekstem (Collapsibles, Accordion). Element ten pozwoli nam rozmieszczać tekst na stronie w przyjazny sposób dla docelowych użytkowników.
Różne pozostałe tematy, kursy , ciekawe artykuły przydatne przy tworzeniu stron www. Kategoria ta łączy w sobie zróżnicowaną tematykę krążąco wokół witryn internetowych.
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 […]
PHP, HTML, CSS
Współczynnik proporcji, czyli aspect-ratio w CSS
Czas czytania: 2 minutWłaściwość aspect-ratio umożliwia zdefiniowanie pożądanej szerokości do wysokości elementu znajdującego się w kontenerze, polu. W praktyce umożliwia nam to dostosowywanie się zawartości w obszarze do wymiarów przeglądarki. Być może wydaje się to na początku mało użyteczne […]
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 […]
PHP, HTML, CSS / Tabele
Blokowanie nagłówków tabeli HTML w pionie poziomie za pomocą CSS
Czas czytania: 2 minutTym razem zajmiemy się tematyką blokowania nagłówków tabeli na stronie internetowej. Umożliwi to nam budowanie bardziej zaawansowanych tabel na stronach takich nieco przypominających te z Excela lub innego arkusza kalkulacyjnego. Przynajmniej a wyglądu.
![Jak zrobić cytat na stronie < blockquote >, < q >?[HTML]](https://aurainweb.pl/wp-content/uploads/2019/10/office-10.jpg "Jak zrobić cytat na stronie < blockquote >, < q >?[HTML] 7")
PHP, HTML, CSS / Tekst w HTML i CSS
Jak zrobić cytat na stronie < blockquote >, < q >?[HTML]
Czas czytania: < 1 minutDzisiaj pokażę wam jak w bardzo prosty sposób dodać cytat na stronę internetową. Do tego celu użyjemy znaczników kodu HTML – <blockquote> oraz <q>. Pierwszy z nich tworzy blok tekstowy, w którym umieścimy treść cytatu. […]
PHP, HTML, CSS / Wygląd witryny
Selektor CSS :nth-last-child()
Czas czytania: < 1 minutPseudoklasa CSS :nth-last-child() to selektor dopasowujący elementy HTML będące kolejnym dzieckiem swojego rodzica, innymi słowy należące do pewnej grupy (typu) posiadających ten sam element nadrzędny. Jak sama nazwa mówi będziemy […]
PHP, HTML, CSS / Tło, Obraz, Grafika / Wygląd witryny
Pseudo-element ::backdrop CSS
Czas czytania: < 1 minutPseudo-element CSS ::backdrop stanowi pole o wielkości okna bezpośrednio za obiektem. Można więc uznać, że jest to pewna forma tła.
PHP, HTML, CSS / Wygląd witryny
Wyjaśnienie selektora :nth-child() – CSS
Czas czytania: 2 minutPseudoklasa CSS :nth-child() to selektor oddziałujący na elementy, które spełniają określone warunki. Przykładowo są 3 / 2 elementem potomnym w jakiś kontenerze lub na jakieś liście.
PHP, HTML, CSS / Podstawy HTML i CSS
Hreflang – definicja, zastosowanie
Czas czytania: < 1 minutHreflang jest to atrybut, znacznik HTML umieszczany w nagłówku strony internetowej. Głównym jego zadaniem jest informowanie przeglądarki o istnieniu różnych wersji językowych.
PHP, HTML, CSS / Efekty / Wygląd witryny
CSS właściwość position (absolute, relative, static, fixed)
Czas czytania: 3 minutDziś zajmiemy się właściwością CSS position z pomocą, której możemy modyfikować pozycję różnych elementów na stronie. Chodzi np. o zatrzymanie w pewnym miejscu <div>, <header> czy wysunięcie elementu HTML z okalającego go kontenera (rodzica).