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 branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.
Strony WWW
Akordeon, czyli rozwijaki i zwijaki na stronę internetową
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.
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 […]
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.
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 […]
Tabele
Responsywna tabela HTML/CSS
Czas czytania: 2 minutTematem jakim dziś się zajmiemy będą responsywne tabele na stronie internetowej lub jak kto woli RWD Tables. Jak zapewne wiecie responsywność jest obecnie jednym z podstawowych wymogów jakie musi spełnić […]
![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] 12")
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. […]