Czas czytania: 2 minutJak sam tytuł mówi tym razem zajmę się dopasowaniem układu tekstu do kształtu obrazka.
Kategoria ta poświęcona jest tematyce budowy stron internetowych z pomocą języków takich jak: HTML, CSS i PHP. Dlatego też znajdziecie tu wiele różnych i ciekawych artykułów opisujących nie tylko sam proces budowy, ale także różne opcje, skrypty z pomocą, których możecie rozbudować wasze już istniejące witryny. Dowiecie się też jak wprowadzać tekst i grafiki na stronę.
Część materiałów to w praktyce małe kursy z pomocą, których możesz poznać bliżej daną tematykę. Kursy są na poziomie początkującym są więc świetnym sposobem nie tylko na zdobycie wiedzy, ale także na szybką powtórkę.
Efekty na tekście z użyciem cienia – Text-Shadow
Czas czytania: 2 minutText-Shadow – czyli cień umieszczony pod tekstem stanowi jedną z ciekawszych właściwości CSS .
Jak zmienić kształt kursora (wskaźnika) myszy na stronie? [CSS]
Czas czytania: < 1 minutCzasami w celu uatrakcyjnienia lub usprawnienia działania witryny internetowej chcemy zmienić kształty kursora (wskaźnika) myszy.
Proste rozwijane poziome menu w CSS
Czas czytania: 5 minutW tym tygodniu pokażę wam jak zbudować proste poziome rozwijane menu (ang. top dropdown) korzystając z CSS i HTML. Dla nie wtajemniczonych chodzi o takie zwykłe górne menu na stronę internetową.
Zdarzenia myszki – pointer-events CSS
Czas czytania: 2 minutWłaściwość pointer-events określa jak na dane zdarzenie wywołane z użyciem kursora myszy powinien reagować konkretny obiekt HTML.
Efekt zoom hover po najechaniu kursorem na zdjęcie, obrazek
Czas czytania: 3 minutPodczas tworzenia stron internetowych często najważniejszą kwestią jest dobranie odpowiednich efektów aktywowanych np. po najechaniu kursorem myszy lub podczas przewijania strony (scroll). Powinny być one nie tylko ciekawe, ale i wykorzystywane z umiarem.
Animacja w CSS – Transitions, czyli efekty przejścia w CSS
Czas czytania: 3 minutWitam w kolejnym wpisie poświęconym tematyce animacji na stronach internetowych. Temat ten jest dość szeroki więc więc na pewno nie dam rady tutaj omówić wszystkich jego aspektów.
Prosta animacja z użyciem CSS3
Czas czytania: 2 minutZapewne każdy z was widział różne animacje na stronach internetowych. Obracające się czy wjeżdżające zdjęcia. Większość z tych animacji stworzona jest za pomocą JavaScript (lub z jego biblioteką jQuery).
Proste zdjęcia z efektem Polaroid RWD [CSS3]
Czas czytania: 3 minutW jednym z wcześniejszych wpisów pisałam jak z pomocą PHP można uzyskać efekt zdjęć Polaroid.
Przekształcenia 2D w CSS3 – obrót obiektu HTML (transform)
Czas czytania: 2 minutWe wcześniejszym wpisie pokazałam jak stworzyć obracający się po najechaniu myszką div na przykładzie “obracającej się animowanej karty” (obrazka).
Tworzenie gradientu na stronie z pomocą CSS3
Czas czytania: 4 minutSłowo gradient zwykle kojarzy się nam się zwykle z obrazkiem posiadającym bardzo ciekawą kolorystykę np. przechodzącym z jednej barwy w drugą.
box-sizing – wyjaśnienie działania właściwości CSS
Czas czytania: 2 minutModel pudełkowy jest jednym z najpopularniejszych sposobów budowania stron. Jak sama nazwa mówi składa się on z pudełek czyli mamy np. jeden duży kontener a w nim umieszczone elementy w kolejnych mniejszych kontenerach.