Прошло совсем немного времени с тех пор, как я начал заниматься веб-разработкой. Я все еще учусь через вещи самостоятельно. Во время недавнего проекта я понял, насколько важную роль может сыграть документация по программному обеспечению в ускорении или ограничении рабочего процесса.

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

Я использовал Foundation в качестве основного CSS-фреймворка для реализации RWD с самого начала моей фазы веб-разработки. Единственная причина, по которой я согласился с этим, были некоторые статьи, которые ставили его выше других рамок по причинам, которые были вне моего понимания в то время, не говоря уже о том, что причины были необоснованными. Я начал с Foundation 4.5 в то время, когда версия 5 еще не была так распространена. Фреймворк был хорош, делал все, что я хотел, и не мешал другим стилям. То есть только до тех пор, пока я не начал использовать его в более крупных приложениях.

Проблема со мной заключалась в том, что я, как обычно, пролистал документацию и собрал ровно столько информации, сколько требовалось для запуска и работы сайта с несколькими разрешениями области просмотра без особых хлопот. При этом я не вдавался в подробности того, как этот фреймворк должен использоваться наиболее эффективно. Я использовал large классы столбцов, а затем вручную реализовал правила изменения размера с медиа-запросами, где я мог просто использовать классы medium и small. Я очень старался, чтобы столбцы и строки соответствовали представлениям, вставлял неоднозначные !important правила и, по сути, превратил свои таблицы стилей в едва функциональную кучу неорганизованного кода.

Поскольку я так привык делать что-то именно так, я даже не удосужился искать решение, поскольку мои проблемы были очень расплывчатыми и, казалось, их трудно было указать. Из-за этого мой рабочий процесс несколько замедлился. Не так давно у меня был под рукой еще один небольшой проект - простой одностраничный веб-сайт. Почти решив снова использовать Foundation 4.5, я переключился на Foundation 6. Это было то, что я планировал давно, но сложность проекта была уже слишком высока, чтобы иметь возможность экспериментировать с чем-то новым. Я нашел время, чтобы просмотреть хотя бы начальную документацию и даже узнать несколько вещей, которые я пропустил в 4.5. x-y grid, параметры настройки sass, базовые вещи, такие как изменение размера блока с помощью классов, - все это имело гораздо больший смысл. Я чувствовал себя идиотом из-за того, что не изучил эти основы, но, тем не менее, я, наконец, посмотрел. Это небольшое изменение положительно отразилось на моем рабочем процессе. Таблицы стилей были более чистыми, организованными и менее раздутыми.

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