Простое решение для несложных задач

Для того, чтобы создать сайт, не обязательно иметь дело со сложными движками и их административными панелями. «Simpliste» — это очень простой в использовании HTML-шаблон для проектов, в которых требуется создать одну или пару страниц с несложной структурой. Если вы хотите создать простую информационную страницу, причем чем меньше кода нужно писать, а килобайтов загружать, тем лучше, то «Simpliste» как раз то, что вам нужно.

Не требует CMS и бесплатен для использования. Аккуратный код еще больше упрощает задачу. HTML5 и CSS3 открывают больше возможностей перед вашим будущим сайтом. У шаблона есть несколько тем, из которых можно выбрать. В темах не использовано ни одного файла изображения.

Хотите, чтобы ваш сайт был удобным при чтении с мобильных устройств? «Simpliste» меняется в зависимости от ширины окна браузера, создавая оптимальные условия для чтение со смартфонов или планшетов.

Аккуратный код

HTML5 и CSS3 сделали жизнь разработчиков значительно проще. Теперь для тех же задач требуется значительно меньше кода и дополнительных файлов. «Simpliste» имеет несколько тем и все они созданы без использования файлов изображений.

Шаблон создан с использованием ресета от HTML5 boilerplate и это делает внешний вид тем «Simpliste» стабильным в разных браузерах.

Стили для печати и мобильных устройств уже включены в файл стилей тем.

Поддержка мобильных устройств

Вы уже знаете, что пора больше думать о пользователях с мобильным интернетом. Этот шаблон позволяет менять внешний вид страниц в зависимости от размера экрана устройства посетителя, причем от вас не требуется никаких усилий.

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

Попробуйте изменить ширину окна вашего браузера и вы увидите, как работает «Simpliste».

Легко использовать

«Simpliste» не является темой для CMS. Код шаблона можно использовать сразу же после загрузки, без необходимости изучать какую-либо документацию. Просто заполните блоки собственной информацией, внесите необходимые изменения и сайт готов для загрузки на сервер.

Информацию можно разместить по существующим в шаблоне блокам, используя готовые стили. Практически все стили можно увидеть среди примеров прямо на этой странице. Конечно, можно дописать собственные стили.

«Simpliste» в деле

Примеры

Принципы «Simpliste»

  • Простота
  • Наличие готовых тем
  • Использование HTML5 и CSS3
  • Учет особенностей мобильных устройств
  • Нет CMS
  • Бесплатность

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

  1. Выбрать тему из списка вверху
  2. Нажать на кнопку скачивания
  3. Разархивировать файлы
  4. Изменить то, что нужно
  5. Загрузить готовый сайт на сервер

Пример формы



Ваше любимое число









Еще элементы

Используйте тег strong для информации сильной важности. Используйте тег em для акцентирования внимания на слове или фразе.

Пример предупреждения .warning

Пример события .success

Пример сообщения .message

Таблица классов CSS

Класс Описание
.col_33 Колонка шириной 33%
.col_50 Колонка шириной 50%
.col_66 Колонка шириной 66%
.col_100 Колонка во всю ширину с правильными отступами
.clearfix Использовать после, либо как контейнер для колонок со свойством float (перечислены выше)
.left Выравнивание текста по левому краю
.right Выравнивание текста по правому краю
.center Выравнивание текста по центру
.img_floatleft Картинка в тексте выравнивается по левому краю
.img_floatright Картинка в тексте выравнивается по правому краю
.img Картинка меняет ширину при уменьшении ширины окна браузера