Инструменты пользователя

Инструменты сайта


html5_boilerplate

Назад

Boilerplate – это высокопрофессиональный и надежный набор HTML/CSS/JS шаблонов. Это очень мощный инструмент для разработки веб-сайтов и веб-приложений, даже если вы не собираетесь работать с HTML5.

HTML5 Boilerplate — это не CSS Framework и не HTML5-фреймворк. Это — базовый HTML/CSS/JS-шаблон, который позволяет полноценно использовать наисовременнейшие технологии, не обращая внимания на различия в браузерах (о да, IE6 тоже подерживается!).

Это каркас для разработки HTML5 Ready сайтов. Отлично проработанный шаблон, комплект хаков для особенных браузеров (IE).

  • Кроссбраузерная совместимость (Chrome, Opera, Safari, Firefox 3.6 +, IE6 +).
  • HTML5 ready. Можно использовать новые теги.
  • Оптимальные настройки кеширования и сжатия для наилучшей производительности
  • Наилучние стандартные настройки сайта
  • Оптимизация для мобильных браузеров
  • Graceful Degradation
  • Специфичные для IE классы, для наилучшей совместимости
  • .no-js и .js классы, для совместимости
  • Комплект Unit тестов
  • iOS, Android, Opera Mobile разметка и CSS.
  • IE6 pngfix
  • Подгрузка jQuery через CDN (+ локальная версия).
  • .htaccess файл, позволяющий использовать возможности HTML5 и ускорить загрузку страницы.
  • .clearfix, .visuallyhidden классы.

Базовая структура

За основу взята версия Boilerplate 4.1.0

├── css
│   ├── main.css
│   └── normalize.css
├── doc
├── img
├── js
│   ├── main.js
│   ├── plugins.js
│   └── vendor
│       ├── jquery.min.js
│       └── modernizr.min.js
├── .htaccess
├── 404.html
├── index.html
├── humans.txt
├── robots.txt
├── crossdomain.xml
├── favicon.ico
└── [apple-touch-icons]

CSS

Этот каталог должен содержать все CSS файлы проекта. Она также включает в себя некоторые начальные CSS файлы, которые помогают начать работу с кроссбраузерным отображением нашего сайта.

Normalize.css

Normalize.css представляет собой настраиваемый CSS файл, при помощи которого браузеры начинают отображать все элементы более последовательно и в соответствии с современными стандартами. Были проведены исследования для выявления различий между стилями браузеров по умолчанию для того, чтобы нормализовать только те стили, которые отличаются друг от друга.

  • Сохраняет полезные стили по умолчанию, в отличие от многих reset проектов (например, reset.css от Эрика Мейера)
  • Нормализует стили для широкого диапазона элементов
  • Исправляет ошибки и общие несоответствия браузеров
  • Повышает юзабильность
  • Хорошо и подробно откомментирован
  • Поддерживает мобильные устройства и HTML5

Main.css

Этот CSS Файл содержит уже прописанные CSS правила которые рекомендуются использовать в настоящем проекте хотя нее является обязательными.
Также в этом файле содержатся вспомогательные правила и настройки для печати страницы.
В данном файле необходимо писать свои CSS правила в соответствующем месте.

JavaScript

Этот каталог должен содержать все ваши файлы проекта JS. Библиотеки, плагинов и пользовательского кода могут быть включены здесь. Она включает в себя некоторые начальные JS, чтобы помочь вам начать работу.

plugins.js

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

Также в этом файле по умолчанию есть сценарий который позволяет избежать ошибок а браузерах которые не имеют консоль.

(function() {
    var method;
    var noop = function () {};
    var methods = [
        'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
        'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
        'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
        'timeStamp', 'trace', 'warn'
    ];
    var length = methods.length;
    var console = (window.console = window.console || {});
 
    while (length--) {
        method = methods[length];
 
        // Only stub undefined methods.
        if (!console[method]) {
            console[method] = noop;
        }
    }
}());

vendor

В данном каталоги содержится последняя версия jQuery и библиотека Modernizr в поставке является кастомной сборкой, содержащей в себе также respond.js (библиотека, позволяющая использовать конструкции @media в IE6, 7, 8 и других браузерах, не поддерживающих медиазапросы).

.htaccess

Также Boilerplate включает в себя оптимальные настройки для Apache с помощью которых можно оптимизировать работу веб-сервера в следствие чего сайт будет работать быстрей.

humans.txt

В этом файле рекомендуется указать информацию о людях, участвовавших в создании сайта.

Описание