Czas czytania: < 1 minutWłaściwość CSS outline swoim działaniem przypomina właściwość border (czyli obramowanie). Obie właściwości tworzą więc wokół obiektu swojego rodzaju kontur. Co jednak istotne outline otacza nawet obramowanie, które tworzy border.
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ę.
Skrócenie nie mieszczącego się tekstu na stronie – CSS text-overflow
Czas czytania: < 1 minutTym razem chcę pokazać jak skrócić tekst nie mieszczący się bloku. Chodzi np. sytuację kiedy tytuł wpisu na blogu chcemy by zawsze był napisany w jednej linii.
Zmiana wyglądu pierwszej litery – :first-letter (inicjał)
Czas czytania: 2 minutZ pewnością ładnie jest rozpocząć tekst jak w starych księgach z wyróżnioną pierwszą literą (inicjałem).
Równej wysokości kolumny / elementy obok siebie na stronie internetowej
Czas czytania: 3 minutDość częstym problemem przy budowaniu strony internetowej jest utworzenie kolumn (zbudowanych np. DIV) o równej (takiej samej) wysokości.
Trójkąty za pomocą CSS
Czas czytania: < 1 minutZazwyczaj kiedy chcemy użyć trójkąta (figury geometrycznej) na stronie internetowej używamy do tego jakieś grafiki. Jednak nie zawsze tak musi być. Trójkąty spokojnie możemy też tworzyć w CSS.
Animowana ikona mobilnego menu “Hamburgera”
Czas czytania: 2 minutTematem jakim zajmę się dzisiaj będzie tzw. Hamburgerowe menu. Jest to menu składające się 3 leżących, równoległych do siebie kresek, przeważnie w ciemnym kolorze.
Pozycjonowanie tekstu i obrazków z pomocą CSS
Czas czytania: < 1 minutW 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.
Animacja ikon, obrazków na przykładzie dłoni
Czas czytania: 2 minutDziś postaram się pokazać jak w prosty sposób uzyskać efekt animowanej ikony (małego obrazka) na stronie internetowej.
Efekt Parallax podczas przewijania strony internetowej [CSS]
Czas czytania: 2 minutEfekt Parallax lub inaczej paralaksa to jeden z ciekawszych i jednocześnie łatwiejszych efektów jakie można spotkać na stronie internetowej. Stosowany jest głównie w wersjach strony na komputery bynajmniej nie tylko dlatego, że lepiej się na nich prezentuje.
Formatowanie zawartości tabeli w HTML i CSS na stronie
Czas czytania: 3 minutZbudowanie tabeli na stronie internetowej w HTML z pewnością dla większości z was nie stanowi dużego problemu.
Wyśrodkowanie obrazka lub tekstu na stronie z pomocą HTML i CSS
Czas czytania: 2 minutWyśrodkowanie tekstu lub ilustracji na stronie, witrynie internetowej jest stosunkowo prostą czynnością.
Kolor tła oraz tekstu za pomocą HTML i CSS (bgcolor, background)
Czas czytania: 3 minutKolor tła jak i fontu (czcionki) można zmieniać na rożne sposoby. Twórcy stron internetowych wykorzystują do tego celu głównie CSS ze względu na jego rozbudowane możliwości.