Szemantikus felhasználói felület útmutató

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.xelőször 2014 novemberében jelent meg, a korábbi előzetes kiadások változatlan változásaival.

A Semantic UI 2.xelő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.xa 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 npmtelepí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