PHP, HTML, CSS

Dodawanie cienia pod obiekty, obrazek lub tekstem z pomocą CSS

Posted on:

Czas czytania: 3 minut Czasami w celu uzyskania ciekawego efektu na stronie chcemy dodać umieszczonym na niej obiektom (obrazom, tekstowi lub np. <DIV>, <button>) jak by dodatkowy wymiar. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie […]

PHP, HTML, CSS / Strony WWW / Tło, Obraz, Grafika

Tło w kształcie fali (wavy shape) z pomocą CSS

Posted on:

Czas czytania: 2 minut W 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 […]

Efekty / Inne / PHP, HTML, CSS / Strony WWW

Pokaż więcej i mniej (show/hide) treści na stronie z pomocą CSS

Posted on:

Czas czytania: 3 minut Zapewne 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. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie […]

Gotowe rozwiązania / Strony WWW

3 Sprawdzone generatory gradientu na stronę internetową

Posted on:

Czas czytania: 2 minut Samodzielne tworzenie gradientów w CSS dla całkiem sporej grupy osób stanowi dość poważne wyzwanie. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy […]

Formatowanie tekstu na stronie / PHP, HTML, CSS

Zmiana koloru zaznaczenia tekstu – właściwość CSS ::selection

Posted on:

Czas czytania: 2 minut Podczas 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). Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym […]

PHP, HTML, CSS

Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position

Posted on:

Czas czytania: < 1 minut Właściwość CSS object-position służy do określania pozycji początkowej (położenia początkowego) wybranego elementu HTML w kontenerze. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy […]

Efekty / PHP, HTML, CSS

5 prostych efektów na obrazkach z wykorzystaniem hover – CSS

Posted on:

Czas czytania: 3 minut Animacje 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

Posted on:

Czas czytania: < 1 minut Zadaniem 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. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy […]

Gotowe rozwiązania / Inspiracje

Ciekawe efekty Parallax / Paralaksy na stronę internetową CSS, JavaScript

Posted on:

Czas czytania: 2 minut Parallax 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

Posted on:

Czas czytania: < 1 minut Trójkąty (figurę geometryczną) na stronie przeważnie umieszcza się w formie ilustracji, jest to najpopularniejsza metoda jednak nie jedyna. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy […]

Biblioteki JavaScript / Menu / PHP, HTML, CSS

Animowana ikona mobilnego menu „Hamburgera”

Posted on:

Czas czytania: 2 minut Tematem 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. Aurelia SypniewskaW branży IT jestem już od 2007 roku. […]

Gotowe rozwiązania / Inspiracje / Strony WWW

Niezwykłe efekty tekstowe z użyciem CSS3

Posted on:

Czas czytania: 2 minut Pojawienie się CSS3 było przełomowe w wielu aspektach budowy stron internetowych. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie […]