Szczęśliwego Nowego Roku!

Canvas is not supported in your browser.

Z okazji zbliżającego się Nowego Roku życzę Wam wszystkiego najlepszego, a znudzonych kwarantanną zapraszam na pokaz fajerwerków. Podobno najlepsze fajerwerki to takie, które trwają długo i można je samemu odpalić. Jeśli też tak uważasz, to łap za myszkę i do dzieła – klikając po płótnie odpalisz dodatkowe fajerwerki.

The Virus Busters – pokonaj wirusa

The Virus Busters

Rozmawiając ostatnio z córką o Corona wirusie i aktualnej sytuacji na kwarantannie, stwierdziła ze smutkiem w głosie, iż z wirusami komputerowymi jest łatwiej. Gdyby to był wirus komputerowy, to już byśmy sobie z nim poradzili, a gdyby to była gra, to poradziłaby sobie sama. Chwilę później, kiedy upewniłem się, że mam zabezpieczony ostatni backup danych, zaproponowałem Jej, że napiszę grę, w której sama będzie mogła pokonać wirusa. Tak powstała gra „The Virus Busters”.

Jeśli komuś się nudzi na kwarantannie i ma ochotę pokonać wirusa, a dodatkowo sprawdzić, jaki wpływ na jego rozprzestrzenianie ma kwarantanna, to gra dostępna jest pod adresem The Virus Busters.

Wesołych Świąt – choinka w CSS

Wesołych Świąt!

Kod choinki udostępniłem na CodePen.

Można zobaczyć między innymi jak wykorzystać pseudoelementy before i after do tworzenia nietypowych kształtów, konstrukcję i zastosowanie zmiennych var css, oraz obliczeń z wykorzystaniem funkcji calc().

Opublikowano w CSS

Trzeci parametr addEventListener w Java Script

Logo Java Script

Metoda addEventListener przyjmuje trzy parametry. Pierwszy to typ zdarzenia, jakie ma być nasłuchiwane. Drugi to funkcja, która zostanie wykonana w momencie wywołania zdarzenia. Jest jeszcze trzeci parametr, który początkującym adeptom Java Script często sprawia problemy. Jest nim useCapture. Nie jest zbyt często używany i w większości przypadków można go pominąć, co skutkuje ustawieniem domyślnej wartości false, jednak warto wiedzieć jak on wpływa na działanie tak popularnej metody jak addEventListener.

Czytaj dalej Trzeci parametr addEventListener w Java Script