Strona główna / Wpisy
Wpisy
Case study z moich projektów i krótsze wpisy o tym, co zbudowałem, poprawiłem i czego się przy tym nauczyłem.
performanceAVIF, WebP, JPG czy PNG? I kiedy warto użyć <picture>
Poradnik z pomiarem – te same obrazki w czterech formatach i czterech szerokościach. Który format wybrać, po co mniejsze wersje i kiedy <picture> z kilkoma <source> ma sens, a kiedy tylko powiększa stronę.
Case study · tailwindNagłówki AgrestApp: 36 px dla myszy, 44 px dla palcaJak w jeden dzień przepisałem nagłówek strony i panelu AgrestApp – jedno przesuwane menu, rozmiary zależne od sposobu obsługi i wysokość nagłówka w zmiennej CSS zamiast liczb wpisanych w kilku plikach.
Case study · tailwindTailwind v4 w dużym projekcie: 76 plików zamiast 339Jak przeniosłem AgrestApp z Tailwinda 3 na 4 bez przepisywania szablonów – stare wartości w @theme, trzy zmiany w klasach i porządek w warstwach CSS.
vueOsiem ifów i jedna mapaJak zamienić długą listę warunków „jeśli akcja to X, otwórz okno X” na prosty obiekt w Vue 3 – i kiedy lepiej zostać przy zwykłym if.
Case study · vueTabela jak arkusz: Shift + klik i EnterDwa skróty znane z arkusza kalkulacyjnego w panelu AgrestApp – zaznaczanie zakresu wierszy przez Shift + klik i Enter, który przenosi do tego samego pola w wierszu niżej.
vueJeden modal, kilkanaście kopiiTa sama funkcja do otwierania okna skopiowana do kilkunastu widoków – jak zebrać ją w jeden composable i udostępnić tabelom przez provide/inject.
javascriptPokedex – kilkadziesiąt zapytań zamiast ponad tysiącaJak w czystym JavaScripcie zbudowałem Pokedex na ponad 1000 pokemonów – z kolejnością pobierania danych z PokéAPI i małą bazą w przeglądarce.
vueTrzy ebooki z przepisami i jedna zakładka w przeglądarceJak kilka ebooków z przepisami na kawę zamieniłem w jedną stronę z wyszukiwaniem po składnikach – i czego nauczyłem się przy tym o Vue 3 i TypeScripcie.