Czas czytania: 3 minutW tym artykule pokażę wam jak w bardzo prosty sposób zastąpić grafikę, obrazek kodem CSS. Większość efektów jakie poniżej zobaczycie stała się możliwa wraz z rozwojem CSS. A tym samym ułatwiło życie […]
Efekty / Jak to zrobić / Tekst w HTML i CSS
Przezroczysty napis z obramowaniem HTML/CSS
Czas czytania: 2 minutDzisiaj pokażę wam jak w bardzo prosty sposób stworzyć przezroczysty napis z obramowaniem na stronę internetową korzystając jedynie z HTML i CSS. Do wykonania tego efektu będzie nam też potrzebna podstawowa wiedza z obu tych […]
PHP, HTML, CSS / Efekty / Wygląd witryny
CSS właściwość position (absolute, relative, static, fixed)
Czas czytania: 3 minutDziś zajmiemy się właściwością CSS position z pomocą, której możemy modyfikować pozycję różnych elementów na stronie. Chodzi np. o zatrzymanie w pewnym miejscu <div>, <header> czy wysunięcie elementu HTML z okalającego go kontenera (rodzica).
PHP, HTML, CSS / Efekty / Formatowanie tekstu na stronie
Jak korzystać z znacznika <SPAN> w HTML?
Czas czytania: < 1 minutZnacznik <span> dość często jest nie doceniany przez osoby, które dopiero zaczynają naukę HTML i CSS. Jest tak dlatego, że nie zdają sobie one sprawy z jego potencjału.
![Budujemy prostą galerię obrazów masonry na stronę internetową [CSS]](https://aurainweb.pl/wp-content/uploads/2019/12/masonery-t1.jpg "Budujemy prostą galerię obrazów masonry na stronę internetową [CSS] 5")
Strony WWW / Efekty / Inne / Inspiracje / Jak to zrobić / PHP, HTML, CSS
Budujemy prostą galerię obrazów masonry na stronę internetową [CSS]
Czas czytania: 2 minutDzisiaj zbudujemy bardzo prostą galerię obrazów w stylu masonry (pionowe) z pomocą CSS. No dobrze, ale z pewnością część z was zastanawia się co to jest te masonry. W języku angielskim słowo to oznacza kamieniarstwo, murarstwo.
![Jak osiągnąć efekt skośnego tła na stronie? [CSS]](https://aurainweb.pl/wp-content/uploads/2019/10/office-16-814x250.jpg "Jak osiągnąć efekt skośnego tła na stronie? [CSS] 6")
PHP, HTML, CSS / Efekty / Tło, Obraz, Grafika
Jak osiągnąć efekt skośnego tła na stronie? [CSS]
Czas czytania: 2 minutOd razu przyznam się, że kiedy pierwszy raz zobaczyłam skośne tło na stronie internetowej to myślałam, że ktoś obrócił tło strony. To była moja pierwsza myśl i jak się kazało błędna.
PHP, HTML, CSS / Efekty / Inne / Strony WWW
Efekt pisania tekstu na stronie internetowej – animacje CSS
Czas czytania: < 1 minutDzisiaj wracam do tematyki animacji jakich można użyć na stronie internetowej. Do tej pory pokazałam takie dość klasyczne animacje głównie na obrazkach i grafikach. Tym razem na swój warsztat wezmę więc tekst.
![Pojawiający się obrazek po najechaniu kursorem myszy [CSS]](https://aurainweb.pl/wp-content/uploads/2019/07/pokarz.jpg "Pojawiający się obrazek po najechaniu kursorem myszy [CSS] 8")
PHP, HTML, CSS / Efekty
Pojawiający się obrazek po najechaniu kursorem myszy [CSS]
Czas czytania: 2 minutTym razem pokażę wam jak w bardzo prosty sposób uzyskać na stronie internetowej efekt obrazka pojawiającego się po najechaniu kursorem myszy na link. Inne podobne efekty aktywowane położeniem kursora myszy znajdziecie w serii […]
PHP, HTML, CSS / Efekty / Formatowanie tekstu na stronie
Jak dodać plik w formacie SVG do strony internetowej?
Czas czytania: 2 minutTemat 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.
Strony WWW / Biblioteki JavaScript / Efekty / PHP, HTML, CSS
Jak stworzyć dynamiczne zakładki (taby) na stronę? CSS/jQuery
Czas czytania: 3 minutDzisiaj coś trochę z innej bajki ponieważ zajmę się tworzeniem zakładek, tabów z pomocą jquery. Będzie to coś co w dużym stopniu przypomina menu na stronie (w zachowaniu i wyglądzie), choć działa nieco inaczej.
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.
Strony WWW / Efekty / Gotowe rozwiązania / Inspiracje / PHP, HTML, CSS
Tworzymy proste animowane Sticky Note w CSS
Czas czytania: 4 minutDzisiaj pokaże wam jak zrobić proste Sticky Note (karteczek z notatkami) jedynie z pomocą CSS.