Vytvářejte citlivé webové stránky rychleji se sémantickým uživatelským rozhraním

Rámce frontend, jako je Bootstrap, jsou stále všechny vzteky. Existují desítky skvělých možností, jak si vybrat, ale ten, který nedávno zachytil mou pozornost Sémantické uživatelské rozhraní.

Je pravda, že tato knihovna už nějakou dobu existuje, a to již několik let. Nejnovější verze verze 2.2 přichází s řadou přidaných funkcí a dokazuje, že sémantika bude na dlouhou trať.

S desítkami Proměnné CSS, jednoduché citlivé třídy, a snadno nastavitelné rozvržení, nebudete mít žádné potíže se sémantickým uživatelským rozhraním.

jednoduché názvy tříd a struktury mřížek skutečně dávají tomuto systému význam “Sémantický”. Třídy jsou velmi rozumné a díky tomu je vaše HTML snadno čitelné na dálku.

Dokonce přichází Podpora jQuery pro dynamické prvky stránky například karusely a rozbalovací nabídky.

Každý prvek HTML pod sluncem je přizpůsobené a plně funkční se sémantickým uživatelským rozhraním. To zahrnuje prvky HTML5 a další funkce, jako jsou hodnocení a vlastní karty.

Ale možná nejlepší část sémantiky je nastavení motivů. Nejenže získáte spoustu předem navržených stylů a dynamických prvků, ale můžete také můžete je sami opravit stavět na vrcholu sémantického kódu.

Celá knihovna je celkem 3 000+ tématických proměnných můžete se změnit v Sassu nebo rozšířením vlastního stylu. Navíc, sémantické uživatelské rozhraní je dodáváno s devět výchozích motivů:

Sémantické výchozí
Kulaťoučký
Zvednutý
Klasický
Materiál Google
Amazonka
Bootstrap
GitHub
Cvrlikání

To jsou jen špičky ledovce a chovají se více výchozí body pro návrh vlastního motivu.

Pokud stavíte novou vstupní stránku nebo vlastní webové stránky od nuly, pak vážně zvažte práci se sémantickým uživatelským rozhraním. Je to naprosto svobodný a otevřený zdroj skvělá dokumentace online.

Můžete procházet styly rozložení, spolu s příručky pro všechny hlavní prvky a vlastní motivy.

A můžete si stáhnout kopii zdrojového kódu přímo z GitHub, který také obsahuje průvodce pro začátečníky.