Рекомендации по структуре CSS для веб-сайтов с длинными страницами и обработки анимации?

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

Проверьте этот сайт для примера.

Мои критерии хорошего CSS-фреймворка следующие (но ни в коем случае не требование):

  • Имеет функции для создания длинных веб-сайтов.
  • Поддержка анимации
  • Общая простота использования (я не хочу набирать -moz, -webkit, -msнесколько раз)
  • Возможности трудоустройства (это бонус, если вы знаете, что компании также используют эту структуру)

Помимо фреймворков CSS, вы можете предложить язык шаблонов, если считаете, что это поможет.

Этот пример не кажется мне длинным веб-сайтом , это прибл. 3 высоты браузера.

Ответы (2)

Страница, которую вы приводите в качестве примера, использует (не стесняйтесь добавлять то, что я пропустил)

  • нормализовать.css v3.0.1 | Лицензия Массачусетского технологического института | git.io/нормализовать
  • https://github.com/peachananr/onepage-scroll (библиотека JS, это не весь CSS)
  • jQuery

Выбор CSS-фреймворка практически невозможно сделать объективно. Лучшее, что я могу сделать, это дать вам большой список и добавить, что мне нравится Bootstrap.

Язык шаблонов определенно помогает. Особенно, чтобы оградить вас от использования префиксов конкретных поставщиков. Насколько мне известно, разработчики CSS-фреймворков обычно сами используют языки шаблонов. Twitter Bootstrap изначально использовал Less, теперь есть и версия Sass. И Sass, и Less — хороший выбор. Выберите тот, который поддерживается вашей структурой CSS. Я предпочитаю Сасс.

В этой статье показано, как Sass помогает писать CSS.

Моя любимая библиотека анимаций CSS:

Вы пробовали реагировать или загружаться через http://www.initializr.com ? Он очень быстро загружается, и многие компании используют его, потому что он совместим с разными браузерами. (Они перечисляют компании на сайте)