HTML\CSSПредзагрузка страниц: ускоряем загрузку браузером

Улучшить субъективную скорость работы сайта можно указав браузеру, какую страницу пользователь откроет следующей и браузер начнет ее загружать предварительно (предзугрузка).

Реализуется это очень просто, добавлением в head страницы:

<link rel="next prefetch prerender" href="/NEXT_PAGE" />

Проверить работу в Chome можно с помощью: chrome://net-internals/#prerender

Читать далее...

HTML\CSSПодсветка HTML кода в textarea

Задача: Подсвечивать HTML-синтаксис внутри textarea при редактировании. Например, у нас есть поле texarea содержащее некий HTML-код подлежащий редактированию, и мы хотим подсвечивать (разукрасить) синтаксис для удобства.

html syntax higlight

Решение: Воспользуемся CodeMirror — замечательным текстовым редактором, реализованным на JavaScript. Все что нам необходимо сделать — это скачать последнюю версию библиотеки с официального сайта, или из GitHub репозитория, и положить файлы в /css и /js директории на сервере, соответственно.

Читать далее...

ЗдоровьеОсновные принципы силовых тренировок

anatomy

1. Полная амплитуда движения – то есть полное растяжение и сокращение мышц с удержанием снаряда в пиковой точке, с дополнительным усилием при сокращении мышц.

2. Полный контроль над отягощением – возможность остановки снаряда в любой точке его движения.

3. Обходиться без читинга – не помогать движению снаряда другими частями тела, работать плавно, без инерции. Негативное движение снаряда должно быть медленнее позитивного, так как при обратном движении включаются дополнительные мышцы — стабилизаторы.

4. Постоянное напряжение при подходе – в крайних точках амплитуды следует постепенно снижать скорость движения снаряда, не закидывая его при подъёме и не отбивая в нижней точке.

Читать далее...

РазноеПарсинг веб-страницы с помощью регулярных выражений

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

Regex_Scraper

Решение: нам поможет небольшое расширение для Chrome под названием Regex Scraper.

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

Читать далее...

Yii2Проверка MIME-типа файлов

MIME — спецификация для передачи по сети файлов различного типа: изображений, музыки, текстов, видео, архивов и др. Указание MIME-типа используется обычно при передаче данных форм или загрузке файлов.

Получить MIME-тип любого файла, в Yii2, можно с помощью вызова:

use yii\helpers\FileHelper;

$mimeType = FileHelper::getMimeType($file);

Привожу список правильных MIME-типов для Microsoft Office документов:

Читать далее...