Kurs HTML i CSS

HTML i CSS to podstawowe technologie wykorzystywane do budowania i formatowania stron internetowych. HTML odpowiada za strukturę i znaczenie elementów strony, natomiast CSS pozwala określać ich wygląd, rozmieszczenie oraz zachowanie w różnych sytuacjach.

W tej kategorii znajdziesz poradniki i przykłady kodu, które pomogą Ci poznać te technologie i wykorzystać je w praktyce. Omawiam między innymi znaczniki HTML, selektory i właściwości CSS, formatowanie tekstu, listy, tabele, formularze, menu nawigacyjne oraz efekty wizualne.

Materiały mogą być przydatne osobom rozpoczynającym naukę tworzenia stron WWW, a także tym, którzy znają już podstawy i chcą przypomnieć sobie konkretne rozwiązania lub znaleźć sposób na wykonanie wybranego elementu strony.

Jeśli wolisz uczyć się według uporządkowanego planu, zajrzyj również na stronę kursu HTML i CSS, gdzie znajdziesz materiały pogrupowane według zagadnień.

Efekt prostej karteczki z dziurką dla Tagów na blogu – CSS

Czasami chcemy by na naszej stronie lub blogu tagi wyróżniały się nie co na tle innych elementów strony. W takim wypadku warto pomyśleć czy nie zastosować na nich jakiegoś efektu lub czy np. nie zmienić całkowicie jego wyglądu.

Dowiedz się więcej

Sześciokąty rozmieszczone obok siebie CSS

Jakiś czas temu odwiedziłam stronę, której autor umieściła swoje portfolio w postaci sześciokątów (hexagonu) czyli kilku sześciokątów. Zrobiło to na mnie dość spore wrażenie jednak znalezienie rozwiązania zajęło mnie chwilę.

Dowiedz się więcej

Menu zakończone grotem / strzałką CSS

Jak pisałam w poprzednim poście CSS3 daje bardzo duże możliwości twórcą stron. Wspomniałam również o możliwości zastąpienia grafiki odpowiednią formułą. Pokazałam także proste figury geometryczne i jak je uzyskać.

Dowiedz się więcej

Figury geometryczne i ciekawe kształty z użyciem CSS

Pojawienie się CSS3 otworzyło nowe możliwości przed twórcami stron internetowych. A połączenie jego możliwości z HTML5 zmieniło kodowanie stron w prawdziwe programowanie. Czyli jednym słowem otwarło nam drogę do naprawdę imponujących możliwości.

Dowiedz się więcej

Kolorowanie co drugiego elementu CSS i jQuery – działania seryjne

Istnieje wiele metod kolorowania obiektów HTML takich jak tabela czy <div>. W tym wpisie postaram się przedstawić jedną z nich polegającą na kolorowaniu co drugiego elementu.

Dowiedz się więcej

Zmiana koloru i działania linka po najechaniu kursorem – efekt hover [CSS]

Zmiana koloru linku (<a></a>), ale nie tylko stanowi jeden z podstawowych efektów, jakie występują na stronie internetowej.

Dowiedz się więcej

Filtry graficzne w CSS – ciekawe efekty na stronę internetową

Obecnie istnieje kilka sposobów na zmianę koloru obrazka bez użycia programów do obróbki grafiki. Jedną z takich metod jest zastosowanie filtrów graficznych oferowanych przez właściwość CSS filter.

Dowiedz się więcej

Przezroczystość w CSS: efekt przezroczystości na stronie internetowej

Tym razem zajmiemy się przezroczystością na stronie internetowej. Czyli w dużym skrócie pokażę jak w prosty sposób można uzyskać przezroczystość w CSS. Efekt tego typu można bardzo łatwo i szybko uzyskać. Trzeba jedynie wiedzieć jak!

Dowiedz się więcej

Jak dodać pasek przewijania (scroll) CSS – overflow

Czasami zdarza, się że zawartość kontenera (np. <div>) na stronie internetowej jest znacznie większa niż sam kontener. Co sprawia, że kontener zmienia swoje wymiary lub jego zawartość (treść, grafika lun inne elementy) się w nim nie mieszczą. O ile na komputerach problem ten jest często drobiazgiem to na urządzeniach mobilnych różnie już bywa.

Dowiedz się więcej