![Wysokość elementu, sekcji na wysokość okna przeglądarki [CSS]](https://aurainweb.pl/wp-content/uploads/2019/07/comp5-814x250.jpg)
Czas czytania: 3 minutW tym wpisie pokażę wam jak w prosty sposób ustawić wysokość elementu blokowego takiego jak <div> czy <section> na wysokość okna przeglądarki. Czyli na całą widoczną część strony – 100% wysokości.
Kategoria ta poświęcona jest tematyce budowy stron internetowych z pomocą języków takich jak: HTML, CSS i PHP. Dlatego też znajdziecie tu wiele różnych i ciekawych artykułów opisujących nie tylko sam proces budowy, ale także różne opcje, skrypty z pomocą, których możecie rozbudować wasze już istniejące witryny. Dowiecie się też jak wprowadzać tekst i grafiki na stronę.
Część materiałów to w praktyce małe kursy z pomocą, których możesz poznać bliżej daną tematykę. Kursy są na poziomie początkującym są więc świetnym sposobem nie tylko na zdobycie wiedzy, ale także na szybką powtórkę.
![Budujemy prostą galerię obrazów masonry na stronę internetową [CSS]](https://aurainweb.pl/wp-content/uploads/2019/12/masonery-t1.jpg)
Efekty / Inne / Inspiracje / Jak to zrobić / PHP, HTML, CSS / Strony WWW
Posted on:
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 używać @media query? Kilka przydatnych przykładów. [CSS3]](https://aurainweb.pl/wp-content/uploads/2019/10/mobile-814x250.jpg)
PHP, HTML, CSS / Wygląd witryny
Posted on:
Jak używać @media query? Kilka przydatnych przykładów. [CSS3]
Czas czytania: 4 minutMedia query to “zmienna” wprowadzona w CSS3. Obecnie spotykana jest ona na każdej stronie typu RWD.
![Jak osiągnąć efekt skośnego tła na stronie? [CSS]](https://aurainweb.pl/wp-content/uploads/2019/10/office-16-814x250.jpg)
Efekty / PHP, HTML, CSS / Tło, Obraz, Grafika
Posted on:
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
Posted on:
Cień na stronie z CSS3 – box-shadow, text-shadow
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.
Inne / PHP, HTML, CSS
Posted on:
PHTML – co to za format plików?
Czas czytania: < 1 minutPliki z rozszerzeniem .PHTML są to najczęściej pliki HTML zawierające wstawki w kodzie PHP.
Efekty / Inne / PHP, HTML, CSS / Strony WWW
Posted on:
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)
Efekty / PHP, HTML, CSS
Posted on:
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 […]
Efekty / Formatowanie tekstu na stronie / PHP, HTML, CSS
Posted on:
Jak dodać plik w formacie SVG do strony internetowej?
Czas czytania: 3 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.
![Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]](https://aurainweb.pl/wp-content/uploads/2019/08/com-814x250.jpg)
Formatowanie tekstu na stronie / Inne / PHP, HTML, CSS
Posted on:
Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]
Czas czytania: 2 minutDzisiaj pokażę wam jak w bardzo prosty sposób możemy powiązać ze sobą elementy, elementy siostrzane. Czyli takie, które znajdują się obok siebie (mają wspólnego rodzica) i nie są w żaden inny sposób ze sobą powiazane. […]
PHP, HTML, CSS / Strony WWW
Posted on:
Metodyka OOCSS (Object Oriented CSS) – dla stron internetowych
Czas czytania: 2 minutDzisiaj po raz kolejny zajmę się metodykami/konwencjami CSS. Do tej pory omówiłam już konwersję BEM jeśli macie ochotę możecie o niej poczytać tutaj. Dzisiaj przejdę do kolejnej a więc OOCSS. Warto pamiętać, że metodyka podobnie jak […]
PHP, HTML, CSS / Podstawy HTML i CSS
Posted on:
Podstawowe elementy, z których składa się strona w HTML
Czas czytania: 3 minutZdecydowałam się napisać ten wpis ponieważ prosiło go mnie o niego kilka osób. Wiem, że dla większości są to zapewne czyste podstawy ale widać powtórka z materiału każdemu czasem jest potrzebna.