Инструмент PageSpeed Insights позволяет не просто оценить скорость загрузки страницы, но и является в какой-то мере мерилом качества работы вебмастера. В отличие от html-валидатора, PageSpeed Insights оценивает сразу множество критериев, начиная от удобства мобильной версии и заканчивая настройками кэширования сервера.

Хочу отметить, что Гугл довольно неплохо развил этот инструмент и сейчас в общем-то на него можно смело ориентироваться (пока они опять что-нибудь не сломают :-) ).

Добиться заветных 100 баллов в PageSpeed Insights на самом деле не так просто. Лично я довольно долго ориентировался на «зеленые» оценки — это от 80 и выше. До последнего времени мой «потолок» был 93 для мобильной версии и 97 для десктопной. В своём последнем демо-лендинге я смог добиться 100/100 баллов.

Читать ➝

Недавно, в процессе создания лендинга, столкнулся с проблемой — нужно было разместить «аккордион». Это даже не плагин, а просто набор функций jQuery. Постепенно код усложнялся и в какой-то момент я понял, что нужно его оформить отдельным плагином. Это упрощает его поддержку и можно дорабатывать по необходимости.

Я никогда не писал jQuery-плагины, поэтому пришлось немного погуглить и найти примеры и туториалы. По какой-то неведомой причине, практически все руководства содержат невероятное количество лишней информации, где уже на 2-минуте прочтения возникает путаница, поскольку подразумевают, что читающий прекрасно разбирается и в js, и тонкостях jQuery, что в корне неверно. :)

Поэтому я решил написать своё руководство, рассчитанное на неподготовленного читателя.

Читать ➝

При создани лендинга, как выясняется, самая сложная задача — придумать основное торговое предложение (УТП/оффер/дескриптор). То есть то, ради чего лендинг и создаётся. Нюанс в том, что мне, как верстальщику, довольно сложно уловить суть бизнеса, поэтому приходится ориентироваться на «показания» клиента. И тут ступор... Почему-то люди не могут выразиться в одном предложении. Даже хуже — зацикливаются на одной фразе, из которой мало что понятно.

— Изготовление наружной рекламы.

— Ок, а конкретней?

— Ну, «наружка».

— В чём отличие от конкуретнов?

— Э-э-э, у нас она качественная.

— В чём это выражается?

— Ну хорошо делаем...

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

Общие ссылки

jQuery: Официальный сайт | Документация на английском | Русская документация (частично)

JavaScript: Справочник | Учебник

Создание графиков

• Разнообразные графики и диаграммы: Chart.js | Документация | Примеры
• «Временные» горизонтальные диаграмы: Timesheet.js — не требует jQuery.

Объявляю набор на мой курс создания сайтов с нуля! :-)

Данный курс расчитан на новичков, желающих научиться html-верстке. По окончании курса вы сможете верстать простые лэндинги и будете ориентироваться в базовых возможностях HTML5 и CSS3.

Вы узнаете как пользоваться Git — системой контроля версий и будете выкладывать свои проекты на github.com. Также вы познакомитесь с css-препроцессором Sass, с помощью которого сейчас и пишется css-код.

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

Сам курс индивидуальный, а значит вы можете приступить к нему в любой момент. После оплаты у вас будет 2 месяца для доступа ко всем урокам (с проверкой заданий).

Сайт курса

Команда robocopy является стандартной для Windows. C её помощью можно выполнять сложное копирование, включая и создание бэкапов. В отличие от xcopy, robocopy позволяет выполнять т.н. зеркалирование каталогов. То есть копии будут полностью идентичны.

У robocopy много разных параметров, поэтому чтобы их не вводить каждый раз, будет удобней создать bat-файл под каждый каталог/бэкап.

Читать ➝