Archiwa PHP, HTML, CSS - Strona 3 z 13

Budujemy prostą galerię obrazów masonry na stronę internetową [CSS]

Dzisiaj 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.

Dowiedz się więcej

Jak używać @media query? Kilka przydatnych przykładów. [CSS3]

Media query to bardzo użyteczna „zmienna”, „zapytanie” wprowadzone w CSS3. Prawidłowo użyta umożliwia dostosowanie wyglądu strony w zależności od np. szerokości ekranu, rodzaju urządzenia. Z tego powodu spotykana jest ona na każdej stronie typu RWD.

Dowiedz się więcej

Jak osiągnąć efekt skośnego tła na stronie? [CSS]

Od 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.

Dowiedz się więcej

Cień na stronie z CSS3 – box-shadow, text-shadow

Czasami w celu uzyskania ciekawego efektu na stronie chcemy dodać umieszczonym na niej obiektom (obrazom, tekstowi lub np. <DIV>, <button>) jak by dodatkowy wymiar.

Dowiedz się więcej

PHTML – co to za format plików?

Pliki z rozszerzeniem .PHTML są to najczęściej pliki HTML zawierające wstawki w kodzie PHP.

Dowiedz się więcej

Efekt pisania tekstu na stronie internetowej – animacje CSS

Dzisiaj 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.

Dowiedz się więcej

Łączenie ze sobą kilku plików include i require [PHP]

Zarówno include i require to bardzo użyteczne sformułowania spotykane w języku PHP. Obie funkcje pełnią w PHP taką samą funkcje – pozwalają połączyć, powiązać ze sobą kilka plików. Jak działają include i require? Brzmi trochę z pewnością trochę dziwnie, ale już tłumaczę o co chodzi. Zadaniem tych funkcji jest ładowanie zawartości zewnętrznych plików do jednego […]

Dowiedz się więcej

Pojawiający się obrazek po najechaniu kursorem myszy [CSS]

Tym 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 :hover.

Dowiedz się więcej

Jak dodać plik w formacie SVG do strony internetowej?

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.

Dowiedz się więcej

Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]

Dzisiaj 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. W większości przypadków kiedy oddziałujemy na dane obiekt są one ze sobą fizycznie powiązane.

Dowiedz się więcej

Metodyka OOCSS (Object Oriented CSS) – dla stron internetowych

Dzisiaj 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 inne ma również wpływ na strukturę kodową strony (np. HTML)

Dowiedz się więcej

Podstawowe elementy, z których składa się strona w HTML

Zdecydował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.

Dowiedz się więcej

PHP, HTML, CSS

Kontakt