Czas czytania: < 1 minutZadaniem właściwości CSS letter-spacing jest ustawianie odległości (odstępów) pomiędzy poszczególnymi literami słowa w tekście.
Okienka z podpowiedziami / Popover Plugin Bootstrap
Czas czytania: < 1 minutWtyczka Popover (z ang. Popover Plugin) umożliwia dodawanie do linka okienka z podpowiedziami.
Zastosowanie właściwości outline [CSS]
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.
Ciekawe efekty Parallax / Paralaksy na stronę internetową CSS, JavaScript
Czas czytania: 2 minutParallax po polsku paralaksa jest jednym z popularniejszych efektów stosowanych na stronach internetowych. Efekt ten powoduje, że tło danej sekcji jest nieruchome lub jego elementy poruszają się w innym tempie niż my scrollujemy stronę.
Paginacja stron w Bootstrap
Czas czytania: 2 minutPaginacja czyli numerowanie stron ułatwia poruszanie się po stronach danej witryny. Jest ona bardzo przydatna i wygodna jeżeli witryna posiada się więcej niż jedną podstronę.
Grafika w Bootstrap 3
Czas czytania: 3 minutBootstrap podobnie jak w przypadku przycisków posiada różne gotowe wzorce wyświetlania się ilustracji.
Wyłączenie przybliżenia scroll’em na mapach Google
Czas czytania: 2 minutObecnie bardzo popularne stały się Mapy bezpośrednio pochodzące z Google (Google Maps) na całą szerokość strony (bez użycia API).
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.