Kawałek Kodu

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

Asertywny CSS, czyli o pseudoklasie :not.

O... nie pogadamy dziś! Oj, przepraszam. O "nie" dziś pogadamy. Oczywiście wpis nie będzie naszpikowany negatywnymi treściami. Pobajerowałem też trochę w tytule i nie będę wcielał się w osobistego kołcza nauczającego jak być asertywnym. Pogadamy o "nie", czyli o pseudoklasie :not. Choć nadającej pejoratywny wydźwięk selektorom w CSS, to czasem bardzo pomocnej, niczym game changer. Ale dziś o jej mniej typowych rolach.

Czytaj dalej

Jestem validą czy invalidą? Czyli własne komunikaty zamiast natywnych błędów walidacji S01E01.

Chcąc się upewnić co do naszej nieomylności nie wystarczy nam czasem sucha odpowiedź twierdząca. Chcemy aby nasz zmysł słuchu przyjemnie łaskotały piękne słówka. Każdy chciałby usłyszeć: "Hej! Kolego, jesteś jedynym na świecie, który ma rację!", albo "Droga Koleżanko! Chylę czoła przed Twoją mądrością!". Czy Constraint Validation API będzie tym, który szepnie parę ładnych słów?

Czytaj dalej

Brudny Harry, czyli ochrona formularza przed przeładowaniem i utratą danych (spin-off).

Pamiętasz przygody Brudnego Harry'ego związane z utratą danych podczas przeładowywania... nie, nie broni, formularza? Okazało się, że od ostatniego wpisu Harry się wycwanił i kontroluje formularz łypiąc okiem ze swojego hamaka. Przymyka oko wtedy, kiedy dane w formularzu nie uległy zmianie. Zrywa się wtedy, kiedy ktoś w nich grzebał i chce uciec z formularza bez zapisu.

Czytaj dalej

Font shui, czyli o równomiernym rozłożeniu tekstów tam gdzie flex nie da rady.

Pamiętasz czasy przygotowywania prac do szkoły lub na studia? Justowanie to było coś! Każdy chciał mieć wyjustowaną pracę. Wszystko było ładnie pięknie dopóki nie zdarzyła się sytuacja, kiedy cztery wyrazy rozstrzeliły się na szerokość całej strony. Wtedy nie było to zjawisko pożądane. Dziś wręcz przeciwnie - z pełną premedytacją wykorzystamy właściwości dziur.

Czytaj dalej

Odłamkowym ładuj! Czyli o odpalaniu zdarzeń delegowanych.

Baczność! Informuję Czytelników, że dzisiejszy wpis to nie będą przelewki. Nie będziemy podziwiać ładnych efektów siedząc przed komputerem, ale będzie to prawdziwa strzelanina na polu walki. Kto odważny niech wystąpi z szeregu. W dół czytaj!

Czytaj dalej

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