Фреймворки

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

Что такое фреймворк?

Фреймворк — это стандартизованный набор концепций, практик и критериев для работы с общим типом проблем, который может быть использован как руководство по помощи и решения новых проблем схожей природы.

В мире веб-дизайна, фреймворк определён как * пакет скомпонованный из файлов и папок стандартизированного кода (HTML, CSS, JS документов и т.д.)*, который может быть использован для разработки вебсайтов или как базис для построенния сайта.

Большинство вебсайтов имеют схожую (а иногда и одинаковую) структуры. Целью фреймворка является обеспечение общей структуры, чтобы разработчикам не приходилось делать всё сначала и можно было использовать разработанные куски кода. Таким образом фреймворки позволяют уменьшить объём работы и затрачиваемое время.

В двух словах нет нужды изобретать велосипед.

Целью фреймворка является обеспечение общей структуры, чтобы разработчикам не приходилось делать всё сначала и можно было использовать разработанные куски кода.

Сколько существует типов фреймворков?

Есть в основном два типа фреймворков: бекенд и фронтенд (это разделение записано основываясь на том какому логическому слою он принадлежит: представления, применения или приложения.

Это важно понимать, что фреймворки — это концептуальное понятие: предварительно готовые стандартные наборы, с которых можно начать работу. Концепция фреймворка может быть применена к различным процессам в сети: программистский слой, который соединяет базу данных с содержимым сайта и использует пхп-язык и дизайнерский слой, где контент должен быть представлен в HTML документах с определёнными CSS стилями, чтобы он прекрасно просматривался в браузере.

Может быть также в бекенде (набор файлов с библиотеками для доступа к базе данных, структуре шаблонов, управление сессиями) или фронтенде. Мы сосредоточимся на фреймворках фронтенда.

Фронтенд Фреймворки (или CSS фреймворки)

Фронтенд фреймворки обычно состоят из пакета структурированных файлов и каталогов стандартизированного кода (HTML, CSS, JS документов и т.д..)

Обычными компонентами являются:

• CSS исходный код для создания сетки: позволяет разработчику спозиционировать различные элементы, которые формируют дизайн сайта в простой и живой манере.
• Типографические стили для HTML элементов.
• Решения для случаев несовместимости браузеров, чтобы сайт отображался корректно во всех браузерах.
• Создание стандартных CSS классов, которые могут использоваться для стилизации дополнительных компонентов пользовательского интерфейса.

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

Выбор фреймворков

Всередине CSS фреймворков, мы можем провести разделение между двумя типами фреймворков согластно их сложности: простые фреймворки и полные фреймворки. Это разделение субъективно и не значит ,что одни лучше других, просто они дают разное решение в зависимости от степени требуемой сложности и (или) гибкости.

Простые фреймворки

Их часто называют просто «системы разметки», но тем не менее они фреймворки. Они предлагают стили с системой колонок для размещения различных элементов согластно установленного дизайна.

Как выбрать правильный?

Выбирая правильный фреймворк для своего сайта — непростая задача из-за нескольких причин:

1. Каждый сайт — разный и требует разные характеристики. Используя очень сложный фреймворк для одной страницы может привести к адекватному результату, но такое не часто встретишь на многих сайтах.
2. В данный момент нет больших различий — все они достаточно полны и легки в использовании.

В то же время мы хотим дать вам несколько наставлений — держите их в уме, когда будете выбирать подходящий фреймворк.

• Скорость установки: некоторые очень просты для установки и начала использования. Другие требуют времени для конфигурирования.
• Лёгкость понимания: понять некоторые иногда очень сложно, другие наоборот понятны с самого начала.
• Опции: некоторые фреймворки сложнее других и предлагают больше конфигурационных настроек, виджетов и элементов интерфейса. Они позоваляют вам делать классные вещи с вашим сайтом.
• Интеграция с другими системами
• Лучшая долговременная поддержка: Некоторым цифровым проектам нехватает поддержки с течением времени и она прекращается. Лучше использовать те, которые предусматривают долговременную поддержку. Многие из таких поддерживаются компаниями, которые разрабатывают продукты на рынке.

Преимущества и недостатки использования фреймворков

Преимущества

• Ускорение процесса создания макетов
• Чистый и аккуратный код
• Решения общих CSS вопросов
• Совместимость браузеров
• Хорошие практики изучения
• Единственная процедура решения общих проблем делает поддержку различных проектов более простой.
• Польза при совместной работе

Недостатки

• Смешивает контент и представление
• Неиспользованный код остаётся
• Замедляется кривая обучения
• Вы не учитесь делать всё самостоятельно

Хорошо ли использовать фреймворк?

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

Рекомендуемые статьи: 15 CSS фреймворков