# 053: Atsaucīgās galerijas slejas - CSS-triki

Satura rādītājs

Mēs pievienojam zināmu atsaucību režģim, kuru esam izveidojuši galerijai. Visplašākajos ekrānos mēs to esam iestatījuši četrās kolonnās. Tad mēs sākam pievienot pārtraukuma punktus, izmantojot mūsu ļoti vienkāršos @mixins, kurus esam izveidojuši un esam atkārtoti izmantojuši visu.

Pie mūsu lāča mammas lūzuma punkta mēs nolaižamies līdz 3 kolonnām, pēc tam mēs izveidojam starplaiku lūzuma punktu starp mammas lāci un mazuļa lāci, kur tas sadalās 2 kolonnās, tad galu galā 1 kolonna pie mazuļa lāča. Tas ir ļoti vienkārši, jo viss, kas mums jādara, ir jāpielāgo, cik kolonnu mēs iestatām, izmantojot CSS3 column-count.

Noslēdzam video, kurā runājam par galerijas nākotnes mērķiem. Būtu jauki, ja dažādos ekrāna izmēros varētu ielādēt dažādu attēlu skaitu un pilna izmēra attēlu vietā izmantot faktiskos sīktēlus. Varbūt kādu dienu mēs tur nokļūsim.

Ierakstam programmatūra, kuru es lokāli izmantoju, lai uzņemtu ekrānuzņēmumus un augšupielādētu tos serverī, izmantojot FTP, ir LittleSnapper.

Interesanti raksti...