​​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

​​Filepond — это небольшая JavaScript библиотека для загрузки файлов. Она предлагает несколько вариантов загрузки: drag'n'drop, CTRL+V, через файловую систему или с помощью API. Библиотека весит всего 21KB.

Демо | GitHub

#js #file

​​Windows XP написаный на React

Демо | GitHub

#js #react

Футер всегда должен «прилипать» к низу страницы — это негласное правило дизайна веб-сайтов. Для начинающих верстальщиков оно может превратиться в головоломку. Как растянуть контейнер, если контента в нем мало, но при этом избежать переполнения при большом количестве текста?

Липкий футер. CSS-эффекты.

#css #tips

Навыки, которые IT-специалисты применяют в работе, делятся на два типа — hard skills и soft skills. Первые — это профессиональные умения, которыми инженеры пользуются, решая технические задачи. Это, например, владение Java или знание Big Data-стека.

А что насчет вторых? Soft skills — это комплекс неспециализированных навыков, которые не менее важны в работе. Что это за умения, зачем они нужны айтишнику, как их развивать, почему инженеры с прокаченными «гибкими навыками» становятся все более востребованными.

Зачем инженеру Soft Skills

#soft #skills #article

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

Исповедь фуллстека. Профессия, религия, мечты.

#fullstack #article #skills

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

Увеличение изображений при наведении

#css #tips

Такое часто случается с проектами, доставшимися «по наследству» от предыдущих разработчиков. Вам уже нужно писать новые блоки, а в старой базе over 9 000 строк кода. Как быстро освоиться и не утонуть юному падавану?

Советы для быстрого понимания чужого кода

#tips #programming

Vanilla JavaScript не типизирован по своей натуре. Можно даже назвать его «умным», поскольку он способен вычислить, что является числом, а что строкой.

Это упрощает запуск JavaScript кода в браузере или при работе Node.js. Однако он уязвим для многочисленных ошибок во время исполнения (рантайм), которые могут испортить ваш пользовательский опыт использования.

Если с вами когда-либо случалось то, что будет описано далее, то вы только выиграете, если будете применять систему типов.

Как система типов улучшает ваш код на JavaScript

#js #article