SSH доступ к Ubuntu в VirtualBox

В качестве гостевой ОС в VirtualBox запущена Ubuntu. На ней развернут LAMP, где гоняются тесты веб-приложений. Чтобы не возится с общими директориями, но иметь возможность общаться с файловой системой гостевой ОС из домашней, реализуем возможность доступа к гостевой ОС по ssh протоколу. FTP поднимать не будем, так как SFTP, мне кажется, будет более, чем достаточно.

Изначально имеем:

  • VM VirtualBox установлен с настройками по-умолчанию;
  • домашняя ОС Windows 10;
  • Ubuntu Server установленный с ISO.

Мастер-класс по Chrome DevTools от Pixels Camp

Хороший доклад с хорошими кейсами по использованию Chrome DevTools. Разбирают реальные проблемы и способы их решения. Также есть немало полезных замечаний по общим вопросам о DOM-дереве, рендере страницы и других базовых вещах. Комментарии на английском, но даже базового уровня вам должно быть достаточно для понимания.

Видео под катом. Кому английский ну совсем никак, посмотрите другое полезное видео о Chrome DevTools, но уже на русском.

Отличный доклад на тему отладки с помощью Chrome Dev Tools

Роман Сальников (разработчик из 2GIS) делится своим опытом по использованию Chrome Dev Tools для отладки вашего JavaScript. Отличное изложение с примерами. Тему профилирования тоже не забыли.
Советую всем к просмотру.

Если IIS сервер отдает 404 ошибку для .woff файлов шрифтов

Если ваш Windows хостинг отдает для шрифтов в WOFF формате 404 ошибку, добавьте в конфигурационный файл web.config декларацию mime типа для файлов WOFF.

<configuration>
  <system.webServer>
    <staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    </staticContent>    
  </system.webServer>
</configuration>

Секция <remove /> удаляет декларацию, если она уже есть, но возможно, является некорректной, что также приводит к ошибке.

Видео уроки по Laravel 5.1

Искал для нового программиста какой-нибудь крайне понятный и простой гайд, который позволит быстро освоить базовые принципы работы с Laravel 5 и с фреймворками в целом. Случайно на глаза попался великолепный набор видео-уроков, кратко и доступно описывающий все ключевые моменты: от установки Laravel 5.1, до написания небольшого приложения, использующего шаблонизатор Blade, миграции, модуль CSRF и т.п.

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

P.S: Комментарии к видео на английском.

HAML. Сборник рецептов

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

  • Передача массива в подключаемый файл
  • Многострочный JavaScript
  • Сброс кэширования файла стилей и скриптов
  • Пользовательские функции
  • Многострочные массивы
  • Получение элемента массива по индексу
  • Массивы с внутренним счетчиком
  • Псевдослучайные числа

Сравнение Twitter Bootstrap и Material Design Lite

Отличная заметка, демонстрирующая отличия, плюсы и минусы двух фреймворков: популярного Bootstrap и не очень популярного, но известного Material Design.
Есть аргументы и, что немаловажно, наглядные демо примеры. Материал на английском, правда.

Comparing Bootstrap With Google’s New Material Design Lite