Vytvárajte zodpovedajúce webové stránky rýchlejšie so sémantickým používateľským rozhraním

Frontendové rámce ako Bootstrap sú stále zúrivé. Existuje tu desiatky skvelých možností na výber, ale ten, ktorý mi nedávno zaujal moju pozornosť Sémantický používateľský účet.

Táto knižnica bola pripravená na chvíľu, po niekoľkých rokoch. Najnovšie vydanie verzie 2.2 prichádza s množstvom ďalších funkcií a dokazuje, že sémantický bude na dlhú trať.

S desiatkami Premenné CSS, jednoduché reagujúce triedy, a ľahko nastaviteľné rozloženie, nebudete mať problémy so spoluprácou so sémantickým používateľským rozhraním.

jednoduché názvy triedy a štruktúry siete naozaj dať zmysel tomuto rámcu “sémantický”. Triedy sú veľmi rozumné a to umožňuje, aby sa vaše HTML ľahko čítalo na diaľku.

Dokonca prichádza s podpora jQuery pre dynamické prvky stránky ako sú kolotoče a rozbaľovacie menu.

Každý element HTML pod slnkom je prispôsobené a plne funkčné so sémantickým používateľským rozhraním. Patria sem prvky HTML5 a ďalšie funkcie, ako sú hodnotenia a vlastné karty.

Ale možno najlepšia časť sémantického je nastavenia. Nielenže dostanete veľa predbežne navrhnutých štýlov a dynamických prvkov, ale môžete tiež Zmeňte tieto sami postaviť na vrchole sémantického kódexu.

Celá knižnica je celkom 3 000+ premenných môžete zmeniť v Sass alebo rozšíriť svoj vlastný štýl. Okrem toho je sémantický UI balený deväť predvolených tém:

Sémantický štandard
buclatý
zvýšený
klasický
Materiál spoločnosti Google
Amazonka
bootstrap
GitHub
cvrlikání

Toto sú len špička ľadovca a fungujú skôr počiatočné body na vytvorenie vlastnej témy.

Ak vytvárate novú vstupnú stránku alebo vlastnú webovú stránku od začiatku, potom vážne zvážte prácu so sémantickým používateľským rozhraním. Je to úplne zadarmo a open source s skvelá dokumentácia online.

Môžete prechádzať štýly rozloženia, spolu s príručky pre všetky hlavné prvky a vlastné témy.

Môžete si stiahnuť kópiu zdrojového kódu priamo od spoločnosti GitHub, ktorá zahŕňa aj sprievodca pre začiatočníkov.