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