Sulka-kuvakkeet - kaunis, minimalistinen ja vapaa kuvakkeet
Jos etsit verkosta löytyvää verkkoa, löytyy tonnia vapaata kuvaketta, jotka on räätälöity verkkoon. Nämä ovat uskomattoman hyödyllinen kaikentyyppisille sivustoille koska grafiikka on aina taitettu.
On todella vaikea löytää ilmaisia kuvakokonaisuuksia, jotka vastaavat suunnittelua. Tavallisesti paras vaihtoehto on minimalistinen kuvake, joka on kuin Feather.
Tämä uusi sarja on täynnä viivakuvakkeita, joissa on puhdas muotoilu. Kuvakkeet tuntevat enemmän käyttöliittymäkuvakkeita, mutta ne voivat toimia myös omakohtaisina kuvakkeina kotisivullasi.
Joka tapauksessa ne ovat kaikki avoimen lähdekoodin ja täysin vapaasti käytettäväksi millä tahansa verkkosivustolla.
Sinun ei tarvitse paljon tietoa frontend-koodauksesta saadaksesi nämä toiminnot. Joo sinun täytyy viettää aikaa koodissa, mutta sinun ei pitäisi taistella saadaksenne tämän.
Jos et ole käyttänyt kuvakefontteja verkossa, Feather on hyvä paikka aloittaa.
Tutustu aloittelijoiden oppaaseen, jos et ole varma, mitä tehdä. Se kuljettaa sinut läpi kaiken saadaksesi sivustosi ja toimimalla näillä kuvakkeilla.
Sinun täytyy soittaa ulkoiseen JS-tiedostoon, joka ei ole kovin yleinen muiden kuvakokonaisuuksien joukossa. Mutta jos et halua käyttää webfonteja sitten Lataa vain SVG-vektorit ja upota ne.
Itse asiassa joukkue loi jopa pienen CodePen-mallin, jonka voit kopioida / liittää koodiin. Tämä sopii täydellisesti peruskoodien ja suunnitella uudelleen sivustoosi ilman alusta.
Mutta jos olet iso koodauksessa, tutustu pieneen API-viitteeseen GitHub-sivulla. Tämän avulla voit ohjata kuvakkeita ja muuttaa vektorimuotoja muutamalla JavaScript-rivillä.
Muista tämä kuvaketta ei ehkä sovi jokaiselle sivustolle. On tärkeää tarkastella Feather-kuvakkeita ja päättää itse, jos nämä minimalistiset mallit voivat toimia sinulle.
Katsele heidän kotisivullaan katsomalla koko kokoelmansa. Löydät linkin GitHubin päädokumentaatioon, jossa on kaikki tarvittavat vaiheet.
Ja jos sinulla on kysyttävää tai ehdotuksia tekijälle, voit ampua hänet tweet @colebemis.
