5 альтернатив Bootstrap с открытым исходным кодом

Мы постоянно меняемся, и методы работы для разработчиков веб-приложений упростились. Несмотря на то, что многие предпочитают создавать свой собственный код, это правда, что есть инструменты, которые облегчают нашу жизнь и позволяют быстро развернуть проект.

Возможно, в экосистеме FrontEnd самым популярным и используемым фреймворком CSS / JS в последнее время является Bootstrap по уважительной причине. Bootstrap, возможно, самый полный по сравнению с конкурентами, и у них есть варианты почти для всего, но он не единственный, и, по мнению вкуса, даже не самый красивый.

Ищу в интернете меня Я нашел объявление с некоторыми из самых популярных и наиболее важных фреймворков CSS / JS с открытым исходным кодом, которые мы можем использовать в наших личных проектах. Но в данном случае отмечу только 5, которые считаю наиболее интересными. Давайте начнем:

пальто

TopCoat

Этот, в частности, его не знал. Запущенная Adobe®, это платформа, которая в основном ориентирована на предоставление всего необходимого для создания веб-приложений для всех устройств. Среди его основных особенностей:

  • Это быстро.
  • Темы можно настроить.
  • Собственные иконы.
  • Source Sans Pro, исходный код с открытым исходным кодом от Adobe.

пальто

UIKit

Уйкит

Из того, что можно увидеть, UIkit - один из самых сильных конкурентов Bootstrap, и в качестве дифференциальных данных он добавляет ряд компонентов, которые платформа Twitter не добавляет по умолчанию или просто улучшает их.

Uikit

Семантический интерфейс

Семантический интерфейс

Еще один достойный конкурент Bootstrap, который стоит принять во внимание, поскольку он не только предоставляет новые компоненты, но и позволяет выбирать для них несколько стилей / тем. Мы можем выбрать, чтобы кнопки, например, были похожи или равны кнопкам GMail, Github, Amazon, Google Material, Bootstrap, Twitter и других.

Семантический интерфейс

INK

INK

Еще один очень хороший кандидат для рассмотрения. INK также предоставляет нам новые компоненты или дизайн и функциональность, немного отличающиеся от того, что мы находим в Bootstrap.

INK

Пользовательский интерфейс Metro

МетроUI

Если мы хотим сделать что-то ближе к пользователям Windows, тогда Metro UI - один из вариантов, которые у нас есть. И я говорю один, потому что если мы немного посмотрим, мы обнаружим другие варианты самого Bootstrap.

Пользовательский интерфейс Metro

Выводы

В зависимости от наших потребностей и целей у нас есть несколько альтернатив, как мы уже видели. Хотя я упомянул только 5, которые считаю наиболее полными, их гораздо больше, как вы можете видеть в списке, который я упомянул в начале. Также видно, что многие из них позаимствовали идеи из Bootstrap и даже улучшили их, и что такие компании, как Adobe, присоединяются к инициативе по созданию этого типа инструмента для улучшения нашей работы.

Если у нас есть необходимые знания, возможно, мы могли бы даже смешать несколько из них, взяв то, что нам нужно. В любом случае выбор за вами.


19 комментариев, оставьте свой

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.

  1.   Данхантер сказал

    Вы пропустили вклад Yahoo: чистый CSS, он фокусируется на минимализме и легкости.

    Pure до смешного крошечный. Размер всего набора модулей составляет 4.0 КБ * в минимизированном виде и в сжатом виде. Создаваемый для мобильных устройств, для нас было важно сохранять небольшие размеры файлов, и каждая строка CSS была тщательно продумана. Если вы решите использовать только часть этих модулей, вы сэкономите еще больше байтов.

    http://purecss.io/

    1.    Elav сказал

      Да, Pure - это вариант, но, несмотря на его размер, по моим очень конкретным критериям, он не такой полный, как упомянутые выше.

      1.    Данхантер сказал

        Что мне нравится в Pure, так это то, что он дает вам основы, его очень быстро изучать и внедрять, вы можете использовать его на сайте, и он дает вам возможность делать что-то оригинальное, вы не «начатки», как большинство.

  2.   ДжоЗ3 сказал

    Друг, я думаю, вы не учли одного из главных конкурентов Bootstrap… Foundation

    1.    Elav сказал

      Это правда ... Финансирование прошло мимо меня, это еще один великий, возможно, самый большой конкурент Bootstrap, как они говорят.

      1.    ратакилл сказал

        Друг, я скучаю по тебе по одной важной материализации. Ура

      2.    Marcos сказал

        Foundation - это лучший фреймворк для дизайна интерфейса, самый полный и самый универсальный, и он отличный конкурент бутстрапу, хотя бутстрап не достигает подошвы обуви.

  3.   Blonfu сказал

    Очень интересно, я их не знал. Я также был удивлен, что не увидел в этом списке основы.

    1.    Rlsalgueiro сказал

      на самом деле сайт ссылки, которая оставляет вначале этот фундамент, который, без сомнения, является одним из самых сильных конкурентов.

  4.   Рафаэль Мардожай сказал

    Я собираюсь начать больше думать об этих фреймворках для некоторых разработок, пока я пишу все отзывчивые веб-сайты с 0, еще сотня удовольствия, когда пишу все Xd

  5.   Цельсия сказал

    В конце концов, они все одинаковы. Большие хорошие буквы на белом фоне

  6.   кик1н сказал

    BackEnd правила 😀

  7.   Габриель сказал

    По правде говоря, в данный момент этот пост мне очень понравился, спасибо 😉

  8.   выйти19 сказал

    Я использую семантику пользовательского интерфейса, и сказать

  9.   Альберто Карлос Уэбб Озз сказал

    Без Материализации или Основы этот список - чушь собачья.

    1.    Elav сказал

      Почему говорит кто? Где написано, что эти двое должны быть конкретно? Если вы прочитаете комментарии (то, что, по-видимому, вы не сделали), вы увидите, что я признаю, что мне не хватало Фонда, но список, который вы видите в этой статье, основан на моей признательности, и вы не должны соглашаться с этим. , но не надо говорить, что это фигня.

  10.   Kamisama666 сказал

    Здравствуйте, очень хорошая статья. Но я хотел вам сказать, что кажется, что кто-то скопировал его на свой веб-сайт, не отражая первоисточник. Я не знаю, как вы справляетесь с этими вопросами, но я подумал, что вы хотели бы знать. Ссылка такая: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    Приветствие.

    1.    Elav сказал

      Да, это нормально. Я уже связывался с ответственными за сайт 😉

  11.   Юрий Яжицкий сказал

    Отличный вклад! Bootstrap, безусловно, открыл двери для таких людей, как я, которые хорошо разбираются в бэкенде, но плохо разбираются в клиентском интерфейсе, чтобы создавать прилично выглядящий продукт. Возможно, это был неправильный способ, которым они должны были упомянуть об этом, но я согласен с тем, что в этом списке отсутствует MaterializeCSS; легкий, мощный фреймворк с материальным дизайном и максимально возможной кривой обучения. За 10 минут я смог настроить очень красивый интерфейс благодаря этой структуре. Его документация настолько проста, что по сравнению с бутстрапом выглядит как аэрокосмическая инженерия. Поэтому я предлагаю взглянуть на Materialize (materializecss.com). Ура!