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.
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.
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.
Safari Technology Preview 137 i 138 – nowości
Grudniowa i styczniowa aktualizacja testowej wersji przeglądarki Safari Technology Preview zawiera bardzo ciekawe zapisy i nowości. Są to nowości z zakresu CSS, JS oraz Web Inspektora. Dzisiaj chciałbym opisać istotne zmiany w przypadku styli i narzędzi deweloperskich, które będą przydatne w pracy frontendowca.
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.
Prosty trójkąt w CSS
Dzisiaj skupię się na tych pierwszych i pokażę, jak w prosty sposób wykonać trójkąt w CSS.
Ciekawe kształty w czystym CSS
Na stronie internetowej czasem potrzebujemy wyświetlić niestandardowy kształt. Tu możemy wykorzystać CSS i właściwość border-radius.
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.