Тематические статьи про адаптивный веб-дизайн и про фронтенд-разработку
Адаптивные изображения
Изображения на сайтах могут адаптироваться как под разрешение экрана устройства для корректного отображения на мобильных устройствах, так и под экраны с высоким DPI (например, под Retina-дисплеи) для более детализированного отображения. Есть несколько вариантов реализации адаптивных изображений.
Twitter Bootstrap — фронтенд-фреймворк
Клиентский html-, css- и js-фреймворк, использование которого позволяет существенно ускорить разработку клиентской части сайта или веб-приложения. Из основных возможностей — динамический дизайн по сетке, типографика, множество компонентов (веб-формы, таблицы, навигационные элементы, кнопки и прочие контролы), javascript-плагины (выпадающие меню, слайдеры, оповещения и прочее)…
Адаптивный и отзывчивый дизайн
Для обеспечения хорошего отображения сайтов на мобильных устройствах (планшетах и смартфонах) обычно создаётся отзывчивый или адаптивный дизайн.
Показаны не все статьи, а только по отдельным темам
адаптивный дизайн — статьи про отзывчивый дизайн сайтов (как правило, для мобильных устройств — планшетов и телефонов).
фронтенд — статьи, посвященные клиентской части сайтов и веб-приложений: дизайну, верстке, js-программированию и клиентским фремворкам.
Близкие по теме статьи:
Быстрые и отзывчивые интерфейсы с использованием AJAX. Использование AJAX может как ускорить загрузку сайта, так и сделать интерфейс более отзывчивым. Представленный список рекомендаций поможет этого добиться.
Чек-лист проверки фронтенда. По данному списку можно проверить фронтенд сайта или веб-приложения для выявления и последующего исправления ошибок или недочётов.
JPEG и PNG — в чём разница форматов?. JPEG и PNG — это два основных формата для изображений, которые используются на сайтах. В некоторых случаях лучше использовать JPEG, а в некоторых — PNG.
БЭМ и независимые блоки. Вёрстка независимыми блоками — это методология, которая была сформулирована Виталием Харисовым из компании Яндекс. Впоследствии эта методология была расширена и получила название БЭМ…
Ajax-навигация Turboliks & Wiselinks. Увеличить отзывчивость интерфейса и снизить нагрузку на сервер можно при помощи Ajax-навигации: если не перезагружать страницу целиком, а обновлять только содержание или отдельные фрагменты, то…
Принцип программирования YAGNI — you ain’t gonna need it (Вам это не понадобится). Если упрощенно, то следование данному принципу заключается в том, что возможности, которые не описаны в требованиях к системе, просто не должны реализовываться. Это позволяет вести разработку,…
Принцип программирования KISS — keep it simple stupid (делайте вещи проще). Большая часть программных систем необосновано перегружена практически ненужными функциями, что ухудшает удобство их использование конечными пользователями, а также усложняет их поддержку и развитие…
Принцип программирования DRY — don’t repeat yourself (не повторяйте себя). Следование принципу программирования «DRY» позволяет добиться высокой сопровождаемости проекта: простоты внесения изменений и качественного тестирования.
Стандарты кодирования — залог хорошей сопровождаемости проекта. Любая командная разработка может быть эффективной только в том случае, если участники команды имеют общее видение. Иначе разработка начинает напоминать басню Крылова «Лебедь, Щука и Рак».
Ленивая загрузка или загрузка по требованию на клиентской части. Бывает так, что некоторое содержание страницы нужно не всем или не всегда, но на генерацию этого материала или для его передачи тратится много ресурсов. В этом случае имеет смысл сделать загрузку…