Czas czytania: 3 minutCzasami w celu uzyskania ciekawego efektu na stronie chcemy dodać umieszczonym na niej obiektom (obrazom, tekstowi lub np. <DIV>, <button>) jak by dodatkowy wymiar.
Strony WWW / PHP, HTML, CSS / Tło, Obraz, Grafika
Tło w kształcie fali (wavy shape) z pomocą CSS
Czas czytania: 2 minutW związku z tym, że mamy wakacje postanowiłam pisać o nieco lżejszych tematach. Dlatego też dzisiaj pokażę wam jak zrobić efekt falującego tła (wavy shape, efekt fali) na stronie. W brew pozorom efekt ten […]
PHP, HTML, CSS / Efekty / Inne / Strony WWW
Pokaż więcej i mniej (show/hide) treści na stronie z pomocą CSS
Czas czytania: 3 minutZapewne każdy z was spotkał się na stronie internetowej z efektem rozwijającego /chowającego się (toggle) po kliknięciu np. fragment tekstu lub obrazka.
Gotowe rozwiązania / Strony WWW
3 Sprawdzone generatory gradientu na stronę internetową
Czas czytania: 2 minutSamodzielne tworzenie gradientów w CSS dla całkiem sporej grupy osób stanowi dość poważne wyzwanie.
PHP, HTML, CSS / Formatowanie tekstu na stronie
Zmiana koloru zaznaczenia tekstu – właściwość CSS ::selection
Czas czytania: 2 minutPodczas zaznaczania tekstu (lub tylko jego fragmętu) na stronie internetowej tło umieszczone bezpośrednio pod nim zmienia on kolor np. na ciemno niebieski, modrakowy (w zależności od przeglądarki internetowej).
PHP, HTML, CSS / Tło, Obraz, Grafika
Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position
Czas czytania: < 1 minutWłaściwość CSS object-position służy do określania pozycji początkowej (położenia początkowego) wybranego elementu HTML w kontenerze.
PHP, HTML, CSS / Efekty
5 prostych efektów na obrazkach z wykorzystaniem hover – CSS
Czas czytania: 3 minutAnimacje aktywowane efektem typu hover (po najechaniu kursorem myszy) są zawsze ciekawym dodatkiem na stronie internetowej. Dzięki rozwiązaniom jakie dało nam CSS3 stały się też o wiele bardziej popularniejsze i prostsze w użyciu. Niemniej […]
PHP, HTML, CSS / Tekst w HTML i CSS
Odstępy pomiędzy literami w słowie CSS letter-spacing
Czas czytania: < 1 minutZadaniem właściwości CSS letter-spacing jest ustawianie odległości (odstępów) pomiędzy poszczególnymi literami słowa w tekście.
Gotowe rozwiązania / Inspiracje
Ciekawe efekty Parallax / Paralaksy na stronę internetową CSS, JavaScript
Czas czytania: 2 minutParallax po polsku paralaksa jest jednym z popularniejszych efektów stosowanych na stronach internetowych. Efekt ten powoduje, że tło danej sekcji jest nieruchome lub jego elementy poruszają się w innym tempie niż my scrollujemy stronę.
PHP, HTML, CSS / Strony WWW
Trójkąty za pomocą CSS
Czas czytania: < 1 minutTrójkąty (figurę geometryczną) na stronie przeważnie umieszcza się w formie ilustracji, jest to najpopularniejsza metoda jednak nie jedyna.
PHP, HTML, CSS / Biblioteki JavaScript / Menu
Animowana ikona mobilnego menu „Hamburgera”
Czas czytania: 2 minutTematem jakim zajmę się dzisiaj będzie tzw. Hamburgerowe menu. Jest to menu składające się 3 leżących, równoległych do siebie kresek, przeważnie w ciemnym kolorze.
Inspiracje / Gotowe rozwiązania / Strony WWW
Niezwykłe efekty tekstowe z użyciem CSS3
Czas czytania: 2 minutPojawienie się CSS3 było przełomowe w wielu aspektach budowy stron internetowych.