Мастер-класс по 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

XSL: вывод элементов в обратном порядке

Для обработки списка элементов в обратном порядке необходимо выполнить сортировку по значению position(). Предположим, что есть следующая выборка:

<items>
	<item>ARM219-08-G Elegant</item>
	<item>0780 AKIRA</item>
	<item>ARM247-06-R Elegant</item>
	<item>A2008LM-6BZ ALLEGRO</item>
	<item>ARM257-08-G Люстра Elegant 38</item>
	<item>3802 MISTRAL</item>
	<item>ARM620-01-W Elegant</item>
	<item>3684 Lua</item>
</items>