<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Конфигурация для Sublime Text.

Конфигурация для Sublime Text.

Sublime Text 3 – отличный текстовый редактор, однако его можно сделать еще лучше, настроив некоторые параметры. В этой статье мы рассмотрим одну из, на мой взгляд, лучших конфигураций для данного редактора.

Установка Package Control

Для начала нам понадобится установить package control. Он позволит нам быстро изменять некоторые настройки, а также устанавливать расширения.

Для того, чтобы установить package control:

  • Перейдите по ссылке
  • Выберите нужную вам версию
  • Скопируйте весь текст из окошка
  • В редакторе перейдите в View->Show Console
  • Вставьте в консоль скопированный текст
  • Нажмите Enter
  • Когда установка будет завершена, перезагрузите редактор

Это все, что требуется сделать, чтобы установить package control. Теперь вы можете вызвать его, перейдя в Preferences->Package Control.

Установка Material Theme

Теперь займемся установкой темы в стиле материального дизайна.

  • Откройте package control
  • Введите Install package и нажмите Enter, а затем Material Theme
  • Нажмите Enter

Теперь перейдите в Preferences->Settings – User. В фигурных скобках вставьте следующий код:

"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"

Данный код вы можете найти в файле инструкций, который появится сразу после установки темы.

Теперь сохраните файл и перезагрузите редактор.

Установка цветовой схемы

Давайте установим другую цветовую схему.

  • Откройте package control
  • Введите Colorsublime и нажмите Enter
  • Введите Colorsublime: Install Theme и нажмите Enter
  • Введите Facebook и нажмите Enter

Изменение цветовой схемы

Теперь немного изменим некоторые параметры цветовой схемы.

Перейдите в Preferences->Browse Packages, откройте папку Colorsublime-Themes, а затем Facebook.tmTheme.

Здесь измените цвет для background с #252B39 на #263238.

Другие настройки вы можете изменить сами, как вам будет удобнее.

Дополнительные опции

Откройте файл Preferences->Settings – User, добавьте туда следующее:

"line_padding_bottom": 5,
"translate_tabs_to_spaces": true

Сохраните файл.

Установка шрифта

Скачайте шрифт здесь, затем откройте файлик настроек(смотрите выше) и введите туда следующее:

"font_face": "Fira Code"

Сохраните файл. Перезапустите редактор.

Добавление подсветки синтаксиса для шаблонизатора

  • Откройте package control
  • Введите Laravel Blade Highlighter
  • Нажмите Enter

Добавление подсветки синтаксиса для Sass

Проделайте то же самое, что и в пункте выше, но в package control введите Sass.

Установка Emmet

Про то, что такое Emmet и как его установить, вы можете почитать здесь.

Генерация блочных комментариев

Давайте установим расширение, которое позволит нам быстро генерировать блочные комментарии в коде.

  • Откройте package control
  • Введите DocBlockr
  • Нажмите Enter

Теперь вы можете генерировать блочные комментарии, просто введя /** и нажав Enter.

Заключение

Итак, в этой статье мы рассмотрели одну из конфигураций для текстового редактора Sublime Text.

Спасибо за внимание!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.