5 доминирующих тенденций web-разработки в 2018 году

В дизайне и веб-разработке всегда есть что-то новое. Именно поэтому мы нашли время для того, что бы обсудить основные тенденции 2018 года. Согласно опросу StatCounter Global Stats наиболее заметным сдвигом, который наблюдался в прошлом году заключается в превышении интернет-трафика мобильных устройств над трафиком десктоповых компьютеров (см рис. в заголовке).

Как следствие этого в веб-дизайне произошли значительные сдвиги в передовых разработках. Именно эти изменения породили все из ниже перечисленных тенденций, которые необходимо так или иначе учитывать.

Читайте дальше, чтобы узнать о пяти доминирующих тенденциях, которые, по нашему мнению, повлияют на развитие сети в 2018 году.
Читать далее «5 доминирующих тенденций web-разработки в 2018 году»

Канон целевой страницы

Здесь уже было кое-что о том как делать Landing page, как опознать кормильца, о коммерческом сайте. Но время стремительно и то, что раньше было превилегией творцов, сейчас стало методой, технологией. «Нарисовать» целевую, посадочную страницу, лэндос, может каждый, если будет следовать канону.

Теперь захотелось добраться до этого канона, кое-что расширить и углу́бить, так сказать…
Читать далее «Канон целевой страницы»

Как сделать гексагональную сетку на чистом CSS

  В новом сайте АБИТУРИЕНТ-2018 Высшей школы экономики и управления захотелось подчеркнуть единство, комплексность, взаимосвязанность образовательных направлений, расположив ассоциирующие миниатюры в виде сот пчелиного улья. Задачка оказалась совсем не тривиальной, однако, применённая метода может служить решением довольно широкого круга задач визуализации. Здесь результаты моих упражнений при создании адаптивной гексагональной сетки. Кроме того, подробно объяснены несколько CSS-селекторов и методов сокращения кода, а так же некоторые трюки для вычисления плавающего значения свойства height элементов CSS.

Создадим неупорядоченный список с ID #grid, который определяет размеры шестигранной сетки. Я использовал ширину в 60% от базового элемента. Сетка будет расположены в центре страницы, для чего используется margin: 0 auto; при вычислении левого и правого отступов. Можно изменять эти значения по своему усмотрению, что бы гексагональная сетка расположилась соответствующим образом относительно базового элемента.
Читать далее «Как сделать гексагональную сетку на чистом CSS»

Минимум для понимания эффектов CSS‑фильтрации

Вольный перевод статьи: UNDERSTANDING CSS FILTER EFFECTS

CSS Filters были созданы для получения различных визуальных эффектов при применении их к элементам DOM — Document Object Model. Здесь мы обсудим историю создания фильтров, то, что они делают и как их применять. Так же рассмотрим влияние фильтров на производительность как на десктопах, так и на мобильных устройствах.
Читать далее «Минимум для понимания эффектов CSS‑фильтрации»

Как отключить загрузку видео с сервера на мобильных устройствах?

Использование видео в качестве бэкграунда уже давно стало одной из фишек коммерческих сайтов. Говорят, что помогает в привлечении читателей и повышает конверсию. Неуверен, но явление имеет место быть, однако, на десктопе — эффектно, ДА, но на мобильных устройствах — категорически НЕТ!

Возникает небольшая задачка: видео должно работать на десктопе, но при заданном разрешении, например, 1024 пиксела, его быть не должно.
Читать далее «Как отключить загрузку видео с сервера на мобильных устройствах?»

5 основных принципов дизайна UX, которые никогда не выйдут из моды

Интернет — это дикий запад современности. Здесь каждый может перешагнуть низкий входной барьер в бизнес и справиться с небольшими ограничениями — от Цукерберга до вашей соседки Сьюзен, которая продаёт поддоны для духовки в своем магазине электронной коммерции.

По этой причине веб-сайты, платформы и системы, которые мы используем в Интернете, имеют совершенно разнообразный внешний вид. Свобода цифрового мира делает работу дизайнера UX (Опыт взаимодействия) захватывающей и крайне сложной. Здесь так много возможностей для инноваций. И тем не менее, в то же время разработчик должен всегда быть сосредоточен на удобстве для конечного пользователя.
Читать далее «5 основных принципов дизайна UX, которые никогда не выйдут из моды»

20+ ресурсов для фриланса

  Чувствуете, что готовы уйти с работы, самостоятельно контролировать свой день, биться за клиента и работать только над интересными задачами? Пришло время попробовать себя во фрилансе. Это совсем нелегко, а чаще труднее, чем офисная рутина. Чтобы не разочароваться в выборе формата работы, устройте себе тест-драйв — на праздниках или в выходные. Habrahabr собрал площадки, где найдете задачи по душе.

Источник: Habrahabr

Читать далее «20+ ресурсов для фриланса»