<rmcreative>

RSS

Все заметки с тегами «CSS, HTML, Framework»

  1. Bootstrap 3

    20 августа 2013

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

    В версии 3 Bootstrap, наконец, стал по-настоящему независим от Twitter, который его породил, и обзавёлся отдельным сайтом. Стоит отметить следующие изменения:

    • Новый плоский дизайн для упрощения его стилизации. Старый можно вернуть специальной темой.
    • Ещё большая заточенность сетки и компонент под мобильные устройства.
    • По умолчанию для всего используется box-sizing: border-box.
    • Переписали JavaScript-плагины. Обещают, что будет работать лучше.
    • Значки теперь представлены в виде шрифта, а не в виде картинок.
    • Сделали правильные модальные окошки.
    • Добавили панели и группированные списки.
    • Убрали accordion (заменили панелями), подменю, typeahead и ещё всякие мелкие штуки.
    • Именование классов поменялось.
    • Добавили документации.
    • Не поддерживается Internet Explorer 7 и Firefox 3.6. Internet Explorer 8 поддерживается через Respond.js.

    Кстати, в Yii2 Bootstrap 3 и обёртки для него включены в состав фреймворка.

    11 комментариев
  2. Foundation 3

    30 июня 2012

    Вышла третья версия фреймворка Foundation. Скорее всего вы слышали о популярном Twitter Bootsrap. После него большинство фреймворков смотрится блекло: элементов меньше, разметка ещё нелогичней, куча багов и ничего нового. Так вот Foundation отличается от Bootstrap в лучшую сторону:

    • Разметка более лаконичная и логичная.
    • Заточен для работы с кучей всяких устройств. Можно контролировать, как именно будет выглядеть сайт при каких параметрах экрана. Имеется очень гибкая адаптивная сетка.
    • Для всего используется box-sizing: border-box.
    • Неплохие наборы кнопочек, формочек, менюшек и мелких элементов.
    • Табы, галерея и модальные окошки, которые отлично работают на всех устройствах.

    • Пробуем

    • Документация и демонстрация возможностей
    13 комментариев