Непрекъснато се променяме и начинът на правене на нещата е опростен за разработчиците на уеб приложения. Въпреки че мнозина предпочитат да създават свой собствен код, вярно е, че има инструменти, които улесняват живота ни и ни позволяват бързо да разгърнем проект.
Може би в екосистемата FrontEnd най-популярната и използвана CSS / JS рамка в последно време е Bootstrap с дължимата причина. Bootstrap е може би най-пълният в сравнение с конкуренцията и те имат възможности за почти всичко, но не е единственият, а по отношение на вкуса, дори и най-красивият.
Търси ме в интернет Намерих списък с някои от най-популярните CSS / JS Frameworks и най-важното с отворен код, който можем да използваме за нашите лични проекти. Но в този случай ще спомена само 5-те, които считам за най-интересни. Да започваме:
най-горен пласт
Този по-специално не го познаваше. Стартирана от Adobe®, тя е рамка, която се фокусира главно върху предоставянето на необходимото за създаване на уеб приложения за всички устройства. Сред основните му характеристики са:
- Това е бързо.
- Темите могат да бъдат персонализирани.
- Собствени икони.
- Source Sans Pro, източник на OpenSource от Adobe.
UIkit
От това, което може да се види, UIkit е един от най-силните съперници на Bootstrap и като диференциални данни той добавя поредица от компоненти, които рамката на Twitter не добавя по подразбиране, или просто ги подобрява.
Семантичен потребителски интерфейс
Друг достоен съперник на Bootstrap, който трябва да вземем предвид, тъй като не само предоставя нови компоненти, но можем да избираме между няколко стила / теми за тях. Можем да изберем например бутоните да са подобни или равни на тези на GMail, Github, Amazon, Google Material, Bootstrap, Twitter и др.
INK
Друг много добър кандидат за разглеждане. INK ни предоставя и нови компоненти или дизайн и функционалност, малко по-различни от това, което откриваме в Bootstrap.
Metro UI
Ако искаме да направим нещо по-близо до потребителите на Windows, тогава Metro UI е един от вариантите, които имаме. И казвам едно, защото ако погледнем малко, намираме други опции за самия Bootstrap.
Заключения
В зависимост от нашите нужди и цели имаме няколко алтернативи, както вече видяхме. Въпреки че споменах само 5-те, които считам, те са най-пълни, има много повече, както можете да видите в списъка, който споменах в началото. Също така може да се види, че много от тях са взели идеи от Bootstrap и дори са ги подобрили и че компании като Adobe се присъединяват към инициативата за създаване на този тип инструменти за подобряване на нашата работа.
Ако имаме необходимите знания, може би дори бихме могли да смесим няколко от тях, като вземем това, от което се нуждаем. Изборът така или иначе е ваш.
Пропуснахте приноса на Yahoo: Pure CSS, той се фокусира върху минимализма и лекотата.
Чистото е абсурдно мъничко. Целият набор от модули се тактира на 4.0KB * умален и gzipped. Създаден с мисъл за мобилни устройства, за нас беше важно да поддържаме малките си размери на файлове и всеки ред CSS беше внимателно обмислен. Ако решите да използвате само подмножество от тези модули, ще спестите още повече байтове.
http://purecss.io/
Да, Pure е опция, но въпреки размера си, от много конкретните ми критерии, той не е толкова пълен, колкото споменатите по-горе.
Това, което ми харесва в Pure, е, че ви дава основите и е много бърз за научаване и внедряване, можете да го използвате на сайт и ви дава възможност да направите нещо оригинално, вие не сте първоначално заредени като повечето.
Приятелю, мисля, че си пропуснал един от големите съперници на Bootstrap… Foundation
Вярно е ... Фондацията ме подмина, което е още едно страхотно, вероятно най-големият конкурент на Bootstrap от това, което казват.
Приятелю, липсваш ми една важна материализация. за разбирането
Фондацията е най-добрата рамка за дизайн на интерфейса, най-пълната и най-гъвкавата и е страхотен конкурент на bootstrap, въпреки че bootstrap не достига до подметката на обувките.
Много интересно, не ги познавах. Бях изненадан и да не видя фон в този списък.
всъщност сайтът на връзката, който в началото оставя тази основа, която без съмнение е един от най-силните конкуренти.
Ще започна да мисля повече за тези рамки за някои разработки, за сега всички отзивчиви уебсайтове, които пиша от 0, още сто удоволствие, когато пиша всичко Xd
В края на деня всички са еднакви. Големи добри букви на бял фон
Правила за BackEnd 😀
Истината е, че в този момент тази публикация е много добра за мен, благодаря 😉
Използвам ui семантика и не е толкова интуитивно да се каже
Без да се материализира или фондация, този списък е глупост.
Защо казва кой? Къде е записано, че тези двамата трябва да бъдат конкретно? Ако прочетете коментарите (нещо, което очевидно не сте направили), ще видите, че осъзнавам, че ми липсва Fundation, но списъкът, който виждате в тази статия, се основава на моята оценка и не е нужно да се съгласявате с него, но не е нужно да казвате, че това е боклук.
Здравейте, много добра статия. Но исках да ви кажа, че изглежда някой го е копирал на уебсайта си, без да отразява първоизточника. Не знам как се справяте с тези въпроси, но мислех, че бихте искали да знаете. Връзката е: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
За поздрав.
Да, нормално е това да се случи. Вече се свързах с отговорниците за сайта 😉
Отличен принос! Bootstrap със сигурност отвори вратите за хора като мен, които са добри в бекенда, но са отвратителни във фронта в css, за да доставят приличен продукт. Може би не е трябвало да го споменат по правилния начин, но съм съгласен, че в този списък липсва MaterializeCSS; лека, мощна рамка, с външния вид на материалния дизайн и възможно най-прекрасната крива на обучение. За 10 минути успях да събера много хубав интерфейс благодарение на тази рамка. Неговата документация е толкова проста, че в сравнение с bootstrap го прави да изглежда като космическо инженерство. Затова предлагам да погледнете Materialize (materializecss.com). За разбирането!