A Szemantikus felhasználói felületen gyorsabb ütemű webhelyek készítése

A Frontend keretek, mint például a Bootstrap, még mindig a düh. Több tucat nagyszerű választás közül választhat, de az, amely nemrégiben elkapta a figyelmemet Szemantikus felhasználói felület.

Ezt a könyvtárat már egy éve, néhány évvel ezelőtt adták ki. A 2.2-es verzió legújabb kiadása azonban jön egy csomó hozzáadott funkció és bebizonyítja, hogy a szemantikus a hosszú távú lesz.

Több tucatnyi CSS változók, egyszerű érzékeny osztályok, és könnyen beállítható elrendezések, Önnek nem lesz problémája a szemantikus felhasználói felület használatával.

A egyszerű osztálynevek és rácsszerkezetek valóban értelmet ad ennek a keretrendszernek, amit hívnak “Szemantikus”. Az osztályok nagyon ésszerűek, és ezáltal könnyen elolvasható a HTML.

Még jön jQuery támogatás a dinamikus oldalelemekhez például a körhinta és a legördülő menü.

A nap alatt minden HTML elem van testre szabott és teljesen működőképes szemantikai felhasználói felületével. Ez magában foglalja a HTML5 elemeket, plusz további funkciókat, például az értékeket és az egyéni lapokat.

De talán a szemantikus legjobb része a témakörbeállítás. Nem csak tonna előre tervezett stílusokat és dinamikus elemeket kapsz, hanem te is nyugtázza ezeket a Szemantikus kód tetején.

A teljes könyvtár összege 3000 + -es változó megváltoztathatod a Sass-ban vagy a saját stíluslapod kibővítésével. Plusz, a Semantic UI csomagot csomagolják kilenc alapértelmezett téma:

1. Szemantikus alapértelmezés
2. Pufók
3. Emelt
4. Klasszikus
5. Google-anyag
6. amazon
7. bootstrap
8. GitHub
9. Twitter

Ezek csak a jéghegy csúcsa, és jobban járnak kiindulópontja a saját téma megtervezéséhez.

Ha egy új céloldalat vagy egyéni webhelyet épít a semmiből, akkor komolyan fontolja meg a szemantikus felhasználói felület használatát. Teljesen ingyenes és nyílt forráskódú nagyszerű online dokumentáció.

Böngészhet elrendezési stílusok, együtt útmutatók minden fő elemhez és egyéni témához.

És letöltheti a a forráskód másolata közvetlenül a GitHub-tól, amely szintén a útmutató kezdőknek.