# 053: Interaktyvūs galerijos stulpeliai - CSS-gudrybės

Turinys

Mes šiek tiek reaguojame į tinklelį, kurį sukūrėme galerijai. Plačiuose ekranuose jį nustatėme keturiuose stulpeliuose. Tada mes pradedame pridėti pertraukos taškus per savo labai lengvus @mixins, kuriuos sukūrėme ir vėl naudojome visame.

Savo mamos ir meškos lūžio tašku mes einame žemyn į 3 stulpelius, tada mes padarome tarpinį lūžio tašką tarp mamos ir meškos, kur jis suskaidomas į 2 kolonas, tada galiausiai 1 stulpelis prie kūdikio meškos. Tai labai lengva, nes viskas, ką turime padaryti, yra pakoreguoti, kiek stulpelių nustatome per CSS3 column-count.

Pabaigiame vaizdo įrašą, kuriame kalbame apie būsimus galerijos tikslus. Būtų malonu, jei skirtingo dydžio ekranuose būtų galima įkelti skirtingą vaizdų skaičių ir vietoj viso dydžio vaizdų naudoti faktines miniatiūras. Galbūt vieną dieną mes ten pateksime.

Pažymėtina, kad programinė įranga, kurią naudoju vietoje, kad užfiksuočiau ekrano kopijas ir įkelčiau jas į serverį per FTP, yra „LittleSnapper“.

Įdomios straipsniai...