Записки веб-разработчика, 9 страница

Много лет пользовался старым фотошопом cs6 и все было хорошо, пока не понадобился экспорт в svg. Решил попробовать новый CC15. Хочу рассказать о новых фишках для верстальщика (возможно они были и в предыдущих версиях ps).

Сдал первый экзамен "Интеграция дизайна и настройка платформы". Формат сдачи очень крутой, все хорошо организовано и продумано. Перед сдачей успел даже немного понервничать. Экзамен оказался несложным, но с подвохами.

Удивительно, но кто-то заходит сюда и регистрируется. Возможно это боты, не знаю. Так вот, уважаемые, этот сайт только создается и будет готов году так в 2017, а может и того позже.

Браузеры анализируют CSS селекторы справа налево. Если у вас есть селектор "body .content p", то при загрузке страницы, на каждом появлении элемента, браузер проверяет является ли элемент параграфом. Если да, то браузер поднимается выше по DOM и ищет элемент с классом .content и так далее пока не найдет всю цепочку.

Мы привыкли что обычно медленность сайта связана с бекэндом, как оказалось не всегда)
Знакомый обратился с запросом "Сайт тормозит, посмотри чего там не так". Сайт на 1С-Битрикс, ИМ, готовое решение от одного из лидеров маркетплейса. Заглянул на страницу скорость сайта, а там "Очень медленно (2.49 сек., предел значения)".

Бывает заполняешь большую форму или пишешь сообщение в блог, а потом бац и случайно вкладку закрыл/нажал ф5/браузер закрыл. И приходится заново заполнять, бесит.
Есть простое js решение, которое работает во всех современных браузерах (проверил на десктопе).
Как сделать ИМ дружелюбнее. E-mail уведомления
Наверно это касается всех интернет-магазинов на 1С-Битрикс. Делаешь заказ и понеслось: заказ оформлен, заказ принят, заказ оплачен, заказ передан в доставку. И все эти письма в течении минуты. Можно же сделать все одним письмом.

От браузера или по IP с помощью Yandex Map API для автозаполнения в формах
Полезные ssh команды
Собрал все часто используемые команды в одном месте
Оптимизируем картинки
Как уменьшить размеры слишком больших картинок и сжимать остальные без потерь? Нам понадобятся плагины: imagemagick, jpegoptim и optipng
Ошибка Cannot open the file на новом хостинге
После переезда на новый хостинг иногда случается ошибка "Cannot open the file" например в импорте месторасположений
Bitrix24 создание лида через API
Данные из любых форм на сайте можно отправлять в Битрикс24, для примера добавим лид в crm с сайта.
Как добавить избранные месторасположения через API 1С-Битрикс
Это которые отображаются в быстром выборе в форме заказа.
Как подсчитать количество файлов в папке и подпапках
Появилось подозрение что картинки на сайте самостоятельно пропадают. Для проверки данной теории решил посчитать кол-во файлов в папке /upload/iblock/ и сравнить результаты через некоторое время.
Автозамена по хоткею, sublime
Для вставки svg в css код (в background например) я использую "горячую клавишу" для замены символов.
Переопределение настроек в bitrix окружении
Что бы изменить параметры Apache, PHP, MySQL. необходимо прописывать их строго в определенном месте, т.к. система автоматически настраивает основные параметры в зависимости от количества доступной памяти. Пути к таким файлам:

У стандартного <audio> разное отображение в различных браузерах и часто оно не вписывается в дизайн сайта. Но это не проблема, плеером можно управлять с помощью js/jquery, а значит можно сделать свой плеер.
Как перенести инфоблок в другой тип
Можно изменить тип инфоблока прямо в БД, но проще воспользоваться небольшим "хаком"
Как получить название единицы измерения товара
Да и вообще всю информацию о единице измерения товара. Сразу покажу готовый код для нового ядра битрикс:
Бесплатный ssl сертификат на 3 года
Если не желаете платить за ssl сертификат, а защитить свой сайт хочется, то можно получить бесплатный сертификат от wosign.com
Организуем площадку под 1С-Битрикс на VDS
Часто приходится настраивать VDS под 1С-Битрикс, что б ничего не забыть написал себе пошаговую инструкцию:

Стандартная каптча, с вводом непонятных символов это уже "прошлый век". Важно что бы защита от ботов не стала проблемой для ваших посетителей.
Чек-лист по верстке
Перед сдачей верстки клиенту необходимо в полной мере убедиться в ее "правильности", что бы ничего не забыть нужен чек-лист.
Верстка flexbox`ами
Очень доступно объясняется в серии видео тут: https://www.youtube.com/watch?v=RNjnRA0QSug
Все свойства по flexbox`ам (на htmlbook пока их нет)
Правильный favicon для сайта
Сейчас не достаточно иметь только favicon.ico в корне сайта, есть еще множество устройств которые используют иконку сайта в своем интерфейсе. Для них необходимы иконки разного формата и размера, вплоть до 270*270px.
Зависает установка готового решения на 0%
Если вы устанавливаете готовое решение в поддиректорию сайта, например хотите сделать 2-ой сайт с другим языком (www.site.ru/en/), и при этом установка зависает на 0% (этап настройки сайта), то есть простое решение.
Чем сделать скриншот сайта
Если перед вами стоит задача сделать скриншот сайта, то есть несколько вариантов
Удобная форма редактирования товаров
Если у вас настроены свойства. Общие привязаны к каталогу, частные к своим разделам. То можно в форме добавления/редактирования убрать лишние свойства.
Ядро D7, примеры, документация
Важная тема для разработчиков, чем быстрее начнете использовать, тем лучше.