Твит

Если вы хотя бы раз сталкивались с тем, что необходимо вставить Яндекс Карты на сайт, то сразу замечали сильное замедление в скорости загрузки сайиа. Все это происходит потому что, несмотря на то, что карта загружается асинхронно происходит многожество запросов к Яндекс API, которые отвечают за карты. Если бы удалось этого избежать, то скорость загрузки конкретной страницы увеличилась очень и очень сильно.

Об этом и пойдет речь в данной статье. Я рассмотрел на конкретных примерах то количество запросов, которое присутствует на страницах как без Яндекс API, так и при обычной вставке карты из конструктора.

Твит

Формат GIF изображений используется как для документации, так и для того, чтобы показать очень быстро и наглядно какой-нибудь пример или нюанс работы.

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

Твит

В этой статье мы рассмотрим основную причину, почему лучше НЕ вставлять видео с сервиса YouTube. Я провел небольшой эксперимент, где наглядно показал сколько времени загружается страницы со вставками. Также в статье я описал решение этой проблемы, в результате которой время загрузки страницы сокращается на 72.5%. Все подробности эксперимента, а также оптимизированный способ вставки видео вы найдете в статье.

Твит

На сайте находится множество действительно дешевых электровелосипедов. Также есть информация об интересных маршрутах, где можно проехать на электровелосипеде. На самом деле это действительно недооцененная технология, так как летом гораздо дешевле использовать именно такой вид транспорта. Ведь пробки в этом случае вам не страшны! Советую изучить более подробно данный сайт, а особенное внимание обратите именно на характеристики. Также на блоге, можно обсудить ту или иную модель.

Твит

При создании лендинга встречаются элементы, которые используются постоянно. Это может быть первый экран, форма обратной связи и так далее.

Но в данной статье я рассказал о таком элементе, как отзывы. Но это именно адаптивный блок с отзывами, потому что сейчас практически не имеет смысла создавать сайты, которые не адаптируются для мобильных устройств.

В статье вы найдете 18 готовых вариантов с различной анимацией и эффектами. Вам лишь необходимо выбрать понравившийся и скачать его. Все очень просто. А если вам хочется изменить какой-либо из них, то я записал 20-минутную инструкцию на видео, чтобы вы смогли это самостоятельно сделать.

Твит

В данной статье Вы найдете подборку сайтов, которые выглядит несколько иначе, чем все привыкли видеть в рунете. Если искать идеи для своих лендингов или проектов, которые Вы делаете под заказ, то данные сайты я особенно рекомендую посетить.
Обычная инфографика уже ничем не привлекает. Она есть на каждом 2-м лендинге. В статье речь идет о несколько ином способе подачи информации.

Здесь можно даже писать на другом языке, но смысл все человек поймет. То есть еще меньше усилий от пользователя и больше интерактива, то есть взаимодействия пользователя с лендингом. А чем больше взаимодействие, тем больше заинтересованность потенциального клиента.

Твит

Многие западные сайты уже давно используют этот способ подачи информации. И делают это очень классно. Но до нас это доходит очень медленно. А если и доходит быстро, то вряд ли эти способы и методы используются на максимум.
Речь идет об инфографике. Сейчас время, когда люди не готовы тратить большое количество времени на прочтение статьи. А вот красивые изображения с цифрами посмотрят многие. С помощью инфографики сделать это очень легко.

Твит

Отличный способ "оживить" лендинг: анимированные графики и диаграммы. Что создать такую диаграмму, у Вас уйдет максимум 3-4 минуты. А вот плюсов здесь действительно много: такая диаграмма будет привлекать внимание и захочется рассмотреть ее подробнее. Библиотека, которая помогает создавать красивые диаграммы, называется Chartist.js.
Все элементы диаграммы - это SVG элементы, поэтому применить новые свойства CSS3 не составит труда. В статье есть несколько примеров, чтобы показать какие эффекты можно сделать за пару минут.

Твит

Каким способом можно вовлекать своих потенциальных клиентов в то, что Вы в дальнейшем сможете предложить приобрести именно у Вас? Как сделать так, чтобы человек сделал покупку именно у Вас и с максимальной вероятностью?

На все эти вопросы можно дать один ответ - контент-маркетинг. Ведь с помощью контент-маркетинга можно рассказать подробно о Ваших услугах и продуктах. Показать все изнутри. И когда человек увидит как это устроена, а узнает это от Вас, то сделать покупку у Вас ему будет гораздо легче.

В этой статье Вы найдете способы привлечения клиентов и каким образом использовать технологию контент-маркетинга на все 100%.

Твит

Изображения нужны постоянно, но какие изображения популярны в дизайне прямо сейчас? В тренде минимализм, хотя многие это отказываются замечать или просто не следят за изменениями в сфере веб-дизайна. А в минимализме отлично "устроились" векторные изображения. У этого типа изображений большое количество плюсов, по сравнению с растровыми изображениями. Все плюсы я рассказал в статье и представил это в виде инфографики.

Чем Вам помогут эти сервисы с векторными изображениями?

Твит

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

И создание сайта необходимо изучать не с языка программирования, а с языка разметки. А именно, с технологии HTML. Не HTML5! А именно с основ. С самых азов. А затем уже стили. И только после этого переходить к более сложным технологиям.