Sukurkite atsakingas svetaines sparčiau su semantine UI
„Frontend“ sistemos, tokios kaip „Bootstrap“, vis dar yra pyktis. Yra daugybė puikių pasirinkimų, iš kurių galima rinktis, bet kas neseniai pagavo mano dėmesį Semantinė UI.
Suteikta ši biblioteka jau keletą metų. Tačiau naujausia versija 2.2 ateina su papildomų funkcijų krūva ir įrodo, kad Semantika bus artimoje vietoje.
Su dešimtimis CSS kintamieji, paprastos reaguojančios klasės, ir lengva nustatyti išdėstymus, jūs neturėsite problemų dirbant su Semantic UI.
The paprastų klasės pavadinimų ir tinklelio struktūrų iš tikrųjų suteikiama prasmė šiai sistemai “Semantinis”. Klasės yra labai protingos ir tai leidžia jūsų HTML lengvai perskaityti nuotoliniu būdu.
Jis netgi ateina jQuery palaikymas dinaminiams puslapių elementams pavyzdžiui, karuselės ir išskleidžiamajame meniu.
Kiekvienas HTML elementas po saule pritaikytas ir visiškai funkcionalus su semantine UI. Tai apima HTML5 elementus ir papildomas funkcijas, pvz., Reitingus ir pasirinktinius skirtukus.
Bet galbūt geriausia semantinės dalis yra temų nustatymas. Jūs ne tik gausite tonų iš anksto sukurtų stilių ir dinaminių elementų, bet taip pat galite atkartokite juos patys pastatas ant Semantinio kodo.
Visos bibliotekos sumos 3000 + teminiai kintamieji galite keisti Sasą arba išplėsti savo stilių. Be to, „Semantic UI“ yra supakuota devynios numatytosios temos:
- Semantinis numatytasis
- Chubby
- Pakelta
- Klasikinis
- „Google“ medžiaga
- „Amazon“
- Bootstrap
- GitHub
- „Twitter“
Tai tik ledkalnio viršūnė ir jie veikia labiau pradžios taškai kurti savo temą.
Jei kuriate naują nukreipimo puslapį arba individualią svetainę nuo pradžių, tuomet rimtai apsvarstykite galimybę dirbti su Semantic UI. Tai visiškai nemokama ir atviro kodo puiki dokumentacija internete.
Galite naršyti išdėstymo stilius, kartu su visų pagrindinių elementų ir pritaikytų temų vadovai.
Ir galite atsisiųsti a šaltinio kodo kopija tiesiogiai iš „GitHub“, kuris taip pat apima a vadovas pradedantiesiems.
