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

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

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

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

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