Kawałek Kodu

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

Misiu, ładniej mi w tej niebieskiej czy w zielonej? Czyli o comparison slider.

Kilka miesięcy wstecz trafiłem na... efekt, plugin, kontrolkę, w sumie trudno nazwać czym jest comparison slider. Jego działanie objawia się tym, że w jego oknie widzimy dwa obrazy, które rozdzielone są suwakiem. Po lewej stronie suwaka widzimy lewy obraz, a po prawej... W zależności od przesunięcia suwaka wyłania się większa część danej połówki. Tak więc trafiłem i zapomniałem. Parę dni temu przypomniałem sobie o tym efekcie i postanowiłem go odtworzyć w CSS, wpierw wyszukując czy ktoś już tego nie dokonał.

Czytaj dalej

Jeden obraz wart tysiąca obrazów, czyli o tym czy IMG może mieć tło oraz o karuzeli opartej o jeden plik graficzny.

Nie wiem kto jest autorem chińskiego przysłowia sparafrazowanego w tytule wpisu, ale gdyby żył dziś, w epoce komputerów, minimalizacji i wszędobylskiej optymalizacji, to pewnie właśnie takie zmodyfikowane powiedzenie przyszłoby mu do głowy. Pogadamy dziś o background-image dla obrazka, pseudometodzie na złodziei oraz karuzeli, czyli nieskończenie przewijanym sliderze.

Czytaj dalej

Cykliści jednak wszystkiemu niewinni, czyli o cycle button, elemencie, który (nie)istnieje w HTML.

Niektórzy mówią, że cokolwiek by się nie stało, winni są temu cykliści. To o czym dziś piszę wiąże się z cyklistami wyłącznie poprzez etymologię. Oczywiście nie ponoszą oni jakiejkolwiek winy w tej sprawie, więc jeśli i Ty jesteś zapalonym rowerzystą, a jednocześnie fanem programowania, to myślę, że bez obaw i z przyjemnością zapoznasz się z wpisem. Pompuj dętkę i zaczynamy!

Czytaj dalej

Rzucam wszystko i uciekam, czyli jak pogodzić ze sobą download i redirect w PHP.

Lato w pełni, więc możemy się pokusić o połączenie przyjemnego z pożytecznym. Będziemy prawie robić psikusy, czyli rzucać wodorostami w upatrzoną najładniejszą dziewczynę (lub chłopaka) i uciekać gdzie pieprz, albo choćby trzcina rośnie. Co prawda bardziej przyjemne będzie to dla nas, a nie dla naszego celu, ale jak powiedziałem, będzie to prawie psikus. Tak naprawdę będziemy chcieli dwa analogicznie działania przenieść na płaszczyznę programowania.

Czytaj dalej

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