Gantry 4 framework

С Gantry Framework браузеры под контролем

Joomla
Добавление в избранное
Сохранить

Браузеры под контролем

Gantry Framework имеет возможность загружать разные файлы CSS, в зависимости от браузера / операционной системы. Это позволяет осуществлять полный контроль над тем, как сайт отображается даже самых привередливых браузерах!

Вы можете создавать разные CSS и каждый файл будет автоматически загружен Gantry в зависимости от браузера / операционной системы.

Принцип работы

Gantry может распознавать «характеристи» в названиях файлов:

  • file — имя для css;
  • browser — название браузера (могут быть: ie, firefox, chrome, safari, opera, iphone (работает сразу для iphone/ipod), ipad, android, unknown);
  • longver — полное название браузера с версией (например, IE => 9.0, Safari 5 => 5.0.4, Firefox 5 => 5.0.0.20);
  • shortver — основная версия браузера (например, если Safari 5.0.4 то используйте только 5, или IE 9.0, будет как 9);
  • platform — платформа на которой работает браузер (например: iphone (работает сразу для iphone/ipod), ipad, android, mobile, win, mac, linux, unknown).

Возможные комбинации:

  • file.css
  • file-browser.css
  • file-platform.css
  • file-browser-platform.css
  • file-browsershortver.css [не используйте пробелы между этими двумя характеристиками]
  • file-browserlongver.css
  • file-browsershortver-platform.css
  • file-browserlongver-platform.css

Использование

Вся эта система работает только с файлами CSS. Для подключения CSS используется метод $gantry->addStyle(); для подключения LESS $gantry->addLess(); .

Раньше, до 4 версии Gantry использовалось обозначение template.css и вы могли использовать template-ie8.css для IE8.

В шаблоне Gnatry есть файл global.less, из которого компилируется master.css файл. Если вы используете Chrome версии 21 на Mac, Gаntry автоматически будет искать и применять следующие файлы из директории ВАШ_ШАБЛОН/CSS:

  • master.css
  • master-chrome.css
  • master-mac.css
  • master-webkit.css
  • master-chrome-mac.css
  • master-chrome21.css
  • master-chrome21.0.1180.82.css
  • master-chrome21-mac.css
  • master-chrome21.0.1180.82-mac.css
Оригинальная статья: Gantry team
Artem Valchuk
Привет меня зовут Артем. Я занимаюсь разработкой сайтов, шаблонов HTML, Joomla и WP.

Подпишитесь на рассылку новостей CMScafe