Kawałek Kodu

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

Unboxing, czyli element wizualnie szerszy niż jego kontener (na przykładzie Bootstrap).

Ten kto chodził do przedszkola ma pewnie zdjęcie grupowe, na którym stojąc przed przebierańcem w stroju Św. Mikołaja, szczerzył zęby w stroju wróżki lub prężył pierś w stroju kowboja robiąc za mistrza pierwszego planu. Dziś już jako trochę starsi zajmiemy się podobnym efektem - sprawiania wrażenia, że mniejszy element zajmuje całą szerokość strony, pomimo, że mieści się w rodzicu i obydwoje wcale tacy szerocy nie są.

Czytaj dalej

Vegetab, czyli gra w pasku przeglądarki, dla korpoludków i nie tylko.

Nudny miting? Jesteś sam na ołpenspejsie? Nie chce Ci się pracować nad nowym asajmentem? Musisz coś zrobić trzy rzeczy asap, a w tym czasie przeczytać 12 erdżent maili? Gra Vegetab jest dla Ciebie. Nie wymaga instalacji. Możesz grać na pracowniczym komputerze udając, że przeglądasz najnowsze wieści z rynków finansowych. Vegetab - gra dla chłopów i dla bab. Dziś na luzie, bez teoretyzowania.

Czytaj dalej

Rzeczy niemożliwe załatwiam od ręki, na cuda też nie trzeba czekać, czyli o błyskawicznym ditheringu... w CSS.

Mam taką książkę z roku 1989 o grafice komputerowej. Jest to jedna z tych książek, której treść jest aktualna również dziś, a jednocześnie rzadko spotykana w nowych pozycjach. Jest tam przedstawiona twarz w porównaniu dwóch rozdzielczości - niskiej i wysokiej. Aby grafika odwzorowywała realny obraz użyto ditheringu. W tamtych czasach przy ograniczeniach, metoda robiła na mnie ogromne wrażenie. Ostatnio wróciłem do niej i zrobiła jeszcze większe wrażenie.

Czytaj dalej

Miarka się przebrała, czyli o wskaźniku przewinięcia strony jeszcze inaczej (spin-off).

Jeśli nie odróżniasz metra od centymetra, albo masz problem z procentami, to dzisiejszy wpis jest dla Ciebie. Nawet jeśli masz miarkę w oku, to również. I choćbyś był krawcem i zmierzył tysiąc mankietów. Wtedy też.

Czytaj dalej

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

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