Если 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>

Обновление PhpStorm 8.0

phpstorm8_0

Пару недель назад жаловался коллеге, что PhpStorm давно не получал серьезных обновлений. Был расстроен не на шутку, но JetBrains будто стали свидетелем моего негодования и вот он новый релиз — PhpStorm 8.0.

Кстати, первое, что бросилось в глаза — новый шрифт «по умолчанию». Теперь это Segoe UI. Немного непривычно, но мне нравится. Если вам он покажется неудобным, всегда можете поменять в настройках с помощью опции «Override default fonts by».

WordPress: удаляем ссылку у активного пункта меню

Бытует мнение, что страница не должна ссылаться сама на себя. Если вы захотите узнать, что стало причиной возникновения такой точки зрения, то, скорее всего, будете постоянно натыкаться на СЕО форумы, где четких комментариев никто не дает, но все убеждены, что это хорошая практика. Где-то я встречал упоминание трудов Артемия Лебедева как первоисточника, но думаю, что первоисточником является буквальная трактовка того, что написано в спеке html5, в разделе описания ссылок.

Вольный перевод:

Ссылки представляют собой концептуальные конструкции, созданные с помощью элементов: а, area и link, которые демонстрируют связь между двумя ресурсами, одним из которых является текущий.

Не могу сказать, имеет ли смысл заострять внимание на этой формулировке, но ситуация такова, что в ТЗ регулярно встречается требование исключать ссылку «саму на себя» для элементов навигации.

Используем Haml для генерации HTML

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

Если вы не понаслышке знаете о Less или Sass, то для понимая преимуществ, которые может дать использование Haml вам не потребуется много времени. Haml представляет из себя язык разметки с упрощенным синтаксисом. Написанный на нем код может быть компилирован в хорошо знакомый HTML. Как и другие препроцессоры, он предлагает не только видоизмененный синтаксис, но и новые конструкции языка: условные операторы, циклы, вставки кода из других файлов и т.п.