Тема «Институт Пушкина» для WP

Вот взялся на свою голову сделать сайт для сети центров образования на русском языке «Институт Пушкина». Благое начинание Института лингвистики и международных коммуникаций.

[Стать с инструкциями по обращению с сайтом в процессе написания, но мне нужна ссылка для разработки]

Как написать телеграмм-бота на Python

Сие есть краткий видеокурс с просторов Youtube, где наблюдается полный цикл разработки бота на Python без лишнего пафоса. Только практика.

Знакомство с Bot API Телеграмма, рассказ о ботах, как их создавать и как получать сообщения, отправленные ему. Чем отличаются WebHook и GetUpdate, и об остальном понемножку…

 
Читать далее «Как написать телеграмм-бота на Python»

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 пиксела, его быть не должно.
Читать далее «Как отключить загрузку видео с сервера на мобильных устройствах?»