WikiDer > Каскадная структура

Cascade Framework
Каскадная структура
Каскад логотип
Каскад логотип
Каскадная структура
Каскадная структура
Разработчики)Джон Слегерс
изначальный выпускМарт 2013 г.; 7 лет назад (2013-03)
Стабильный выпуск
1.6 / 17 декабря 2014 г.; 5 лет назад (2014-12-17) [1]
Написано вHTML, CSS и JavaScript
Размер10,6 КБ (в архиве)
ТипHTML и CSSшаблоны дизайна на основе
ЛицензияЛицензия MIT
Интернет сайтjslegers.github.io/ cascadeframework/

Каскадная структура это свободный CSS-фреймворк для создания веб-сайты и веб-приложения. Похожий на Бутстрап и Фонд, он содержит широкий спектр HTML и CSSкомпоненты интерфейса, а также дополнительные JavaScript расширения.

Источник

Недовольный архитектурой Bootstrap и Foundation, Джон Слегерс хотел создать альтернативу, которая предлагала бы большую гибкость и лучшую производительность без урезания функций.[нужна цитата] Он придумал название Cascade Framework для своего проекта и выпустил его под Лицензия MIT в марте 2013 г.[нужна цитата]

Функции

Cascade Framework 1.x написан на чистом CSS. Он поддерживает отзывчивый дизайн и все современные браузеры, а также IE6 +. Для оптимального баланса между размером и гибкостью в нем реализован шаблон проектирования модификаторов, вдохновленный SMACCS и OOCSS.

Binpress перечисляет следующие ключевые особенности:[2]

  • Cascade Framework полностью основан на архитектуре OOCSS, оптимизированной как для производительности, так и для гибкости.
  • Cascade Framework содержит расширенные компоненты, такие как «панели», «блоки вкладок» и «навигационные» компоненты, которые можно комбинировать различными способами.
  • Cascade Framework не зависит от дизайна. Вы можете выбрать тему по умолчанию, создать свою собственную или просто поработать со своим собственным дизайном для конкретного проекта и полностью исключить тему по умолчанию. И типографика, и цветовая схема разделены на отдельные модули для этой цели.
  • Cascade Framework позволяет вам выбирать между техникой семантической сетки и техникой презентационной сетки. Twitter Bootstrap предлагает только технику презентационной сетки.
  • С Cascade Framework вы можете использовать любое количество столбцов по вашему желанию (поддерживаются 1,2,3,4,5,6,7,8,9,10,12,16 и 24 столбца) во всем проекте и свободно вкладывать их .
  • Сетка Cascade Framework использует специальный элемент заполнения для желоба, который в сочетании с интеграцией медиаобъектов делает сетку более мощной и простой в использовании, чем любая другая сеточная система.
  • Общий CSS-код Cascade Framework составляет всего 9712 байт, уменьшенных и сжатых с помощью gzip, и может быть уменьшен, если вам не нужны все модули. Для многих проектов вам подойдет сборка Cascade Framework, имеющая всего 3910 байт.
  • У Cascade Framework есть «облегченная» версия, всего не более 2010 байт. Хотя он не содержит таких компонентов, как панели или вкладки, он по-прежнему предлагает вам чистый дизайн для целого ряда элементов, поддержку IE6, отзывчивое поведение и т. Д. Если вам нужны только его функции сетки, вы можете пойти настолько легким, как 323 байтов.
  • Cascade Framework предлагает поддержку до IE6, и в ближайшем будущем нет планов отказаться от поддержки старых браузеров.

Cascade Framework имеет открытый исходный код и доступен на GitHub.[3][4] Разработчикам предлагается участвовать в проекте и вносить свой вклад в платформу.

Оценка

В статье, опубликованной 13 октября 2013 года, Crunchify перечисляет Cascade Framework как 5-е место в «5 лучших новых и любимых адаптивных фреймворках».[5] Первые четыре - это соответственно Bootstrap, Cardinal, TypePlate и Furrato.

В статье, опубликованной 24 октября 2013 года, CodeGeekz перечисляет его среди «12 свежих и полезных фреймворков».[6] Другие перечисленные проекты: Gumby, Solved by Flexbox, UI Kit, SkelJS, Cardinal, Layers CSS, Grid Forms, Gridism, Maxmert, Rocket CSS и Kube Framework.

Linux Портал Linuxlinks перечисляет Cascade Framework как одну из десяти «лучших легких платформ с открытым исходным кодом для запуска проектов CSS и HTML».[7] Среди других перечисленных проектов: Quantum Framework, Pure, Baseline, HTML KickStart, Base, KNACSS, Toast, Motherplate и HTML5 Boilerplate.

Cascade Framework был СофтпедияСценарий дня 6 сентября 2013 года.[8] Тестер скриптов Softpedia Каталин Чимпану[9] объясняет, почему, по его словам, Cascade Framework не является вашим типичным фреймворком:[8]

Фреймворк Cascade CSS - уникальный проект в наши дни. В отличие от большинства фреймворков CSS, которые сосредоточены на пользовательском интерфейсе, Cascade фокусируется на организации кода и кросс-браузерной совместимости, что в наши дни больше не волнует большинство разработчиков внешнего интерфейса CSS.

В то время как разработчики фреймворков CSS были заняты упаковкой как можно большего количества модулей пользовательского интерфейса в ядро ​​своих фреймворков, большинство из них забыли об основной проблеме веб-разработки, проблеме, которая существовала с начала 2000-х годов: кроссбраузерности.

Хотя большинство фреймворков ломаются при просмотре из другого, более старого браузера, Cascade Framework по-прежнему отображает то же самое и даже постепенно ухудшается в старых браузерах.

Невозможно, правда? Не невозможно, но очень возможно, как доказала эта структура. Самым большим отличием Cascade от других CSS-фреймворков является способ организации кода, благодаря которому разработчикам становится очень легко не только использовать, но и поддерживать создаваемые ими веб-сайты. И все это без взлома старых браузеров.

Cascade Framework также был одним из двух победителей конкурса, организованного бельгийской компанией Openminds по веб-разработке в контексте их конкурса 2013 года. Рубин конференция под названием Arrrrcamp.[10]

Интеграция

Cascade Framework Advanced

С 19 мая 2014 года тема Drupal на основе Cascade Framework была добавлена ​​в песочницу сайта Drupal. [11] как проект-песочница.

По состоянию на 29 октября 2014 года выпущен Cascade Framework Advanced. Этот проект с открытым исходным кодом интегрирует Cascade Framework с JQuery UI.[12]

Рекомендации

  1. ^ Cascade Framework (16 декабря 2014 г.). «Выпущен Cascade Framework 1.6. --- http://www.cascade-framework.com/ #css #html #frontend # frameworkpic.twitter.com / 9Hmfgbt47X». @cascadecss. Получено 24 апреля 2020.
  2. ^ Binpress - Каскадная структура
  3. ^ Github - Cascade Framework
  4. ^ Github - Cascade Framework Light
  5. ^ Crunchify - 5 лучших новых и любимых адаптивных фреймворков
  6. ^ CodeGeekz - свежие и полезные CSS-фреймворки для разработчиков
  7. ^ Linuxlinks - легкие фреймворки для запуска проектов HTML / CSS
  8. ^ а б Softpedia - Скрипт дня, 6 сентября 2013 г.
  9. ^ LinkedIn - Каталин Чимпану
  10. ^ Arrrrcamp - объявляем победителей конкурса pull request В архиве 6 ноября 2013 г. Wayback Machine
  11. ^ Тема Drupal
  12. ^ Cascade Framework Advanced

внешняя ссылка