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.
Blog - Tworzenie stron
Tworzenie stron na Białołęce
Wiele dzielnic Warszawy została już nasycona, jeśli chodzi o wykonawców stron internetowych. Jak to się przedstawia na warszawskiej Białołęce?
Strona internetowa w Warszawie
Rynek warszawski jest bardzo specyficzny, jeśli chodzi o tworzenie stron internetowych. Konkurencja jest ogromna, a co za tym idzie, wybór odpowiedniej firmy do stworzenia strony jest ciężki. Zatem jak wybrać odpowiedniego wykonawcę, który przedstawi nasze potrzeby w formie strony internetowej?
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.
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.
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.
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.
Dialog, czyli natywne, wyskakujące okno
Okna dialogowe są często wykorzystywane na stronach internetowych. Potrzeba ich wykorzystania nasiliła się, gdy zaczęto wprowadzać na szeroką skalę powiadomienia o ciasteczkach na stronie. Do pewnego momentu wykorzystywano po prostu pojawiający się div, jednak dzisiaj jest też natywna możliwość wykorzystania elementu
Package.json – co to jest i z czego się składa?
Plik package.json jest podstawą systemu Node.js, który zawiera kompletne informacje na temat projektu. Od nazwy projektu, przez warunki licencyjne, aż po użyte pakiety potrzebne do zbudowania działającej wersji projektu.
Cascade Layers CSS
Głównym problemem, który rozwiązują warstwy kaskadowe, jest zapewnienie poprawnego sposobu pisania CSS bez martwienia się o nadpisywanie się wartości i kolejność źródeł.
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.
Filtrowanie danych w JS
Tworząc sklep internetowy z dużą ilością produktów potrzebujemy stworzyć sprawny mechanizm filtrowania danych, aby umożliwić klientowi odnalezienie pożądanego produktu. Zatem dzisiaj przygotujemy filtry danych i obsłużymy je w JavaScript, aby wyświetlić dane produkty.
Jak zrobić dobry code review?
Podczas tworzenia oprogramowania, nie ważne czy strony internetowej, aplikacji, ważnym elementem jest dobry code review. Wprowadzenie dobrych praktyk od początku cyklu życia danego oprogramowania z pewnością ułatwi i przyspieszy pracę.
Pseudo selektor :has()
Bardzo niedawno temu, nastał dzień, w którym to pierwsza przeglądarka uruchomiła wsparcie dla pseudo selektora :has() w CSS. Jest to o tyle ważna informacja, ponieważ czekaliśmy na to już od jakiegoś czasu. W skrócie: pseudo selektor :has() wybiera rodzica danego elementu.
Obrazy responsywne
Dzisiejszy wpis chciałbym poświęcić tematowi responsywnych obrazów na stronie internetowej. Temat bardzo istotny, gdyż bardzo wiele osób przegląda strony na urządzeniach mobilnych o różnej rozdzielczości. Dlatego przygotowuje się strony tak, aby zawierały obrazy responsywne.
prefers-reduced-motion, redukcja ruchu na stronie
Tworząc nowoczesne strony internetowe chcemy, aby była ona przyjazna użytkownikowi. Chcemy także, aby treść na stronie była przedstawiona w atrakcyjny sposób, także w formie animacji. Nie można jednak przesadzić, bo wtedy uwaga użytkownika zostanie rozproszona i jest mniejsza szansa, że dotrze do informacji, której szukał. Dzisiejszy wpis poświęcę zagadnieniu, które pomoże w zmniejszeniu ruchu na stronie (redukcja ruchu), gdy użytkownik sobie tego życzy.