/impeccable polish
Polish
Skrupulatny ostatni przebieg pomiedzy dobrym a swietnym.
Kiedy uzywac
/impeccable polish to ostatnia rzecz, ktora uruchamiasz przed wysylka. Poluje na male detale, ktore oddzielaja wyslana funkcje od wypolerowanej: niepolowiczne pikseli niewyrownania, niespojne odstepy, zapomniane stany focusu, ladowanie przejsciami, ktore migaja, tekst, ktory dryfuje w tonie. Rowmiez wyrownuje funkcje z twoim systemem projektowym, zastepujac hardcodowane wartosci tokenami, zamieniajac komponenty wlasne na wspoldzielone i naprawiajac jakikolwiek dryf od ustanowionych wzorcow.
Sigmnij po to, gdy funkcja jest funkcjonalnie kompletna, nic nie jest zepsute, a cos nadal wydaje sie nie tak. Sigmnij rowniez po to, gdy funkcja odjechala od systemu projektowego i musi byc wciagnieta z powrotem na linie.
Jak to dziala
Polish zaczyna od odkrycia systemu projektowego (tokeny, skala odstepow, wspoldzielone komponenty), potem pracuje metodycznie na szesciu wymiarach:
- Wyrownanie wizualne i odstepy: dokladna do piksela adhezja do siatki, spojna skala odstepow, optyczne wyrownanie ikon.
- Typografia: spojne hierarchie, dlugosc linii, wdowy i sieroty, kerning na naglowkach.
- Kolor i kontrast: uzycie tokenow, paritet tematu, proporcje WCAG, wskazniki focusu.
- Stany interakcji: hover, focus, active, disabled, loading, error, success. Kazdy stan uwzgledniony.
- Przejscia i ruch: plynnne easing, bez zatur ukladu, poszanowanie
prefers-reduced-motion. - Tekst: spojny glos, prawidlowy czas, brak tekstow zastepczych, brak zabdych TODO.
Umiejetnosc jest wprost o jednej rzeczy: polish to ostatni krok, nie pierwszy. Jesli funkcja nie jest funkcjonalnie kompletna, polerowanie jej to zmarnowana praca.
Wyprobuj
/impeccable polish the pricing page
Zdrowy przebieg wyglada tak:
Wyrownanie wizualne: naprawiono 3 elementy poza siatka (8px baseline)
Typografia: zaciesniono kerning h1, naprawiono wdowe na referencji
Interakcje: dodano stan hover na elementach FAQ, piercien focusu na email input
Ruch: zmiemczono wejscie modala, dodano fallback reduced-motion
Tekst: usunieto jednego "Lorem ipsum", wyrownano glos przycisku
Piec malych poprawek, zerowych przeredaktowan. Taki ksztalt ma dobry przebieg polish.
Pulapki
- Polerowanie czegos, co nie jest skonczone. Jesli w kodzie sa TODO, nie jestes gotowy. Uruchom
/impeccable polishtylko na skonczonych funkcjach. - Traktowanie polish jako przeprojektowania. Polish udoskonalane to, co istnieje. Jesli zastanawiasz sie nad rearchitektura ukladu, potrzebujesz
/impeccable critiquelub/impeccable layoutzamiast tego. - Uruchamianie
/impeccable polishbez/impeccable auditnajpierw. Polish lapie problemy oparte na czuciu. Audit lapie mierzalne. Uzyj obu.