worldwide open-source software

Глава 11.0. Шаблоны приложения

• 11.2. Шаблон приложения file library (библиотека файлов) - серый
• 11.2. Шаблон приложения blog (дневник) - зеленый
• 11.3. Шаблон приложения book library (книжная библиотека) - желтый
• 11.4. Шаблон приложения sns (социальная сеть) - синий
• 11.5. Шаблон приложения video (видеохостинг) - красный

Рекомендации по созданию макетов:

• Мобильная версия (Mobile First): Начинайте с 360–375 px по ширине.
• Десктопная версия: Используйте 1440 px или 1920 px для широких экранов, но держите основной контент в пределах 1200–1280 px.
• Контентная область: Безопасная ширина контента — около 1200 пикселей.
• Высота первого экрана: Ориентируйтесь на 700–900 пикселей.

итак

• Минимальное разрешение для портретной ориентации мобильных устройств на базе Adndroid — 320 px
• Минимальное разрешения для альбомной ориентации мобильных устройств на базе Adndroid — 640 px

index.html

// Малые девайсы
@media (min-width: 576px)
 
// Средние девайсы («планшеты» > 768px)
@media (min-width: 768px)
 
// Большие девайсы (Ноутбуки и десктопы > 991px)
@media (min-width: 991px)
 
// Стационарные ПК и большие мониторы (> 1200px)
@media (min-width: 1200px)