Responsywna strona internetowa to strona, która jest zaprojektowana w taki sposób, aby dostosowywać się do różnych rozmiarów ekranów.
Responsywna strona – czyli jaka?
Łukasz
Łukasz
Łukasz
Nowa składnia media query w CSS
Budowanie nowoczesnego designu strony powinno być oparte o poprawne wypełnienie ekranu treścią i przedstawienie jej w efektowny sposób. Z pomocą przychodzi nam tutaj technika zwana @media query.
Łukasz
Piszemy chat Facebooka w CSS
Każdy użytkownik posiadający konto w popularnym serwisie społecznościowym Facebook zna to okienko. Mowa tutaj oczywiście o oknie wiadomości z innym użytkownikiem. Dzisiaj postaram się pokazać, jak zbudować taki czat w czystym CSS, bez zbędnych kombinacji. Zapraszam do lektury.
Łukasz
Console log w CSS
Pisanie kodu JavaScript nierzadko wymaga weryfikacji jakiegoś błędu, co wymaga zastosowania console.log’a. Błędy zdarzają się także w kodzie CSS, zatem co w takim przypadku należy zrobić? Z pomocą powinno przyjść najprostsze rozwiązanie. O tym przeczytasz poniżej.
Łukasz
box-sizing, czyli model pudełkowy
Model pudełkowy w CSS jest istotnym zagadnieniem przy tworzeniu strony www. Opisuje on zasadę dopasowywania elementów do innych elementów.
Łukasz
Jak wyśrodkować element?
Pytanie zawarte w tytule może wydawać się banalne, jednak początkujący twórcy stron nierzadko mają z tym problem. W tym wpisie pokażę kilka sposobów na środkowanie elementu na stronie.
Łukasz
Tworzymy layout bloga
W internecie można znaleźć przeróżne, gotowe szablony do niemal każdego rodzaju stron internetowych. Co w przypadku chęci stworzenia strony według własnego pomysłu? Tworzenie stron internetowych wymaga nie tylko umiejętności technicznych, ale także zmysłu artystycznego.
Łukasz
Flexbox – kompendium wiedzy
Flexbox opisuje dynamiczny i elastyczny układ strony w zależności od rozmiaru okna przeglądarki. Zapewnia poprawne wyświetlanie na wielu ekranach.
Łukasz
Sposoby wyrównania checkbox’ów w formularzu
Tworzenie stron internetowych zawiera w sobie wiele możliwości. Także jeśli chodzi o projektowanie i tworzenie formularzy, w których zawarte są pola wyboru. Jak podejść do tego typu formularzy i jak je wykonać, by były przyjazne użytkownikowi? Wyrównanie checkbox’ów i sposoby przedstawię w poniższym, krótkim artykule.
Łukasz
Zapowiedź CSS Container Queries
Od jakiegoś czasu można zaobserwować w świecie dev nowy trend lub podejście do tworzenia stron www. Mowa tu o planowanym wprowadzeniu „CSS Container Queries” do obsługi elastycznych layoutów. Tworząc projekt responsywny, często używa się zapytania @media, aby zmienić układ elementów w zależności od rozmiaru widocznego obszaru.
Łukasz
CSS Scroll Snapping, czyli ciekawe przewijanie
Często przemierzając internet można spotkać strony internetowe typu „one page”. Na niektórych przechodzenie między sekcjami odbywa się na zasadzie przewijania oraz „doskakiwania” do kolejnej/poprzedniej sekcji. Dawniej robiło się to za pomocą JavaScriptu, jednak dzisiaj możliwości są większe. Dzisiaj pozwala już na to sam CSS, o czym będzie w tym wpisie.
Łukasz
Tworzenie responsywnych tabel
Używanie tabel na stronie internetowej czasem sprawia nieco problemów, zwłaszcza, gdy nasz design strony jest elastyczny, responsywny. O ile na pełnowymiarowych komputerach nie sprawia to większych problemów, o tyle na urządzeniach mobilnych potrafi nieco popsuć odbiór danych z tabeli. Dzisiaj postaram się opisać jedno z przykładowych rozwiązań tego kłopotu.
Łukasz
Flexbox, czyli elastyczne tworzenie stron www
Pojęcie responsywnych stron www każdemu kojarzy się z elastycznymi stronami, które są dostosowane do wyświetlania na różnych rodzajach ekranów. W szczególności pojęcie znane jest osobom na stanowisku frontend developer – osoby odpowiedzialne za część wizualną (techniczną) strony www. Dzisiaj wiodącym trendem jest flexbox.
Łukasz