​​Dropzone — это JavaScript библиотека, которая превращает любой HTML элемент в зону drag'n'drop для загрузки файлов. Библиотека поддерживает превью для изображений, возможность загрузки нескольких файлов, индикатор прогресса, загрузку больших файлов и многое другое.

Демо | GitHub

#js #file #upload

​​Frontend Bootcamp — это двухдневный воркшоп Microsoft по основам фронтенда. От HTML/CSS/JS/React до тестирования, управления состоянием и TypeScript.

Frontend Bootcamp | GitHub

#html #css #js #react #ts

​​FlexSearch — это JavaScript библиотека, которая предоставляет возможность поиска по тексту. Это очень быстрая библиотека с богатым функционалом.

Демо | GitHub

#js #search

Микросервисы — еще один термин на шумных улицах разработки ПО. За последние несколько лет мы видели множество проектов, использующих этот стиль, и результаты до сих пор были весьма позитивными. Настолько, что для большинства наших коллег этот стиль становится основным стилем разработки ПО. К сожалению, существует не так много информации, которая описывает, чем же являются микросервисы и как применять их.

Микросервисы

#architecture #web

​​Faker — это генератор текста для VS Code. С помощью этого плагина можно сгенерировать рандомные имена, адреса, картинки, номера телефонов и параграфы с текстом.

VS Code Marketplace | GitHub

#vscode #extension

​​learncssgrid.com — это гайд для изучения CSS Grid. Простой и понятный с множеством примеров.

#css #grid #guide

​​Swiper — это бесплатный слайдер фотографий, который работает во всех современных браузерах и на мобильных устройствах. Богатый функционал, приятные анимации и простое API.

Демо | GitHub

Об этом слайдере рассказали в нашем чате @webb_chat. Присоединяйтесь!

#js #photo #slider

​​Сайт на котором разобраны распространенные ошибки с Git и их решения.

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

ohShitGit.com

#git

​​Iro — это color picker с отличным дизайном и простым API. Работает во всех современных браузерах и на мобильных устройствах.

Демо | GitHub

#js #color #picker

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

Разберем самые распространенные задачи в статье.

5 типовых задач на собеседованиях по JavaScript

#js #article #interview

​​Hotkeys — это JavaScript библиотека без зависимостей, которая позволяет очень легко и быстро обрабатывать нажатия комбинаций клавиш. Простое API и отличная документация с множеством примеров.

Демо | GitHub

#js #hotkey

​​Micromodal — это JavaScript библиотека для создания диалогов с идеальной разметкой и элементами управления. Простая установка и минимальный CSS по умолчанию для более удобной стилизации и настройки.

Демо | GitHub

#js #modal

​​AutoNumeric — это JavaScript библиотека для форматирования международных номеров и валют в реальном времени. Она предоставляет полный набор параметров для настрой, которые поваляют выбирать форматы в соответствии с вашими предпочтениями.

Демо | GitHub

#js #numbers

​​QuickChart — это бесплатный сервис, который принимает данные в качестве параметров URL и использует их для создания диаграмм в PNG и SVG. Этот сервис создан как прямая замена API Google Image Charts, которое скоро будет отключено.

Демо | GitHub

#charts #service

Есть три больших лжи, которые JavaScript поклонники говорят мне снова и снова.

Три Больших Лжи о JavaScript

#js #article

​​Zero Server — это библиотека, которая позволяет вам создавать веб-приложения не волнуясь о серверной части и роутинге. Просто пишите код используя Node.js, React, HTML, MDX, Vue и статические файлы, затем поместите все в одну папку и библиотека автоматически обработает каждый файл соответствующим образом.

Демо | GitHub

#js #node #server

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

Чего мне никогда не говорили о CSS

#css #article

В CSS существует простой способ, позволяющий проверить браузерную поддержку какого-то свойства или комбинации свойства и значения перед тем, как применять определённый блок стилей. Эта директива называется @supports. Статья о том, как и где это применять.

Как работает @supports

#css #article

​​CSS Click Chart — это инструмент, с помощью которого можно посмотреть, как реализуется то или иное действие на CSS. Также отображается поддержка браузерами.

css3clickchart.com

#css #tools

​​CSS values — это полезный инструмент, который показыват порядок расположения параметров у CSS свойства. Например: margin: [margin-top] [margin-right] [margin-bottom] [margin-left]

cssvalues.com

#css #tools