Picnic CSS n kevyt CSS-kirjasto Web-projektien käynnistämiseen
Jotkut kehittäjät suosivat yksityiskohtaisia käyttöliittymäkirjastoja, kuten Bootstrap, sen monipuolisista tyylistä. Mutta on olemassa monia pienempiä CSS-kirjastoja hienovarainen muotoiluestetiikka ja räätälöinnin.
Jos etsit a pieni mutta tyylikäs CSS-kirjasto minä suosittelen Picnic CSS. Se on täysin ilmainen, avoimen lähdekoodin ja toimii ilman paljon muokkausta jazz-sivujasi yksinkertaisilla mutta tyylikkäillä tyyleillä.
Kaikki natiivit HTML-elementit ovat palautettu oletusarvoisesti, joten sinun ei tarvitse edes luottaa luokkiin. Lisää vain Picnic-tyylitaulukko Web-sivullesi ja päivitä. Huomaat kaikki lomakkeet, painikkeet ja typografiset elementit, jotka kaikki ottavat uuden ilmeen.
Mutta tietenkin tämä kirjasto tukee modulaarista suunnittelua vaihtoehtoja kaiken mukauttamiseen. Sen kaikki kirjoitettu Sassissa, joten sinun täytyy todella olla Sass-kehittäjä, joka toimii koodin läpi.
Sinulla on pääsy kaikkiin oletustyyppeihin, luokkiin, ruudukkojärjestelmiin ja muuttujiin, joita käytetään sivun elementtien muotoiluun ja värjäykseen.
Picnic CSS rakennettiin myös olemaan uskomattoman pieni ja se oli mittaa vain 10 kilotonnia kun se on minifioitu. Tämä on noin 1/10th Bootstrap-ohjelmistossa ja siinä on edelleen kaikki odottamattomat kustomoidut käyttöliittymäkehykset.
Koska kyseessä on pieni kirjasto, se on ei ole dynaamisia ominaisuuksia. Voit kuitenkin nähdä esimerkkejä testisivulta, joka sisältää painikkeet, otsikot, kortit, tulot, välilehdet ja muut vastaavat elementit.
Jotkut dynaamiset elementit, kuten modaalit ja välilehdet, työskentele puhtaan CSS: n kanssa. Voit siis myös luoda yhteensopivia sivustoja jättämällä JavaScript kokonaan pois. Aika siistiä!
Mielestäni piknik-tyylit ovat oletusarvoisia, jotta he voisivat käyttää jotakin retusointia. Kaiken kaikkiaan rakastan tätä kirjastoa ja se on yksi yksinkertaisimmista tavoista aloittaa uusi projekti oikealla jalalla.
Aloita napsauttamalla Picnic CSS GitHub -sivua ladata kopion ja tarkastella joitakin näytteitä. Voit myös selaa online-dokumentaatiota nähdä, miten jokainen elementti toimii ja mitä sinun tarvitsee saada kaikki käyttämään.
Piknik on tasainen CDN: ssä, joten et tarvitse edes ladata tiedostoja paikallisesti aloittaaksesi.
