Сайтостроение \ Статьи по сайтостроению

SSL сертификаты и HTTPS: что нужно знать

От автора: Если вы пользуетесь Chrome 56 и выше, то могли замечать, что некоторые HTTP страницы помечены, как незащищенные. Эта функция была представлена в январе 2017, но только для страниц, собирающих пароли и данные о кредитных картах. Функция является частью плана Google по переходу на более безопасный интернет. В итоге, они хотят пометить все HTTP страницы как «незащищенные» и сменить индикатор HTTP защищенности на красный треугольник, который используется для отключенных HTTPS соединений.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Тренды front-end инструментов в 2017

От автора: ваш опыт разработки более двух лет? В ваши продвинутые навыки CSS входит Sass и Autoprefixer? Вы хорошо знаете JS и используете Gulp, npm и jQuery? Если да, то по статье Эшли Нолан (опрос по front-end инструментам) вы типичный разработчик.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Чеклист для запуска сайта

От автора: первый запуск нового сайта может быть намного сложнее, чем вы думаете. И если не изучить чеклист по запуску сайта, постепенно будут появляться проблемы, что может навредить целям бизнеса. Клиент вы или веб-разработчик, важно расставить все точки над i перед тем, как официально заявлять, что проект «завершен». Чтобы упростить и организовать задачу, мы составили вам чеклист по запуску сайта.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Легковесные инструменты для веб-дизайна в Mozilla

От автора: без сомнений за последние пять лет Google Chrome стал доминирующей силой в браузерных войнах для десктопных и (очевидно) мобильных пользователей. Разработчики же более технически подкованы и больше заботятся о безопасности, поэтому предпочитают Firefox. Все дистрибутивы ОС с уклоном в безопасность содержат в себе Firefox, а не браузер на Chromium, хотя последний также имеет открытый исходный код и полностью бесплатный.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Безопасность и доступность при открытии ссылок в новом окне

От автора: несколько лет назад веб-сообщество пришло к негласному соглашению, что больше нельзя открывать ссылки в новом окне (с помощью target=»_blank“), чтобы улучшить опыт от работы с сайтами. В конце концов, кто мы вообще такие, чтобы говорить, что что-то должно открываться в новом окне? Такой шаг стал реакцией на проблему с UX, с которой мы по сей день сталкиваемся: мы решаем, что для пользователя будет лучше. Мы дали пользователю возможность самому решать, где и как он хочет открывать ссылки. Хочет в новом окне – клик правой кнопкой мыши, открыть в новом окне. Или можно зажать shift и перейти по ссылке. Пользователь сам выберет. Как пользователь, я не могу избавиться от target=»_blank», но я могу сымитировать эту функцию, если захочу. В сети есть вещи намного хуже, чем борьба с UI, который думает, что лучше знает, что вам нужно.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Маленькие тренды №1: непрямоугольные заголовки

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Автоматическая оптимизация изображений с помощью Hazel и ImageOptim

От автора: я постоянно пытаюсь упростить себе рабочий процесс. Мне приходится иметь дело с изображениями в постах в блоге, на сайтах, над которыми я работаю, в социальных сетях… изображения везде. Почти всегда изображения, с которыми я работаю, выкладываются в интернет. Что мы знаем об изображениях в интернете, так это то, что они должны быть оптимизированы.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Ускоряем изображения еще больше при помощи HTTP2 и Progressive JPEG

От автора: прогрессивные изображения на HTTP2 быстрее отрисовываются на экране, что повышает восприятие производительности. Используйте сканирующие слои JPEG изображений для показа понятного контента при отправке всего лишь 25% от самого изображения. Для максимального увеличения производительности ключевых изображений используйте HTTP2 Server Push для сканирующих слоев JPEG.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Что изучать в 2017-м, если вы — разработчик фронтенда

От автора: в нашей быстро развивающейся экосистеме мы зачастую тратим время на опробование новых инструментов, после чего спорим на их счет. Не говорю, что этого быть не должно. Но нам нужно слегка притормозить и посмотреть на то, что почти не меняется. Это не только повысит качество работы и нашу ценность, но и ускорит изучение новых инструментов. Эта статья представляет собой смесь моего опыта и желаний в новом году. Пишите свои предложения в комментариях.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Open Graph: берем под контроль репосты ваших страниц в социальных сетях

От автора: не бывает двух одинаковых макетов сайтов. Социальным сетям типа Facebook бывает довольно сложно найти правильную часть информации в контенте, которую необходимо отображать при репосте страницы в новостной ленте. Вот тут нам и поможет Open Graph Protocol (OGP). Проект разработки Facebook, который легко распознает веб-контент и нормально отображает его на платформе Facebook.

Продолжить чтение