Kawałek Kodu

Co tu się odskryptala?! Czyli programistyczne porady na luzie

Jak prześcignąć żółwia, czyli o nieaktywnej zakładce, setInterval oraz Workerze.

Żyjąc w pośpiechu chcemy, aby wszystko co nas otacza dotrzymywało nam tempa. Kurier nie dostarczył paczki, a weekend tuż tuż? Kiepsko. Współbiegacz jest kilka ulic za nami? Okropieństwo. SetInterval zacina się, choć powinien działać błyskawicznie? Tragedia!

Czytaj dalej

Przeczytałem i akceptuję regulamin, czyli dwuetapowy formularz z popup'em oparty o checkbox hack.

Prawie nikt nie czyta regulaminów, tych na stronach internetowych również, albo głównie na nich. Wynika to z faktu, że w momencie kiedy zachodzi potrzeba jego przeczytania jesteśmy w trakcie innych działań na tej stronie, albo z naszego lenistwa i niechęci. O ile na drugą kwestię nie mamy wpływu, to możemy delikatnie ułatwić dostęp do treści w trakcie np. rejestracji w sklepie internetowym.

Czytaj dalej

Picasso byłby zachwycony, czyli fajniejszy, animowany efekt pixelize.

Gdyby Picasso żył dziś, albo gdyby komputery były szerzej dostępne za jego czasów, to zamiast się męczyć malowałby pewnie zwykłe obrazy, skanował, nakładał filtr pixelize w programie graficznym i drukował. My dziś mamy taką możliwość, więc pobawimy się w malarzy. W tym odcinku każdy będzie Pixasso.

Czytaj dalej

Parę to...? Lama! Czyli o sumie skumulowanej oraz diagramie Pareta w MySQL.

Skoro jesteśmy już po obejrzeniu znanego teleturnieju, to możemy na fali emocji wykorzystać następne pół godziny i również pobawić się w sumowanie liczb. Dziś o sumie skumulowanej oraz diagramie pana Pareto.

Czytaj dalej

Element, którego byś nigdy nie ostylował, czyli wskaźnik przewinięcia strony inaczej.

Postępując z pierwszą zasadą tego bloga łączymy wynalazki z przeszłości z futurystycznymi nowinkami, aby móc się delektować efektem w teraźniejszości. Dziś, właśnie w tej chwili, połączymy znany pewnie niektórym z Was pasek postępu przewinięcia strony, z wykorzystaniem elementów HTML, których zazwyczaj nie wykorzystujesz.

Czytaj dalej

Perpetuum mobile, czyli animacja CSS odtwarzająca się po hover.

Dziś znów wracamy do tematu animacji CSS. Pomimo, że ostatnio robiliśmy baby steps, dziś będzie wielki krok w przód. Spróbujemy wystartować animację po najechaniu myszą na element, ale jednocześnie spowodować, aby odtwarzała się nadal po zjechaniu z niego. Bez JavaScript of course!

Czytaj dalej