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

Легковесные инструменты для веб-дизайна в 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.

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

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

Адаптивная верстка: уроки или сразу в бой?

От автора: доброго времени суток всем нашим гостям и подписчикам! Верстка сайтов — это дело интересное и непростое. Здесь намного важнее практика и опыт, чем полученный диплом. Все чаще в вакансиях по поиску верстальщика указывают одним из требований знание того, что такое адаптивная верстка — уроки по отзывчивому веб-дизайну и адаптивной верстке присутствуют в интернете в огромном количестве, однако, достаточно ли их для начала карьеры? Попытаемся разобраться в нашей сегодняшней статье.

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

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

Как стать бизнес-тренером: с чего начать?

От автора: приветствуем вас, уважаемый читатель, на страницах нашего блога. Сегодня мы поговорим о том, как стать бизнес-тренером. С чего начать? Начнем с того, что стать хорошим и успешным бизнес-тренером — означает выйти за рамки своего комфорта, представить себя на месте публики и забыть о собственном эго — и никак иначе. При просмотре семинаров представителей этой профессии на YouTube, у вас может сложиться впечатление, что они говорят много и не по делу, что так смог бы практически каждый. Так ли это на самом деле?

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

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

Google Analytics показывает разрешение экрана, а не размер окна браузера

От автора: пять лет назад я написал статью Разрешение экрана ≠ размер окна браузера. Тогда ходило очень много разговоров относительно размеров мониторов и того, как мы проектируем веб-сайты. JS может нам подсказать разрешение монитора с помощью screen.width. Но насколько полезно это свойство? Не лучше ли знать размер окна браузера? Да, лучше. В медиа запросах мы опираемся не на screen.width, а на ширину окна браузера. Например, @media (min-width: 400px) {}. Ну иногда еще используем элементные запросы/запросы контейнеров.

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