Responsywne szablony aukcji Allegro

tl;dr

Skeleton i normalize.css przystosowane do pracy z szablonami Allegro.pl. Repozytorium z kodem znajdziesz w serwisie GitHub.

Czemu

Lubię, gdy nawet te pozornie najnudzniesze i bezsensowe zadania prowadzą do czegoś kreatywnego. Tym razem zaimplementowałem w szablonach allegro system gridów Skeletona.

Dzięki temu strona aukcji będzie wyglądała dobrze zarówno na telefonach, jak i tabletach. Coś co często mi doskwiera, gdy chcę coś na allegro sprawdzić lub kupić będąc w drodze.

Więcej

Pomyślałem, że podzielę się moją odpowiedzią na pytania: Co to jest HTML? Co to jest CSS? Jak to działa? dla zwykłych ludzi. Stół jako narzędzie do wyjaśnienia czym jest rola HTML i CSS w budowaniu stron internetowych wiele razy już się przydał i sprawdził:

W takim HTMLu mówimy: „to jest stół, ma cztery nogi, blat i stoi na podłodze”. Natomiast CSS to zestaw przymiotników, którymi ten stół opisujemy: „jest w jasnym kolorze, nogi ma grube i z drewna tak samo jak i blat, a podłoga jest drewniana i leży na niej czerwony dywan”.

Works every time.

Więcej

Kilka obrazków w tle jednego bloku

Dziś dzięki Arturowi dowiedziałem się dość ważnej i bardzo ciekawej rzeczy… W tło jednego bloku można wstawić kilka obrazków i nadać im zupełnie inne parametry położenia lub powtarzania! Dokonujemy tego w następujący sposób w arkuszu css strony:

selektor {
    background:url(obrazek1.png), url(obrazek2.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat, repeat-y;
}

Jak widać jest to bardzo proste i efektywne.

Więcej