Wake up and CodeWake up and Code
Wczoraj dość spontanicznie wrzuciłam na IG Stories moje podsumowanie roku 2020 i przemyślenia związane z takimi podsumowaniami i planowaniem kolejnego roku. Dostałam potem mnóstwo pytań o to, jak dokładnie robiłam podsumowanie. Stwierdziłam, że fajniej będzie zebrać te kroki we wpisie, jako że korzystałam z kilku źródeł i chciałabym podać Wam
Wake up and Code
Pytanie brzmi: nie tyle “Jak robić notatki?”, ale “Jak dobrze robić notatki?”. Nie sztuką jest gdzieś coś zapisać, ale sztuką to później odnaleźć i wykorzystać. A nie szukać w Google po raz kolejny. Złapałam się jakiś czas temu na tym, że dużo czytam i robię sporo kursów, ale mało zostaje
Wake up and Code
Czy programowanie musi być Twoją pasją, jeśli chcesz pracować jako programistka lub programista? Czy trzeba zupełnie zatracić się w kodowaniu, gdy myślisz o zmianie branży? Czy możliwe jest nauczyć się czegoś dobrze i jednocześnie nie poświęcić temu całego swojego czasu? Temat na dziś to pasja a zmiana branży. Rób to,
Wake up and Code
Kończysz jeden kurs online i od razu zaczynasz kolejny? Zamiast swojego projektu piszesz kod z tutoriali? Masz wrażenie, że samodzielnie nie wpadniesz na rozwiązania? Być może wpadasz w pułapkę tutorial hell! Sprawdź, jak się z niej wydostać. Tutorial hell – co to takiego? Wydaje mi się, że to wyrażenie dość
Wake up and Code
Przyszły wakacje, przyszły upały! Nie zawsze chce się siedzieć na kodem. Jak uczyć się programowania bez wysiłku? Jak w swoją codzienność wpleść kod? Ale się naszukałam dobrej nazwy tego, co chcę dzisiaj opisać! Dlaczego? Otóż idealnie mi pasowało tutaj angielskie słówko effortless. Czyli coś, co jest lekkie, łatwe i swobodne.
domanart.pl
Dawno, dawno temu moja przyjaciółka poprosiła mnie, bym przygotował stronę dla pewnej przychodni weterynaryjnej. Strona znajduje się pod adresem: http://przychodnia-feniks.pl/.
domanart.pl
Wracamy do cięcia layoutu. Tym razem będzie o wiele prościej.
domanart.pl
W ramach odskoczni od ciut ostatnio nudnego frontendu postanowiłem wrócić do mojego starszego projektu.
domanart.pl
W ramach testu stworzyłem dwie małe aplikacje w Electronie.
domanart.pl
Jakiś czas temu stworzyliśmy sobie podstawową konfigurację Gulpa. W poniższym tekście spróbujmy ją rozwinąć o tak zwany Hot Module Replacement.
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