Ведите пользователя вниз по странице

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

#tips #design #ux

Open in Browser — это расширение для VS Code благодаря которому, через контекстное меню, можно открыть страницу в браузере, заданном по умолчанию, или в каком-нибудь другом браузере, установленном в системе.

VS Code Marketplace | GitHub

#vscode #tools

Руководство по обработке ошибок в JavaScript

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

Читать статью

#js #article #errors

Spotlight — это JavaScript галерея, которую невероятно легко добавить на свою веб-страницу. Она работает из коробки, вам не придется писать дополнительный JS/HTML/CSS код. Маленький размер и отсутствие зависимостей делает эту галерею лучшей в своем классе.

Демо | GitHub

#js #gallery

Называйте кнопки в соответствии с их функциями

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

#tips #design #ux

Scene.js — это JavaScript библиотека анимаций с множеством крутых функций. Её можно использовать с помощью JS и CSS, она поддерживает SVG и имеет много классных пресетов прямо из коробки.

Демо | GitHub

#js #animation

Почему не стоит использовать LocalStorage

У localStorage очень простое API, многие разработчики даже не представляют, насколько оно простое. Выходит, что localStorage является хорошим инструментом только при соблюдении ряда условий. Рассмотрим их в статье.

Читать статью

#article #js #storage

В больших проектах, состоящих из нескольких сотен файлов, сборка может занимать до нескольких минут. Замерить каждый шаг сборки и найти проблемы поможет speed-measure-webpack-plugin.

В выводе сборки добавится информация об общем времени сборки, времени выполнения каждого плагина и каждой цепочки лоадеров.

NPM | GitHub

#npm #webpack

Moveable — это крутая бибилиотека, которая берет HTML элемент и придает ему свойство "свободной трансформации", делая возможным взять элемент мышью, изменить размер, форму, ориентацию и позицию. Рекомендую посмотреть демо.

Демо | GitHub

#js #html #transform

Как делать меньше ошибок в коде?

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

Читать статью

#tips #programming

UX-дизайн: то, что вы наверняка забыли сделать

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

Представляем вам чеклист более чем из 30 пунктов для самопроверки. Вот примерные подразделы:
1. Логин и регистрация
2. Профиль
3. Важные детали
4. Запуск

#ui #ux #design

Google Chrome для разработчиков: 5 советов

Браузер Chrome наполнен множеством функций, которые значительно облегчают жизнь программистам. В статье мы расскажем про 5 крутых фишек Google Chrome, которые вы могли не знать.

Читать статью

#chrome #browser #tips

Cutestrap — это отличный UI фреймворк с милым дизайном, множеством кастомизаций и легким API. Фреймворк включает в себя современный grid, для создания адаптивных страниц, а так же компоненты, типографию и множество других опций.

Демо | GitHub

#css #ui #components

Как изучить JavaScript с нуля

На JavaScript сегодня может работать практически каждое приложение: серверное, мобильное или веб. В статье мы вкратце расскажем как можно изучить данный язык программирования.

Читать статью

#js #article #learn

Почему C# программисты так востребованы

C# программисты становятся более востребованными благодаря развивающейся экосистеме языка. На нём пишут бэкенд, приложения, игры.
Разберёмся, в чём причина популярности языка.

Читать статью

#csharp #article #careers

Vant — более 60 компонетов для Vue.js. Библиотека включает в себя инпуты, разные виды мобильных меню, виджеты, поля для поиска, формы загрузки файлов и многое другое. Она еще поддерживает кастомные темы и имеет отличную документацию.

Демо | GitHub

#vue #components

5 необходимых вещей для каждой веб-страницы

Мы расскажем об 5 атрибутах любой HTML страницы, про которые многие забывают. Добавив их, вам будет проще раскрутить сайт, к тому же, они сделают сайт более удобным.

Читать статью

#frontend #article #tips

Headroom — легковесный, без зависимостей JS виджет, который показывает или прячет  navbar в зависимости от позиции скролла. Он предоставляет решение "из коробки" для создания адаптивных фиксированных заголовков, которые появляются, когда они нужны пользователю, и скрываются, когда они мешают контенту.

Демо | GitHub

#js #navbar #scroll

Почему использовать сторонний CSS и JS на своем сайте опасно

Прибегая к ресурсам с других серверов, вы рискуете своим собственным сайтом. Проблема в том, что сторонний CSS и JS в умелых руках могут стать серьезной угрозой безопасности.

В статьи рассказано о том, как с помощью CSS и JS можно воровать пароли и другую информацию с сайта.

Читать статью

#article #js #css #tips

Humanize Duration — это JavaScript библиотека, которая переводит время в миллисекундах в понятное для человека. Библиотека имеет много кастомизаций и поддержку разных языков.

Демо | GitHub

#js #time