Rakenna reagoivia verkkosivustoja nopeammin semanttisen käyttöliittymän avulla
Frontend-kehykset, kuten Bootstrap, ovat edelleen kaikki raivoa. On olemassa kymmeniä suuria valintoja, joista voi valita, mutta joka kiinnitti äskettäin huomioni Semanttinen käyttöliittymä.
Tämän kirjaston myöntäminen on ollut jo jonkin aikaa, ja se juontaa juurensa jo muutaman vuoden. Kuitenkin uusin versio 2.2 mukana tulee joukko lisäominaisuuksia ja todistaa, että Semantti tulee olemaan pitkän matkan varrella.
Kymmeniä CSS-muuttujat, yksinkertaiset reagoivat luokat, ja helppo asentaa, Sinulla ei ole vaikeuksia työskennellä semanttisen käyttöliittymän kanssa.
yksinkertaiset luokkien nimet ja ruudukon rakenteet todellakin antaa tämän kehyksen merkityksen “Semanttinen”. Luokat ovat erittäin järkeviä, joten HTML-koodisi on helppo lukea etäältä.
Se on jopa mukana jQuery-tuki dynaamisille sivuelementeille kuten karusellit ja pudotusvalikot.
Jokainen HTML-elementti auringon alla on räätälöity ja täysin toimiva Semanttisen käyttöliittymän kanssa. Tähän sisältyvät HTML5-elementit sekä lisätoiminnot, kuten luokitukset ja mukautetut välilehdet.
Mutta ehkä semanttisen paras osa on niiden asetukset. Et vain saa tonnia valmiiksi suunniteltuja tyylejä ja dynaamisia elementtejä, mutta voit myös palauta nämä itse rakentaminen Semantin koodin päälle.
Koko kirjaston kokonaismäärä 3000 + -muuttujat voit muuttaa Sassissa tai laajentaa omaa tyylisivuasi. Plus, Semantic UI tulee pakattuna yhdeksän oletusaihetta:
- Semanttinen oletus
- Pullea
- raised
- Klassikko
- Google-materiaali
- Amazon
- bootstrap
- GitHub
- Viserrys
Nämä ovat vain jäävuoren kärki ja ne toimivat enemmän lähtökohtia oman teeman suunnitteluun.
Jos luot uuden aloitussivun tai mukautetun verkkosivuston tyhjästä, harkitse vakavasti semanttisen käyttöliittymän käyttöä. Se on täysin ilmainen ja avoimen lähdekoodin kanssa hyvä dokumentointi verkossa.
Voit selata ulkoasutyyli, kera oppaat kaikille tärkeimmille elementeille ja muokattuja teemoja.
Voit myös ladata a kopio lähdekoodista suoraan GitHubista, joka sisältää myös a opas aloittelijoille.
