Require PodcastRequire Podcast
2020 był... ciekawym rokiem. A jeszcze ciekawsze było to, co działo się w szeroko pojętym świecie JavaScriptu. W tym odcinku, razem z Michałem z Type of Web, podsumowujemy ten rok. Jakie technologie zdominowały frontend i backend? Jaką rolę grał TypeScript? Co nas rozczarowało w tym roku? A co może nadejść
Require Podcast
Module bundlery to bardzo przydatne narzędzia wchodzące w skład niemalże każdej nowoczesnej strony internetowej. Zazwyczaj znajdują się pod spodem innych narzędzi, ale warto się również przyjrzeć im samym. W tym odcinku rozmawiamy o tym czym są, co mogą dla nas zrobić oraz porównujemy najciekawsze z nich. Po linki i więcej
Require Podcast
Firebase jest bardzo ciekawą usługą od Google, pozwalającą nam tworzyć pełnoprawne aplikacje z backendem... bez pisania ani jednej linijki kodu backendowego. W tym odcinku przyjrzymy się podstawom Firebase i jego głównym częściom. Oczekujcie również w najbliższym czasie drugiej części odcinka o Firebase, w którym porozmawiamy o rzeczach trochę bardziej "dookoła"
Require Podcast
W tym odcinku podsumowujemy dość duże wydarzenie jakim był Next.js Conf, wymieniamy się swoimi przemyśleniami na jego temat oraz omawiamy nowości zaprezentowane podczas prezentacji. Zapraszamy wszystkich do sprawdzenia linków i notatek odcinka na archiwum na naszej stronie oraz do zapisania się do naszego newslettera.
Require Podcast
W kolejnym odcinku Require Podcast, w naszych skromnych progach zawitał gość - Adam Romański, autor kanału hello roman. Rozmawiamy o naszych początkach w programowaniu, tym skąd się uczyliśmy, na co trzeba uważać i co warto robić ucząc się kodownictwa. Na pewno nie zabrakło zabawnych sytuacji i przydatnych rad :D Tradycyjnie
webroad.plwebroad.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
webroad.pl
Zbliża się czwarta edycja konferencji ByteMyCode powered by UBS! W tym roku uczestnicy spotkają się w wirtualnym świecie, a tematem przewodnim edycji będzie: „Współczesny Inżynier rok później: innowacyjna adaptacja do #NewNormal„. Na cyfrowej scenie wystąpią światowej sławy gwiazdy IT. ByteMyCode 2020 to seria technicznych, praktycznych rozmów na temat uczenia maszynowego,
devpebe.com | blog frontendowy
Hoisting to kolejny z podstawowych terminów w JavaScript. Znajomość tego zagadnienia często wymagana jest procesu rekrutacyjnego i pomaga w zrozumieniu działania kodu JavaScript. Czym jest hoisting? Hoisting (windowanie) mówi o tym jak działa JavaScript. W języku JavaScript podczas wykonywania kodu wszystkie deklaracje zmiennych oraz funkcji „przenoszone są na początek”,
Domknięcia to jeden z podstawowych mechanizmów działania JavaScript. Zobacz czym są domknięcia.
Efekt fali w CSS przedstawiony w artykule jest kreatywny i prosty w wykonaniu. Do animacji wykorzystałem tylko CSS! Jak zrobić efekt fali? Wystarczy kilka linijek kodu :). Kod HTML Kod CSS (SCSS) Jak działa powyższy kod Animacja opiera się na zwykłych divach z tłem oraz zaokrąglonymi rogami (border-radius), które obracają
Dokumentacje komponentów UI stają się standardem w pracy front-end dewelopera. W artykule przedstawiam jak stworzyć dokumentację za pomocą Storybooka.
Kilka linijek kodu CSS, który doda piękny efekt gradientowego tekstu do strony internetowej.
Kody, triki, sztuczki
Jest to najprostszy sposób na dodanie InPost do sklepu - Woocommerce. Nie użyjemy tutaj żadnego dedykowanego pluginu. Przykład ten dodaje jedynie pole gdzie możemy wybrać, czy wyszukać nasz paczkomat. Dodamy te dane do zamówienia ale ich nie przeliczymy. Informacje o paczkomacie pojawiają się również w zamówieniu oraz mailu który jest
Dlaczego ciekawy zapytacie, a no dla tego że z zachowaniem hierarchii zaznaczania elementów. Zaczynamy od html, prosta budowa więc nie ma co tłumaczyć. Zwykłe UL a w nim następne UL 😉 Oczywiście mozliwość zagnieżdżenia wielu ul. <ul> <li><a href="#">onion, chopped</a> <ul> <li><a href="#">tomato, chopped</a></li> <li><a href="#">cloves garlic, chopped, or more
Dzisiaj będzie o stylowaniu radio oraz checkbox butonów. Przykład jest w połączeniu z przekreślaniem treści, przydało się ostatnio w budowaniu składników przepisów. Zacznę od html, są to dwa formularze z butonami po kliknięciu których wstawimy w h3 te opcje (value) które zaznaczyliśmy. Poniżej skrócona wersja html, zaś na samym końcu
Mała odskocznia i trochę styli na wieczór. Dzisiaj prosty przykład użycia text-shadow. Zaczynamy oczywiście od prostego html. Na podstawie klasy 'add-shadow' pobieramy tekst i każdą literę owijamy w span <div class="content"> <h1 class="add-shadow">Frontend development</h1> </div> Teraz przejdźmy do styli. Najlepszym wyborem będzie wąska czcionka i oczywiście musi być pogrubiona. Importujemy
Jakiś czas temu przygotowałem zbór przykładów użycia leaflet z mapami OSM. Jeżeli ktoś ma jakieś propozycje co można by jeszcze tam umieścić to poproszę podać w komentarzach. Całe repo znajduje się pod tym adresem - leaflet-examples