Efekty / Formatowanie tekstu na stronie / PHP, HTML, CSS

Jak dodać plik w formacie SVG do strony internetowej?

Posted on:

Czas czytania: 2 minut Temat plików SVG nie jest nowy na moim blogu – poruszyłam jego tematykę w sumie już kilkakrotnie. Tym razem postaram się wam pokazać jak można umieścić taki plik na stronie internetowej. Aurelia […]

Biznes online / Strony WWW

Zalecane formaty obrazów na stronę internetową przez Google!

Posted on:

Czas czytania: 3 minut Tematem o jakim chce dziś napisać są zalecane przez Google formaty plików graficznych (next-gen formats). Czyli formaty graficzne, które zdaniem Firmy Google mają największy potencjał. Aurelia SypniewskaW branży IT jestem już od 2007 […]

Gotowe rozwiązania / PHP, HTML, CSS

Responsywne obrazy i grafiki na stronie – metody HTML i CSS (RWD)!

Posted on:

Czas czytania: 3 minut W dzisiejszych czasach nikogo już nie dziwi kiedy obraz na stronie (RWD Responsive Web Design) zaczyna się „kurczyć” dostosowując w ten sposób swoje rozmiary do wielkości ekranu urządzenia. Aurelia SypniewskaW branży IT jestem już […]

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

Lustrzane odbicia obrazków z pomocą CSS

Posted on:

Czas czytania: 2 minut Dzisiaj pokażę wam jak uzyskać efekt lustrzanego odbicia obrazka (ang. CSS image reflections) z pomocą CSS. Aktualnie z pomocą CSS można uzyskać ten efekt na kilka różnych sposobów. Aurelia SypniewskaW branży IT […]

Kurs Bootstrap / Strony WWW

Grafika w Bootstrap 4

Posted on:

Czas czytania: 2 minut Podobnie jak w Bootstrap 3 w Bootstrap 4 posiadamy już gotowe rozwiązania dla grafik umieszczonych na stronie. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania […]

Gotowe rozwiązania / Strony WWW

Czym jest plik w formacie SVG oraz jakimi programami można go utworzyć i otworzyć?

Posted on:

Czas czytania: 2 minut Zacznijmy od tego że pliki SVG (z ang. Scalable Vector Graphics File) zostały stworzone głównie z myślą o stronach internetowych. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką […]

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

Mieszanie kolorów z selektorem mix-blend-mode [CSS]

Posted on:

Czas czytania: < 1 minut Właściwość CSS mix-blend-mode określa sposób łączenia się ze sobą elementu nadrzędnego np. obrazka z tłem umieszczonym pod nim. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania […]

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 […]

PHP, HTML, CSS / Strony WWW

Dopasowywanie obrazka do rozmiaru obszaru roboczego CSS3 – object-fit

Posted on:

Czas czytania: 2 minut Z pomocą właściwości object-fit określamy w jaki sposób interesujący nas element HTML (np. obrazek) będzie wypełnić dany obszar na stronie internetowej. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się […]

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 / Strony WWW

Charakterystyka właściwości clip CSS

Posted on:

Czas czytania: < 1 minut Z pomocą własność CSS clip możemy określić, który fragment danego obiektu (np. grafiki) ma być widoczny lub też nie. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką […]

PHP, HTML, CSS / Strony WWW

Pozycjonowanie tekstu i obrazków z pomocą CSS

Posted on:

Czas czytania: < 1 minut W jednym z poprzednich wpisów pokazałam w jaki sposób wyśrodkować obrazek lub tekst wykorzystując do tego czysty HTML. Tym razem pójdę o krok dalej i do ustawiania ich na stronie użyję kaskadowych styli czyli CSS. Aurelia […]