Ми постійно змінюємось, і спосіб роботи спрощений для розробників веб-додатків. Хоча багато хто воліє створювати власний код, правда, існують інструменти, які полегшують нам життя і дозволяють швидко розгорнути проект.
Можливо, в екосистемі FrontEnd найпопулярнішим та найпоширенішим фреймворком CSS / JS останнім часом є Bootstrap з належною причиною. Bootstrap, мабуть, найповніший у порівнянні з конкурентами, і у них є варіанти майже на все, але це не єдиний, а з точки зору смаку навіть не найкрасивіший.
Шукаю мене в Інтернеті Я знайшов список з деякими з найпопулярніших фреймворків CSS / JS, а головне, з відкритим кодом, які ми можемо використовувати для своїх особистих проектів. Але в цьому випадку я згадаю лише 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 - один із варіантів, який ми маємо. І я кажу одне, бо якщо ми трохи пошукаємо, то знайдемо інші варіанти самого Bootstrap.
Висновки
Залежно від наших потреб та цілей, у нас є кілька альтернатив, як ми вже бачили. Хоча я згадав лише 5, які я вважаю, вони є найповнішими, їх є набагато більше, як ви можете бачити у списку, який я згадав на початку. Також можна помітити, що багато хто з них взяли ідеї з Bootstrap і навіть вдосконалили їх, і що такі компанії, як Adobe, приєднуються до ініціативи щодо створення такого типу інструментів для вдосконалення нашої роботи.
Якщо ми маємо необхідні знання, можливо, ми могли б навіть поєднати кілька з них, взявши те, що нам потрібно. Вибір у будь-якому випадку за вами.
Ви пропустили внесок Yahoo: чистий CSS, він зосереджений на мінімалізмі та легкості.
Чистий смішно крихітний. Весь набір модулів має тактову частоту 4.0 КБ *, зменшену та зібрану в архіви. Створений з урахуванням мобільних пристроїв, нам було важливо зберегти невеликі розміри файлів, і кожен рядок CSS ретельно продумувався. Якщо ви вирішите використовувати лише підмножину цих модулів, ви заощадите ще більше байтів.
http://purecss.io/
Так, Pure - це варіант, але, незважаючи на його розмір, з моїх дуже конкретних критеріїв, він не такий повний, як згадані вище.
Що мені подобається в Pure, це те, що він дає вам основи і дуже швидко навчається та впроваджує, ви можете використовувати його на веб-сайті, і це дає вам можливість зробити щось оригінальне, ви не "завантажені", як більшість.
Друже, я думаю, ти залишив одного з найбільших суперників Bootstrap… Foundation
Це правда ... Фонд пройшов повз мене, що є ще одним з великих, можливо, найбільшого конкурента Bootstrap від того, що вони говорять.
Друже, я сумую за тобою один важливий матеріалcss. На ура
Фундамент - найкращий каркас для дизайну інтерфейсу, найповніший і найрізноманітніший, і він є великим конкурентом завантажувальному ремінцю, хоча завантажувальний ремінь не досягає підошви взуття.
Дуже цікаво, я їх не знав. Я також був здивований тим, що не побачив основи у цьому списку.
насправді сайт посилання, який залишає на початку цей фундамент, який, без сумніву, є одним із найсильніших конкурентів.
Я почну більше думати про ці фреймворки для деяких розробок, наразі всі адаптивні веб-сайти, які я пишу з 0, ще сотня задоволення при написанні всього Xd
Врешті-решт вони всі однакові. Великі хороші листи на білому тлі
Правила BackEnd 😀
Правда в тому, що на даний момент ця публікація мені дуже подобається, дякую 😉
Я використовую семантику інтерфейсу користувача, і це не так інтуїтивно сказати
Без "Матеріалізації" та "Фонду" цей список - фігня.
Чому каже хто? Де написано, що саме ці двоє мають бути? Якщо ви прочитаєте коментарі (те, що, мабуть, ви ще не зробили), ви побачите, що я усвідомлюю, що мені не вистачало фонду, але список, який ви бачите в цій статті, ґрунтується на моїй оцінці, і ви не повинні з цим погоджуватися але не потрібно говорити, що це сміття.
Привіт, дуже хороша стаття. Але я хотів сказати вам, що, схоже, хтось скопіював його на своєму веб-сайті, не відображаючи першоджерело. Я не знаю, як ви вирішуєте ці справи, але я думав, що ви хотіли б це знати. Посилання: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
Привітання.
Так, це нормально. Я вже зв’язався з відповідальними за сайт 😉
Відмінний внесок! Bootstrap, безсумнівно, відкрив двері для таких людей, як я, які добре володіють серверною базою, але негідні в інтерфейсі в css, щоб поставити пристойний товар. Можливо, це було неправильним чином, коли вони мали б це згадати, але я згоден, що в цьому списку відсутній MaterializeCSS; легкий, потужний каркас із зовнішнім виглядом матеріалу та найдивовижнішою кривою навчання. За 10 хвилин мені вдалося зібрати дуже приємний інтерфейс завдяки цьому фреймворку. Його документація настільки проста, що порівняно із завантажувальним ремеслом вона здається схожою на аерокосмічну інженерію. Тому я пропоную поглянути на Materialize (materializecss.com). На здоров’я!