Mi a szemantikus felhasználói felület?
A Semantic UI egy olyan front-end fejlesztői keretrendszer, amely hasonló a témákhoz tervezett bootstrap-hoz. Előre elkészített szemantikai komponenseket tartalmaz, amelyek segítenek szép és érzékeny elrendezéseket létrehozni az emberbarát HTML használatával.
A Semantic UI webhely szerint a keretrendszer tömör HTML-t, intuitív JavaScriptet és egyszerűsített hibakeresést használ, hogy a kezelőfelület fejlesztése szórakoztató és kellemes élmény legyen.
És integrálódik a React, Angular, Meteor, Ember és sok más keretrendszerrel, hogy segítsen a felhasználói felület rétegének megszervezésében az alkalmazás logikája mellett.
Szemantikus felhasználói felület verziótörténete
Az első kiadás 2013 szeptemberében jelenik meg a githubon, Jack Lukic készítette.
A Semantic UI 1.x
először 2014 novemberében jelent meg, a korábbi előzetes kiadások változatlan változásaival.
A Semantic UI 2.x
először 2015 júniusában jelent meg, és új felhasználói felületet , számos hibajavítást, fejlesztést és alapértelmezett témajavítást vezetett be.
Szemantikus felhasználói felület böngésző támogatás
A jelenlegi verzió 2.2.x
a következő böngészőket támogatja
- Utolsó 2 verzió FF, Chrome, Safari Mac
- IE 11+
- Android 4.4+, Chrome Android 44+ verzióhoz
- iOS Safari 7+
- Microsoft Edge 12+
Hogyan telepítsük a szemantikus felhasználói felületet
A szemantikus felhasználói felület telepítésének több módja van, a legegyszerűbbek a következők:
Tartalom kézbesítési hálózaton (CDN) keresztül
Messze a legkönnyebb a kezdők számára. Hozzon létre egy HTML fájlt az alábbiak szerint
Semantic UI
NOTE:
A fenti CDN link az 5. vonalon tartalmazza a Semantic UI összes elérhető összetevőjét. Ha egy adott komponenst szeretne telepíteni, kattintson ide a megfelelő CDN hivatkozás megtekintéséhez.
A Build Tools használata
Ez feltételezi, hogy Ubuntu Linux operációs rendszert használ node
és npm
telepítve van, a többi operációs rendszerhez kattintson ide
A projektkönyvtárban telepítse a gulp-t globálisan az npm használatával
npm install -g gulp
Telepítse a Szemantikus felhasználói felületet
npm install semantic-ui --save cd semantic/ gulp build
Belefoglalás a HTML-be
Frissítés a npm segítségével
npm update
Integráció más keretrendszerekkel
Integrálhatja a szemantikus felhasználói felületet más olyan front-end fejlesztési keretrendszerekkel, mint a React, az Angular, az Ember vagy a Meteor. Kattintson ide további információkért és integrációs utasításokért.
További információ a szemantikus felhasználói felületről:
A szemantikus felhasználói felület alapos és nagyon jól szervezett dokumentációval rendelkezik, amely pillanatok alatt felépít és elindul. A következő linkek hasznosak lehetnek szemantikus felhasználói felületén.
- Szemantikus felhasználói felület webhely
- A szemantikus felhasználói felület használatának megkezdése
- Minta szemantikus felhasználói felület sablonok
- Szemantikus felhasználói felület témák testreszabása és létrehozása