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

Красивая CSS анимация выключателя On/Off

CodePen

#codepen #switch

Лучшие среды для веб-разработки

В этой статье мы поможем вам сделать этот выбор детально познакомившись с популярными IDE и редакторами кода для веб разработки.

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

#article #code #editor