WebDEV – Telegram
WebDEV
8.95K subscribers
2.22K photos
11 videos
2.74K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
Бесплатный PSD макет лендинга приложения

Скачать

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

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

#tips #design #ux
Forwarded from Daily Coding 🔥
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
Forwarded from Daily Coding 🔥
Как делать меньше ошибок в коде?

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

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

#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
Forwarded from Daily Coding 🔥
Почему 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