Kawałek Kodu

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

Czym jest błąd matrixa, czyli o efekcie glitch w dwóch wariantach.

Pomysł na stworzenie efektu glitch chodził po mojej głowie od dawna. Co prawda za mgłą, ale chodził. Widziałem efekty na CSS-Tricks oraz na Tympanus, ale nie do końca mi odpowiadały. Zresztą opierają się o właściwość clip-path, która nie jest obsługiwana na Edge. Chciałem stworzyć coś...jakby to nazwać, mniej drętwego. Czy się udało, sam ocenisz. Tak więc dziś znów o filtrach w SVG. Wygląda na to, że wpadliśmy w pułapkę matrixa. Ale skoro już tu jesteśmy, to możemy bardziej obadać jego działanie. Przyjrzymy się pochodzeniu błędów matrixa. Będziemy Architektami! Albo raczej Psujami!

Czytaj dalej

"Moje przygody w kadrach", czyli o background-image dla obrazka oraz jak poprawić kadr rodem z filmów YouTube S01E01.

W dzisiejszym wpisie będziesz mógł posmakować zawodu YouTubera. Nie będziemy tworzyć co prawda niegrzecznych streamów ani zbierać miliona subskrypcji, ale przygotujemy efekt podobny do amatorskich filmów z telefonu gdzie w części kadru, której nie zajmuje obraz widzimy ten sam obraz, ale rozmyty. Przyznam, że to chyba pierwszy wpis, dla którego trudno mi było wybrać odpowiedni tytuł. "Rozmycie tła dla obrazu, który ma inne proporcje niż kadr"? A może jak film ze wstępu: "Jak naprawić pionowe wideo"? Treść chyba jednak wszystko wyjaśni i od razu rozpoznasz ten efekt. No to łapka w górę i zabieraj się do czytania!

Czytaj dalej

Jak się wyszumieć, czyli o losowym tle w... SVG (spin-off).

Kto jeszcze nie zdążył się wyszumieć, będzie mieć szanse dziś. Co prawda jest niedziela, ale może to dobra okazja, w końcu dla większości dzień wolny, więc można go spożytkować w mniej praktyczny sposób. Będzie krótko i na temat, dosłownie.

Czytaj dalej

"Roznosiciel ulotek", czyli o Leaflet.js i szukaniu najlepszej miejscówki S01E02.

Nie wszyscy chcą spędzać wakacje w jednym miejscu, bo to nie wakacje. Znajomi polecają jakieś miejscówki, ale nazwa miejscowości często nic nam nie mówi. Chcemy sprawdzić gdzie dokładnie znajduje się miejsce, zanim się tam wybierzemy. Na przyszłość będziemy wiedzieć gdzie mamy się kierować, ale już w momencie planowania możemy zaczerpnąć więcej wiedzy na temat okolicy wymarzonego celu (czytaj: czy są tanie puby).

Czytaj dalej

font-style: hollow, czyli jak stworzyć kolejny styl fontu w sekundę.

Pomimo, że multum serwisów udostępnia multum fontów do użycia na stronach internetowych, to czasem jednak brakuje nam odpowiedniego. Dziś o stylu na miarę plazmy, czyli czwartego stanu skupienia materii obok ciekłego, stałego i gazowego (regular, bold, italic). O stylu, który możemy zastosować do dowolnej czcionki, a szczególnie tych, które tego stylu standardowo... nie mają.

Czytaj dalej

Mistrz drugiego planu, czyli o elemencie overlay na kilka sposobów.

Rzadko poruszamy się po tematach mainstreamowych w dziedzinie programowania, a dziś idziemy jeszcze dalej. Wpis schodzi na drugi plan. Pogadamy o elemencie, który odgrywa ważną rolę, pomimo, że zawsze chowa się za plecami swojego rodzica.

Czytaj dalej