Po pracy

Wesołych Świąt i szczęśliwego Nowego Roku 2022

Chciałabym, Wam i Waszym bliskim życzyć radosnych Świąt Bożego Narodzenia , oraz Szczęśliwego Nowego Roku w gronie bliskich 🎅🎄. Dla mnie był to intensywny i niesamowity rok. Jestem Wam niezmiernie wdzięczna za czytanie, komentowanie, przesyłanie postów, udostępnianie mnie znajomym, subskrybowanie i całą resztę. Mam nadzieję, iż kolejny rok będzie równie udany oraz pełen optymizmu i nowych wyzwań 🦌.

Nie zapominajcie, także w ten świąteczny czas nabrać sił i odpocząć od codziennych zmagań, aby móc wejść w ten nowy z nową jeszcze większą energią. Podsumujcie tym samym stary rok i zróbcie listę zmian i postanowień na przyszły rok.

Wpadajcie do mnie równie często na bloga jak do tej pory, aby podzielić się przemyśleniami, zmianami których doświadczyliście w minionym roku, ciekawostkami które się nauczyliście, lub z czymkolwiek chcecie 😊

Dziękuje wam wszystkim za uczynienie DNF tym, czym jest – zwłaszcza moim wiernym czytelnikom
🎄 🔔 Wesołych Świąt!🔔 🎄

W ramach dodatku jako niespodzianka chciałabym, wam pokazać fajną bibliotekę snow.js.

Dzięki niej będziemy mogli zastosować unikalny efekt padającego śniegu na waszej stronie. W poniższych krokach opisze jak szybko ją podłączyć i skonfigurować.

1.) Ściągnij i za importuj snow.js.

import * as Snow from './snow.js'

1.) W pliku HTML utwórzmy kontener w którym chcielibyśmy mieć zastosowany efekt padającego śniegu.

<div id="snow-container"></div>

3.) Teraz utworzymy nową instancje dla snow.js i skonfigurujmy efekt według określonych:

id: unikalny id elementu kontenera
theme: temat który chcemy zastosować
min_size: minimalna wielkość płatków śniegu
max_size: maxymalna wielkość płatków śniegu

const snowEffect = new Snow.default({
    id: 'snow-container',
    theme: 'white',
    min_size: 1,
    max_size: 6
});

3.) Teraz musimy zainicjalizować nasz efekt

snow.start();

3.) Dodatkowo możemy przełączać różne efekty za pomocą.

snow.start();