webroad.plwebroad.pl
Po świąteczno-noworocznej przerwie pora rozruszać stawy palcach. Dzisiejszym tematem będzie centrowanie elementu znajdującego się w kontenerze. Rzecz prosta, lecz często poszukiwana w wyszukiwarkach, szczególnie przez początkujących web-developerów. O tym, jak wyśrodkować element za pomocą trzech sposobów – Flexbox, Grid i Block – przeczytasz poniżej. Załóżmy, że znaleźliśmy się w sytuacji,
webroad.pl
Ostatnio bardzo modny ale i za razem praktyczny – z punktu widzenia użytkownika – jest temat udostępniania wszem i wobec ciemnych wersji interfejsu aplikacji webowych. Sam jestem zwolennikiem tego ruchu i z utęsknieniem wypatruję kolejnych usług, które taką formę oferują. Co ciekawe, za pomocą CSS3 i reguł dostępnych w Media
webroad.pl
Znacie ten ból podczas wypełniania formularza na stronie internetowej? Ciągłe komunikaty – wypełnij to pole, niepoprawny format. Klikamy i klikamy, czasem kilka razy w przycisk wysyłania, za każdym razem dowiadując się o błędach walidacji. Co zrobić, aby takim jak my, żyło się lepiej? Zaoferować choćby minimalną, niewielką pomoc w postaci
webroad.pl
Standardowo przycisk z atrybutem type=”submit” wysyła formularz, w którym bezpośrednio się znajduje. Jak zatem wysłać formularz przyciskiem, który znajduje się poza nim, w zupełnie innym miejscu dokumentu HTML? Atrybut form dla elementu <button> Za pomocą atrybutu form, do którego przekażemy identyfikator formularza, można wywołać zdarzenie wysłania tego formularza. [crayon-5fd385ee17b73670276533/]
webroad.pl
Pytaliście w komentarzach jak skracać tekst znajdujący się w kilku wierszach, w akapicie. Jest to obecnie możliwe również za pomocą CSS. Postanowiłem więc odświeżyć ten wpis z przed lat i dostosować go do bieżących możliwości przeglądarek. Pierwsza część zawiera to, co było tutaj do tej pory – skracanie tekstu
DevcornerDevcorner
W każdym projekcie ważne jest zachowanie przejrzystej struktury plików. Niezależnie od tego czy tworzysz rozbudowaną aplikację webową czy prostą stronę typu onepage, powinieneś korzystać z jakiegoś sposobu strukturyzowania plików. W tym artykule poznasz 2 sposoby na tworzenie struktury plików SASS/SCSS. Jeden z nich będzie idealny w przypadku prostych projektów. Drugi
Devcorner
Często widzę osoby, które pomimo nawet kilku lat nauki tworzenia stron internetowych wciąż są na etapie początkującego. Zazwyczaj popełniają błędy, które sam popełniałem. Dopiero po zdefiniowaniu moich błędów i zastosowaniu poniższych porad zacząłem widzieć szybki postęp z dnia na dzień. Nie przedłużając oto 6 błędów, które popełniają osoby uczące się
Devcorner
W 2021 roku dobrze już wiemy, że możliwości CSS daleko wykraczają poza to co znaliśmy jeszcze kilka lat temu. Elementy, które kiedyś tworzyliśmy z pomocą JavaScript, dziś możemy napisać w samym CSS. Idealnym tego przykładem są gry tworzone tylko przy użyciu stylów. You Must Build a Lighthouse Gra z cyklem
Devcorner
W tym zestawieniu poznasz 10 gier online, dzięki którym w rozrywkowy sposób rozwiniesz swoje umiejętności programistyczne. CodeWars CodeWars to platforma pozwalająca na naukę wielu języków programowania. Po wybraniu języka i przejściu testu, otrzymasz dostęp do wyzwań. Możesz zdobywać punkty, być częścią rankingu i porównywać swoje rozwiązania do innych. Nauczysz się:
Devcorner
W dniach 22-23 maja w Gdańsku odbyła się kolejna edycja infoShare – największej konferencji technologicznej w Europie Środkowo-Wschodniej. W tym roku udało mi się odwiedzić to wydarzenie. W tym wpisie podzielę się moimi wrażeniami w infoShare 2018. Dzień pierwszy Na konferencje dotarłem w poranek 22 maja. Po krótkiej i bezproblemowej
hello roman
Czy rozwiązania no-code i low-code zastąpią kiedyś programistów? Czy maszyny przejmą kontrolę nad światem i starzy dobrzy developerzy nie znajdą już dla siebie miejsca? Obecnie obserwujemy prawdziwy wysyp rozwiązań, które przy pomocy interfejsu oferują nam tworzenie całych aplikacji. Pytanie tylko – czy to ma sens? ⭐️ Wesprzyj kanał za 34,99
⭐️ Wesprzyj kanał za 34,99 zł na miesiąc i uzyskaj dostęp do wszystkich moich kursów na kanale: https://www.youtube.com/channel/UCq8XmOMtrUCb8FcFHQEd8_g/join 📓 Kup Hello Notes na https://sklep.helloroman.pl 🔔 Subskrybuj mój kanał - https://www.youtube.com/helloroman?sub_confirmation=1 📌 Sprawdź też: Instagram - http://instagram.com/siemaroman Facebook - https://facebook.com/helloroman.vlog Moja strona - https://helloroman.com 📫 Mój newsletter - https://helloroman.com/newsletter ✉️ Kontakt
⭐️ Wesprzyj kanał za 34,99 zł na miesiąc i uzyskaj dostęp do wszystkich moich kursów na kanale: https://www.youtube.com/channel/UCq8XmOMtrUCb8FcFHQEd8_g/join 📓 Kup Hello Notes na https://sklep.helloroman.pl 🔔 Subskrybuj mój kanał - https://www.youtube.com/helloroman?sub_confirmation=1 📌 Sprawdź też: Instagram - http://instagram.com/siemaroman Facebook - https://facebook.com/helloroman.vlog Moja strona - https://helloroman.com 📫 Mój newsletter - https://helloroman.com/newsletter ✉️ Kontakt
⭐️ Wesprzyj kanał za 34,99 zł na miesiąc i uzyskaj dostęp do moich najnowszych kursów: https://www.youtube.com/channel/UCq8XmOMtrUCb8FcFHQEd8_g/join 📓 Kup Hello Notes na https://sklep.helloroman.pl ⭐️ Uzyskaj dostęp do wszystkich moich kursów za 99 zł na miesiąc: https://eduweb.pl/programowanie-i-www... 🔔 Subskrybuj mój kanał - https://www.youtube.com/helloroman?su... 📌 Sprawdź też: Instagram - http://instagram.com/siemaroman Facebook - https://facebook.com/helloroman.vlog
📓 Kup Hello Notes na https://sklep.helloroman.pl Nowa praca to zawsze stresik. Ale nowa praca + pierwsza praca to stresik tysiąc. Pomyślałem więc, że podzielę się swoim doświadczeniem i podpowiem Wam, na co uważać, gdy traficie do pierwszej pracy w Waszym życiu, jeśli będziecie mieć na tyle szczęścia, że będzie
Front Cave
Spis Treści Wprowadzenie Sortowanie z uwzględnieniem znaków diaktrycznych Intl.Collator Przykład sortowania z użyciem Int.Collator.compare Podpowiedzi z użyciem elementu Datalist Formatowanie dat Intl.DateTimeFormat Przykład użycia Intl.DateTimeFormat Tłumaczenie nazw Intl.DisplayNames Przykład użycia Intl.DisplayNames Względne formatowanie dat Intl.RelativeTimeFormat Przykład Intl.RelativeTimeFormat Kod przykładów na Github Interaktywny przykład na Github Pages Podsumowanie Wprowadzenie Internacjonalizacja aplikacji
Front Cave
Spis Treści Wprowadzenie Generatory Przykład generatora Kod przykładu generatora na Github Redux Saga Przykład Sagi Pełny kod Sagi Kod przykładu Sagi na Github Podsumowanie Wprowadzenie Redux Saga to popularny middleware dla Reduxa, oparty na generatorach. Umożliwia obsługę asynchroniczności w sposób przypominający kod synchroniczny. Warto poznać tą bibliotekę ze względu
Front Cave
Spis treści Wprowadzenie Zatrzymywanie się na modyfikacji HTML Modyfikacja wewnątrz elementu Modyfikacja atrybutu elementu Usunięcie elementu Kod w repozytorium Github React – zatrzymywanie się na modyfikacji HTML Kod w repozytorium Github Podsumowanie Wprowadzenie Możliwość debugowania zmian w HTML była funkcjonalnością, o której sam długo nie widziałem. Co prawda jest ona
Front Cave
Ten post jest trzecim z serii o GraphQL: Spis Treści Wprowadzenie Zarządzanie cache w Apollo Client Cykliczne powtarzanie zapytania do serwera Ręczna aktualizacja cache Dwukierunkowa komunikacja z serwerem za pomocą Subscription i WebSocket Obsługa Subscriptions i WebSocket na serwerze Obsługa Subscriptions i WebSocket na kliencie Kod obu aplikacji na Github
Front Cave
Spis Treści Wprowadzenie Dotychczasowe nagrania CSS GRID – webinar Tarnow Devs Redux Toolkit – wprowadzenie Niemutowalność w React z ImmerJS – wprowadzenie Podsumowanie Wprowadzenie Poza wpisami na blogu, istnieje kanał Frontcave na Youtube. Choć w tym momencie nie jest on tak aktywny jak sam blog, są już plany na kolejne