Czas czytania: 2 minutElementy HTML, które umieszczamy na stronie internetowej podzielić można na kilka grup. Jedną z nich pod względem zajmowanej przestrzeni są elementy liniowe i blokowe.
Prosta galeria slider z jQuery
Czas czytania: 3 minutDziś pokażę wam jak w prosty sposób zbudować ciekawy slider – galerię (baner) zdjęć składającą się z 5 zdjęć. Zdjęcia będą zaś pokazywać się po kliknięciu w przycisk – czyli interakcji z użytkownikiem.
Frameworki CSS – czy warto z nich korzystać?
Czas czytania: 5 minutGłównym zadaniem frameworków CSS jest przyspieszenie i ustandaryzowanie pracy twórców różnego typu stron internetowych. Jednak jak zawsze tak i w tej kwestii zdania są podzielone.
Wysokość elementu, sekcji na wysokość okna przeglądarki [CSS]
Czas czytania: 3 minutW tym wpisie pokażę wam jak w prosty sposób ustawić wysokość elementu blokowego takiego jak <div> czy <section> na wysokość okna przeglądarki. Czyli na całą widoczną część strony – 100% wysokości.
Budujemy prostą galerię obrazów masonry na stronę internetową [CSS]
Czas czytania: 2 minutDzisiaj 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.
PHTML – co to za format plików?
Czas czytania: < 1 minutPliki z rozszerzeniem .PHTML są to najczęściej pliki HTML zawierające wstawki w kodzie PHP.
Efekt pisania tekstu na stronie internetowej – animacje CSS
Czas czytania: < 1 minutDzisiaj 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.
Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]
Czas czytania: 2 minutDzisiaj 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. […]
Zastąpienie tekstu grafiką na stronie
Czas czytania: 2 minutDzisiaj pokażę wam jak zastąpić zwykły tekst (napisany HTML) na stronie internetowej dowolną grafiką bez konieczności bezpośrednio ingerowania w kod HTML.
Pokaż więcej i mniej (show/hide) treści na stronie z pomocą CSS
Czas czytania: 3 minutZapewne każdy z was spotkał się na stronie internetowej z efektem rozwijającego /chowającego się (toggle) po kliknięciu np. fragment tekstu lub obrazka.
Właściwość CSS scroll-behavior (zachowanie się scrolla)
Czas czytania: < 1 minutWłaściwość CSS scroll-behavior (zachowanie scroll) pozwala nam określić, w jaki sposób ma nastąpić przewinięcie treści strony podczas skoku z jednego punktu do drugiego.
Właściwość CSS – resize
Czas czytania: < 1 minutDzięki właściwość CSS resize użytkownik zyskuje możliwość zmiany rozmiaru danego pola (np. div lub textarea).