Записки веб-разработчика, 9 страница
![](/upload/resize_cache/iblock/1b5/599_419_1/1b55532deb251cdb0d81a77f1f051e9f.jpg)
Название так себе конечно. Смысл в том, что слайд делиться на несколько областей и у каждой области своя ссылка. Интересная идея для магазина одежды.
![](/upload/resize_cache/iblock/1d4/599_419_1/1d4782606f472d7eaedcaeafcc8012aa.jpg)
Много лет пользовался старым фотошопом cs6 и все было хорошо, пока не понадобился экспорт в svg. Решил попробовать новый CC15. Хочу рассказать о новых фишках для верстальщика (возможно они были и в предыдущих версиях ps).
![](/upload/resize_cache/iblock/a67/599_419_1/a67eea743f86efe225e8235b10e80460.jpg)
Сдал первый экзамен "Интеграция дизайна и настройка платформы". Формат сдачи очень крутой, все хорошо организовано и продумано. Перед сдачей успел даже немного понервничать. Экзамен оказался несложным, но с подвохами.
![](/upload/resize_cache/iblock/c71/599_419_1/c71c22317b33ba4bd8ed4bad8335df46.jpg)
Удивительно, но кто-то заходит сюда и регистрируется. Возможно это боты, не знаю. Так вот, уважаемые, этот сайт только создается и будет готов году так в 2017, а может и того позже.
![](/upload/iblock/3d0/3d0bc2150bc991c745f8777def4b981e.jpg)
Браузеры анализируют CSS селекторы справа налево. Если у вас есть селектор "body .content p", то при загрузке страницы, на каждом появлении элемента, браузер проверяет является ли элемент параграфом. Если да, то браузер поднимается выше по DOM и ищет элемент с классом .content и так далее пока не найдет всю цепочку.
![](/upload/resize_cache/iblock/786/290_203_1/786b6d5e7b6c6991c5d533822b753ed7.jpg)
Небольшой цикл статей о том как я делаю интернет-магазин для себя. Начну с настройки web-сервера.
![](/upload/iblock/2f0/2f098f25e40ab0cf9d4ddc0a028b163b.jpg)
Сравнил производительность 2-х типов свойств. Результаты в таблице:
Получение данных о отгрузке
Задача, в письмо о отгрузке добавить информацию: идентификатор посылки, номер и дату документа, адрес доставки.
Как сделать ИМ дружелюбнее. E-mail уведомления
Наверно это касается всех интернет-магазинов на 1С-Битрикс. Делаешь заказ и понеслось: заказ оформлен, заказ принят, заказ оплачен, заказ передан в доставку. И все эти письма в течении минуты. Можно же сделать все одним письмом.
![](/upload/resize_cache/iblock/0b9/290_203_1/0b9d763c72c6e5bd67953b7545a352f8.jpg)
От браузера или по 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. необходимо прописывать их строго в определенном месте, т.к. система автоматически настраивает основные параметры в зависимости от количества доступной памяти. Пути к таким файлам:
![](/upload/resize_cache/iblock/414/290_203_1/414663a859884d470baaafce71df93a6.jpg)
У стандартного <audio> разное отображение в различных браузерах и часто оно не вписывается в дизайн сайта. Но это не проблема, плеером можно управлять с помощью js/jquery, а значит можно сделать свой плеер.
Как перенести инфоблок в другой тип
Можно изменить тип инфоблока прямо в БД, но проще воспользоваться небольшим "хаком"
Как получить название единицы измерения товара
Да и вообще всю информацию о единице измерения товара. Сразу покажу готовый код для нового ядра битрикс:
Бесплатный ssl сертификат на 3 года
Если не желаете платить за ssl сертификат, а защитить свой сайт хочется, то можно получить бесплатный сертификат от wosign.com
Организуем площадку под 1С-Битрикс на VDS
Часто приходится настраивать VDS под 1С-Битрикс, что б ничего не забыть написал себе пошаговую инструкцию:
![](/upload/resize_cache/iblock/5ba/290_203_1/5ba7f42eadec98bfc58e98270169703f.jpg)
Стандартная каптча, с вводом непонятных символов это уже "прошлый век". Важно что бы защита от ботов не стала проблемой для ваших посетителей.
Чек-лист по верстке
Перед сдачей верстки клиенту необходимо в полной мере убедиться в ее "правильности", что бы ничего не забыть нужен чек-лист.
Верстка flexbox`ами
Очень доступно объясняется в серии видео тут: https://www.youtube.com/watch?v=RNjnRA0QSug
Все свойства по flexbox`ам (на htmlbook пока их нет)
Правильный favicon для сайта
Сейчас не достаточно иметь только favicon.ico в корне сайта, есть еще множество устройств которые используют иконку сайта в своем интерфейсе. Для них необходимы иконки разного формата и размера, вплоть до 270*270px.
Зависает установка готового решения на 0%
Если вы устанавливаете готовое решение в поддиректорию сайта, например хотите сделать 2-ой сайт с другим языком (www.site.ru/en/), и при этом установка зависает на 0% (этап настройки сайта), то есть простое решение.