HashWeb

Как создать привлекательный Landing page Landing page - это отдельная веб-страница, созданная для поддержки определенной маркетинговой кампании или таргетинга на определенный поисковый запросКак правило, они побуждают пользователей выполнить определенный призыв к действию, например, совершить покупку, подписаться на рассылку новостей или связаться по имеющимся контактам. Итак, как нам создать целевые страницы, которые побуждают пользователей действовать, не прибегая к манипулятивным методам? Ответ заключается в сочетании четкой направленности, продуманного дизайна и неустанного тестирования. Полный текст статьи читайте на нашем сайте https://hashweb.ru/blog/kak-sozdat-privlekatelnyj

Как использовать FoMO в веб-дизайне правильно? FoMO (Fear of missing out) – навязчивый страх пропустить что-то важное или выгодное, побуждающий человека совершить какое-либо действие. В русском языке этот термин носит название синдрома упущенной выгоды. По сути, это очень мощный инструмент манипуляции. Многие проведенные исследования доказали, что навязчивое использование такой психологической манипуляции может негативно сказаться на пользовательском отношении к продукту. В веб-дизайне FoMO используется повсеместно. Однако стоит понимать, что использовать такой инструмент надо осторожно, увеличивая таким образом конверсию. Что если мы уберем «страх» из «страха упустить» и поместим

Что такое скелетный экран? Скелетный экран – это версия пользовательского интерфейса, которая не содержит реального контента. Вместо этого он имитирует макет страницы, показывая ее элементы в форме. Такая форма аналогична реально существующему содержимому, которое появляется после загрузки страницы. Это, по сути, каркас страницы с заполнителями для текста и изображений. Полный текст статьи на сайте https://hashweb.ru/blog/chto-takoe-skeletnyj-ekran/ #вебдизайн #созданиесайтов #вебразработка

Создаем крутую анимацию «след частиц» на JavaScript Вы когда-нибудь задумывались о том, чтобы увлекать посетителей вашего веб-сайта на несколько секунд причудливой, блестящей анимацией, в то время как некоторые данные загружаются в фоновом режиме? К счастью, нет необходимости углубляться в графическое программирование с использованием 3D-библиотек, таких как three.js. Все, что вам нужно, это базовые знания CSS и JavaScript и легкая библиотека анимации, такая как anime.js. В итоге мы получим результат как на картинке Текст статьи на нашем сайте https://hashweb.ru/blog/sozdaem-krutuyu-animacziyu-sled-chasticz-na-javascript/ #созданиесайтов #программирование #вебразработка

Консоль разработчика – незаменимый инструмент веб-мастера (часть 1) Консоль разработчика – один из самых необходимых инструментов для веб-мастеров и дизайнеров всех уровней Сегодня мы решили немного поговорить о ней. Выясним, почему она действительно незаменима и раскроем несколько полезных секретов. В качестве примера мы будем использовать самый популярный мировой браузер Google Chrome. Однако аналогичные инструменты с примерно похожим функционалом существуют во всех крупных браузерах. Стоит сразу понять, что тема очень обширная, и уложить все в одну статью попросту не получится Полный текст статьи на нашем сайте https://hashweb.ru/blog/konsol-razrabotchika-nezamenimyj-instrument-veb-m

Рефакторинг. Что это? Для чего нужен? Решили поговорить о рефакторинге. Мы попробуем простыми словами объяснить, что это такое, зачем надо и когда проводить. Тема достаточно несложная, но уделить ей некое внимание все же стоит. И неважно, новичок вы или многоопытный профессионал. Рефакторинг – процесс упрощения кода, если говорить простыми словами. Синонимами такого определения являются перепроектирование и переработка кода с целью его облегчения и понимания. Используется он гораздо чаще, чем кажется. Иногда такая работа может носить небольшой локальный характер, а иногда без большой переделки ничего не получится. Полный текст статьи на нашем сайте https://hashweb.ru/blog/refaktoring-ch

Слайдер на сайт. Выбираем JS плагин Вы наверняка множество раз видели слайдеры на сайте. Они могут быть сложные и замысловаты, а порой бывают небольшие и простенькие. В больших проектах, где трудится множество разработчиков, может быть оправданным создание своей собственной индивидуальной карусели. Но, если масштабность вам не нужна, то мы подготовили для вас несколько интересных уже готовых библиотек, которые легко можно использовать для создания слайдера на сайте. Подробности в нашей статье https://hashweb.ru/blog/slajder-na-sajt-vybiraem-js-plagin/

Создаем классный эффект для информационной карточки Сегодня мы решили показать очередной практический пример адаптивной верстки с использованием HTML и CSS. Часто бывает необходимо создать что-то оригинальное и необычное. Да, безусловно сложные элементы будут создаваться с использованием JavaScript. Однако и самый обычный CSS не оделен крайне полезными функциями. В этом видео мы создадим очень симпатичный эффект. Наша основная информационная карточка будет скрыта по умолчанию. Показана же будет небольшая кнопочка, при наведении на которую наша карточка будет красиво всплывать. Основным свойством CSS, с которым мы будем работать, является clip-path. Оно задает своеобразную область видимости

7 ошибок при написании CSS кода CSS (Cascading Style Sheets) – язык, используемый при стилизации вашей веб-страницы. Даже несмотря на то, что он далеко не самый тяжелый в освоении, часто можно увидеть действительно плохую практику его применения. Сегодня мы решили разобрать наиболее часто встречающиеся ошибки при, которые допускают как начинающие, так и опытные разработчики. Встречайте наш топ-7. Статья на нашем сайте https://hashweb.ru/blog/7-oshibok-pri-napisanii-css-koda/