Я написал статью «Использование CSS Framework для эффективной разработки сайтов», когда работал над интерфейсом, и многие друзья задавали мне похожие вопросы. 5key с самого начала работал над архитектурой CSS-фреймворка в компании, а также давал предложения по CSS-фреймворкам многим друзьям. Эффект очень очевиден. Конечно, у CSS-фреймворков есть свои преимущества и недостатки, и недавно я прочитал несколько соответствующих статей. Некоторые мысли, которыми я хочу поделиться с вами.
Преимущества CSS-фреймворка:
1. Повышение эффективности разработки.
Если вы являетесь фронтенд-разработчиком и создаете корпоративный веб-сайт, я полагаю, что большую часть времени вам придется работать над кодом для аналогичных сайтов. Четко определенная структура может значительно повысить эффективность вашей работы и избежать некоторых распространенных ошибок. Если ваша работа оплачивается поштучно, вам обязательно заплатят больше, чем другим.
2. Стандартизировать кодовое наименование.
Вы можете использовать одни и те же КЛАССЫ или идентификаторы на нескольких сайтах. Если у вас есть полная CSS-инфраструктура, вы вскоре сможете читать код каждого из ваших сайтов. Не нужно тратить время на чтение кода.
3. Улучшение командной работы
Некоторые компании разделяют внешний код некоторых более крупных сайтов на несколько подпроектов. Друзья, у которых был подобный опыт, должны быть глубоко разочарованы этим методом разработки. Им следует обратить внимание на общий CSS и координацию кода между ними. Со временем все более устаревшие коды становятся все труднее читать между собой. Если вы создадите подходящую структуру CSS, вы сможете уменьшить множество ненужных ошибок и улучшить качество продукта и эффективность работы.
4. Решите проблемы совместимости браузера.
Большинству проектов теперь требуется совместимость с IE6, 7 и FF. Каждый сайт может потратить некоторое время на решение проблем совместимости. Этот вопрос должен решаться на рамочном уровне. Это может сэкономить много времени для решения последующих проблем с совместимостью.
5. Полный набор структурных кодов с четкой структурой.
Фреймворк CSS обеспечивает чистую и строгую инфраструктуру для ваших проектов. С его помощью вы можете быстро создать базовую структуру HTML-кода для своего сайта. Вначале все сложно, но основная работа впереди сделана. Последующая скорость разработки будет значительно улучшена.
Фреймворк CSS обеспечивает чистую и строгую инфраструктуру для ваших проектов. С его помощью вы можете быстро создать базовую структуру HTML-кода для своего сайта. Вначале все сложно, но основная работа впереди сделана. Последующая скорость разработки будет значительно улучшена.
Недостатки CSS-фреймворков:
1. Вам необходимо полностью понимать всю структуру
Каждому, кто присоединяется к проекту, необходимо потратить определенное количество времени, чтобы полностью понять весь фреймворк и стандарты кодирования;
2. Вы будете сохранять ошибки в некоторых фреймворках.
Никто не может гарантировать, что разрабатываемый ими фреймворк идеален и не содержит ошибок. Вам может потребоваться время для устранения ошибок во фреймворке;
3. Ограничьте идеи развития
Фреймворк дает вам базовую архитектуру и идеи разработки, которые могут ограничить ваши новые идеи по разработке продукта;
4. Раздутый исходный код
В платформе может быть большая часть кода, которая не используется часто и также снижает эффективность выполнения;
5. Семантизация фреймворка
Мы уже рассмотрели семантику HTML-кода. Однако каждый сайт, основанный на фреймворке, независим и уникален, и нам сложно обеспечить семантику CSS-фреймворка.