Что такое ICE CSS?

ICE CSS — это открытый и эффективный CSS-фреймворк на основе Jquery, вдохновлённый образом айсберга. Он отличается быстрой разработкой, красивым внешним видом и удобством использования. Кроме того, официальный сайт предоставляет CDN-сервис, быструю разработку демо и облачные сервисы для тестирования и т. д.

Примечание: для достижения наилучшего эффекта рекомендуется использовать IE версии 9 и выше.

Темы ICE CSS

• ICE CSS for HEXO: https://github.com/T-baby/ICE-HEXO.

Как использовать?

В заголовке HTML-файла укажите ссылку на CSS ICE CSS:

<link rel="stylesheet/less" href="css/icecss.css">.

В конце HTML-файла добавьте ссылку на JS ICE CSS (обратите внимание, что ICE CSS основан на jQuery, поэтому перед добавлением файла JS ICE CSS необходимо импортировать jQuery):

<script src="js/jQuery.min.js"></script>

<script src="js/icecss.js"></script>.

ICE CSS также поддерживает Less. В заголовке HTML добавьте ссылку на Less:

<link rel="stylesheet/less" type="text/css" href="styles.less" />.

Затем в конце добавьте ссылку на файл JS Less:

<script src="js/less.min.js"></script>

<script src="js/jQuery.min.js"></script>

<script src="js/icecss.js"></script>.

Документация

Для просмотра новой версии документации посетите официальный веб-сайт: http://besdlab.cn/ICECSS/.

Китайская версия:

https://coding.net/u/besd/p/ICECSS/

http://git.oschina.net/t-baby/ICECSS.

Примеры

http://besdlab.cn/,

http://besdlab.cn/blog,

http://besdlab.cn/ICECSS/.

Вы можете присоединиться к группе пользовательского опыта

Группа пользовательского опыта позволяет получать последние версии ICE CSS и помогать команде разработчиков в тестировании и улучшении. Участники группы имеют следующие привилегии:

1. Возможность получения последних версий.

2. После проверки командой разработчиков качественный код может быть включён в официальную версию.

3. Участие в процессе проектирования, разработки и пользовательского опыта ICE CSS.

4. Ваши предложения и идеи могут быть непосредственно реализованы в ICE CSS.

Как присоединиться?

Присоединитесь к Q-группе: 320283384.

Лицензионное соглашение

ICE CSS следует MIT-лицензии. При использовании ICE CSS рекомендуется размещать логотип на веб-сайте.

История обновлений

1.1 2015.04.28

Изменения и исправления:

Исправлена ошибка в примере кода документа, где можно закрыть панель.

Убраны стили, связанные с кодом и pre.

Добавлены новые функции в документ.

Управление версиями осуществляется через bower.

Новые функции:

Более мощный навигационный меню.

Выбор даты.

Вкладки.

Подсветка кода.

Оптимизация для китайского языка.

Новая страница официального сайта.

1.0 2015.03.17

Изменения и исправления:

Повторная настройка кнопок, форм, списков и других элементов для улучшения внешнего вида и элегантности ICE CSS.

Скорректированы цвета таблиц.

Улучшена плавность эффектов всплывающих элементов, таких как кнопки и меню.

Исправлен код, вызывающий неправильную ширину input.

Замена шаблона artTemplate на juicer.

Новые функции:

Добавлено несколько классов цветов для кнопок.

0.9.2 2015.03.03

Изменения и исправления:

Отрегулированы внутренние отступы кнопок для придания им более элегантного вида.

Изменены цвета кнопок при их всплытии.

Откорректированы внутренние отступы th и td.

Скорректирован цвет таблицы ice-table-striped.

Исправлено одно недоразумение в документе.

Новые функции:

Добавлен тег ice-button.

Добавлен плагин ice_storedb для работы с локальным хранилищем.

2015.01.29

Изменения и исправления:

Исправление некоторых проблем в документе.

Исправлена проблема с неработающим фоновым изображением в ice-intro-big.

Новые функции:

Плавающее меню ice-menu-lucency.

Эффект параллакса.

Полноэкранная прокрутка.

Предварительная загрузка ссылок.

Задержка загрузки изображений.

2015.01.20

Благодарим за помощь в упаковке кода для навигации «гармошкой» пользователя «一路向阳».

Навигационная система «гармошка» была настроена.

2015.01.17

Ширина ice-div-1-1 изменена на 100%.

Добавлена функция аккордеона в навигационное меню.

Добавлено всплывающее полотно.

Добавлено гамбургер-меню.

Поддержка BESD облачных сервисов.

Новый шаблонный движок.