Сайт macOS+ состоит из переведенных и адаптированных на русский язык англоязычных инструкций и описывает установку на ПК чистого официального образа macOS Sierra с цифрового магазина Apple AppStore.
Верстка, дизайн и материалы сайта разработаны мною практически с нуля. Дизайн отзывчивый к размеру экрана и рассчитан на работу в браузерах IE11+/Edge, Firefox, Chrome, Opera и Safari.
- Препроцессор Less
- Постпроцессор PostCSS
- Шаблонизатор Pug
- Сборщик проектов Gulp
- Графический редактор Affinity Designer
- Редактор кода Visual Studio Code
- БЭМ Гарри Робертса (Harry Roberts). В рамках проекта постарался использованы возможности БЭМ по максимуму, включая миксование блоков и файловую структуру.
- “6 Gulp Best Practices” с rangle.io
- Рейтинг Google Page Speed Inside (PSI): 84 балла.
- Полная работоспособность сайта в случае отключения JavaScript, вплоть до работы мобильного меню.
- Критические стили (Critical CSS).
- Структурированные данные JSON-LD на основе schema.org
- Данные Open Graph.
- Плагин moment.js для отображения относительных дат.
- Полифил Stickyfill для работы свойства Sticky на IE.
- SVG-графика взята c material.io и iconmonstr.com.
- Шрифты c google-webfonts-helper.herokuapp.com.
Внимание! Большая просьба не нарушать авторские права и использовать репозиторий только в ознакомительных целях, не распространяя его содержимое за пределами GitHub.