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 […]
Zalecane formaty obrazów na stronę internetową przez Google!
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 […]
Responsywne obrazy i grafiki na stronie – metody HTML i CSS (RWD)!
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ż […]
Lustrzane odbicia obrazków z pomocą CSS
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 […]
Grafika w Bootstrap 4
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 […]
Czym jest plik w formacie SVG oraz jakimi programami można go utworzyć i otworzyć?
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ą […]
Mieszanie kolorów z selektorem mix-blend-mode [CSS]
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 […]
Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position
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 […]
Dopasowywanie obrazka do rozmiaru obszaru roboczego CSS3 – object-fit
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ę […]
5 prostych efektów na obrazkach z wykorzystaniem hover – CSS
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 […]
Charakterystyka właściwości clip CSS
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ą […]
Pozycjonowanie tekstu i obrazków z pomocą CSS
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 […]