Introducere in Semantic UI

Majoritatea dintre noi programatorii am folosit bootstrap. La sfarsit, toti am fost multumiti.
Nu mi-am auzit colegii programatori plangandu-se ca bootstrap e nasol, ca arata urat, sunt sigur ca nici tu.

Dar azi iti prezint ceva mai bun ca Bootstrap. Mai frumos, mai complet, mai citibil. Numele lui este Semantic UI.
Am inceput sa-l folosesc cu luni in urma, de cand era la versiunea 0.3 iar eu lucram la documentatia frod, acum fiind la versiunea 1.

Exemple de site-uri facute in Semantic, pentru a va face o idee? Acesta, programam.ro este scris pe Semantic UI. Sau laravel.ro, scris de asemenea pe Semantic UI.

De ce sa folosesti Semantic UI? Hai sa incercam sa sumarizam niste puncte.

Aspect

Bootstrap arata frumos, dar semantic arata superb! Fara indoiala aspectul este mult mai placut.

Lizibilitate

Well:

• In Bootstrap pentru un buton mic si rosu aveai clasa btn btn-default btn-danger btn-xs.
• In Semantic UI pentru acelasi buton ai clasa ui small red button

Unicitate crescuta

Atata timp cat folosesti un framework este clar ca proiectul tau o sa arate mai mult sau mai putin cu ale celorlalti.
Dar folosind un framework mai putin cunoscut situatia se schimba. Semantic UI este foarte cunoscut datorita ca este relativ nou pe piata.

Customizabil

Daca stii putin despre SCSS, un preprocessor al CSS, si te descurci sa folosesti gulp poti modifica majoritatea valorilor din Semantic UI folosind variabile. O sa revin foarte curand cu un tutorial despre folosirea gulp si cum o sa-ti poti schimba variabilele din Semantic UI, sa-i dai un aer mai unic site-ului tau.

Documentatie

Documentatia Semantic UI desi este la inceput este foarte cuprinzatoare. Nu ma crezi? Fa o incercare!
Intra pe http://semantic-ui.com/elements/button.html si incearca sa inveti cum se fac butoanele!



Tags: Semantic Ui