Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position
Właściwość CSS object-position służy do określania pozycji początkowej (położenia początkowego) wybranego elementu HTML w kontenerze.
Dopasowywanie obrazka do rozmiaru obszaru roboczego CSS3 – object-fit
Z pomocą właściwości object-fit określamy w jaki sposób interesujący nas element HTML (np. obrazek) będzie wypełnić dany obszar na stronie internetowej.
Najpopularniejsze systemy CMS / Platformy webowe
Tematem, który tym razem poruszę będą najpopularniejsze systemy do zarządzania treścią zwane CMS ( ang. Content Management System). Z pewnością mieliście już, z którymś z nich do czynienia, niekoniecznie nie koniecznie nawet o tym wiedząc.
5 prostych efektów na obrazkach z wykorzystaniem hover – CSS
Animacje aktywowane efektem typu hover (po najechaniu kursorem myszy) są zawsze ciekawym dodatkiem na stronie internetowej. Możliwe jest to dzięki CSS3, który wprowadził wiele ciekawych rozwiązań w strukturze, wyglądzie i zachowaniu strony.
Przełamanie / Przerywane obramowanie, tło – box-decoration-break
Bardzo ciekawym selektorem CSS jest box-decoration-break, z którego pomocą możemy stworzyć przełamany obszar np. z użyciem tła bądź obramowania.
Selektory rodzeństwa w CSS
Zanim przejdę do zaprezentowania właściwości oraz możliwości pracy na selektorach, chciałam przybliżyć tematykę rodzeństwa.
Usuwanie obramowania klikniętych linków CSS
Usuwanie obramowania klikniętych linków jest dosyć proste i nie wymaga jakieś dużej wiedzy z CSS lub HTML.
Dlaczego warto włączyć certyfikat SSL (HTTPS) dla strony internetowej?
Większość użytkowników Internetu kojarzy HTTPS głównie jako fragment adresu strony np. swojego banku. Co ciekawe bardzo często nie z nazwy (bo niektóre przeglądarki chowają przedrostek) tylko po charakterystycznej ikonce w kształcie „kłódki” w oknie adresowym.
Akordeon – rozwijaki i zwijaki na stronie przykłady
Z akordeonem możemy spotkać się na różnych stronach internetowych. Najczęściej w dziale FAQ – gdzie z jego pomocą możemy rozwinąć odpowiedz na nasze pytanie.
Rozwijana lista Bootstrap 3+ Dropdowns
Bootstrap Dropdowns czyli rozwijana lista jest rodzajem menu. Nazwa wzięła się, od sposobu obsługi listy, jest to więc lista rozwijająca się po naciśnięciu przycisku.
Bootstrap Karuzela – prosty slider
Wśród wielu ciekawych możliwości jakie oferuje Bootstrap warto wymienić Bootstrap Carousel (karuzelę) czyli bardzo prosty pokaz zdjęć.
Zanikające, przenikające obrazy – animacje z CSS i JavaScript (jQuery)
Tym razem pokażę jak w prosty sposób wykonać ciekawą animacje na zdjęciach z użyciem CSS i JavaScript (jQuery) lub z samym CSS. Tym razem pokażę jak w prosty sposób wykonać ciekawą animacje na zdjęciach z użyciem CSS i JavaScript (jQuery) lub z samym CSS.