|
|
| Реклама на сайте |  |
ОРГАНИЗАЦИЯ CSS-ФАЙЛОВ
Если вам приходилось когда-нибудь работать с файлами больших объемов, то определенно мучились с поиском нужного фрагмента кода. И при работе с огромными файлами постоянно требуется прокручивать файлы туда-сюда для того, чтобы изменить что-либо или добавить что-то новое. При работе над очередным проектом было решено использовать уловку, помогающую найти нужный фрагмент практически моментально.
Если вам срочно нужна аптека, то теперь посетить её можно и в интернете. Воспользуйтесь этой технологией 21-ого века, чтобы найти нужное лекарство.
Попробуйте разделить все CSS-файлы на ключевые разделы. А весь CSS-код поделить на такие части: заголовок, структура, навигация, поиск, заголовки, списки, формы, ссылки, прочее.
Еще при изучении CSS, перед редизайном сайта Wired News была разработана моя личная система применения комментариев и дефисов для определения границ каждого определенного раздела.
Именно благодаря этому фокусу мне или заказчику принимающему работу становится просто отыскать нужное правило или отнести то или иное правило к определенной части дизайна. Этот метод особенно актуален и экономит много времени при правке CSS-кода в старых проектах, когда все написанное ранее уже выпало из памяти.
Для быстрого поиска правил в работе с файлом существуют приложения, с помощью которых можно расставлять маркеры, которые легко найти, используя нужные комбинации клавиш. Но в случае нового CSS-файла до расстановки маркеров возникают опять сложности.
При использовании команды "Find" можно быстро отыскать нужный фрагмент. Но обычно при простом поиске строк приходится жать кнопку "Find Next" несколько раз пока редактор не дойдет до нужного вам места. Бывает, что эта команда не корректно понимает, что именно вам требуется.
Для того, чтобы избежать путаницы между похожими строками достаточно расставить собственные флажки возле заголовков разделов. Символы не должны использоваться в написании имен классов и идентификаторах. Что позволяет попадать в нужное место с помощью команды "Find". Этот прием работает , если не забываете отмечать все большие файлы CSS только так.
|
| Категория: Статьи для ucoz | Добавил: (24.01.2016)
|
| Просмотров: 323
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
|
