Google опубликовал руководство по стилям кода для JavaScript, где изложены лучшие стилистические практики (по версии компании) для написания аккуратного, понятного кода.

13 интересных моментов из руководства по стилям для JavaScript от Google

#js

​​Обучение Git прямо в браузере

Изучи Git с помощью интерактивного курса Try Git

#git #forbeginner

Gulp — это инструмент сборки веб-приложения, позволяющий автоматизировать повторяющиеся задачи, такие как сборка и минификация CSS- и JS-файлов, запуск тестов, перезагрузка браузера и т.д.

О том, что может Gulp и как его использовать можно почитать в статье Что такое Gulp и для чего он нужен?

#devtools

​​Онлайн книга по CSS препроцессору Less

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

Путеводитель для новичков

#css #less

​​simple-slider - это легковесная карусель для вашего сайта

Библиотека весит всего 1.2kb, есть много примеров на GitHub, а так же можно изменять анимацию переходов

Демо и документация

#js #slider

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

Подробнее: Аутентификация без паролей

#security

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

О том, как работают веб push-уведомления написано в этой статье

#js

​​MUI - это легковесный CSS фреймворк в стиле Material Design

MUI включает в себя только необходимые компоненты, которые понадобятся для создания сайта. Основные плюсы MUI:

1. Малый размер. MUI вести всего 11kb.
2. Есть свой grid для создания адаптивных сайтов
3. Фреймворк в стиле Material Design

Демо и документация: MUICSS

#css

​​Бесплатный Node.js хостинг для open source проектов - opeNode.io

#nodejs #hosting

​​Набор крутых фонов - Cool backgrounds

Выбираете нужный фон и скачивайте в формате PNG.

#design

​​Бесплатный шаблон продающего лендинга.

Furn - адаптивный сайт с минималистичным дизайном и приятной анимацией.

Dropbox: Ecommerce Template

#template

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

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

#article

​​Красивая анимация чекбоксов на чистом CSS

Codepen: Checkboxes that work goodly

#css #checkbox

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

Как написать резюме, которое привлечёт работодателя?

#resume

Наверняка вы часто замечали, сколько всякого мусора лежит внутри node modules. Это тесты, бенчмарки, ридми файлы, лицензии, тайпскрипт, и ещё безумное количество мусора, который можно более-менее безопасно удалить. В статье описывается, как очистить Node.js проект от личшего мусора.

Diarrhea для вашего бэкенда на Node.JS — уменьшаем вес сборки

#nodejs

​​Radio Buttons в стиле Material Design на чистом CSS

Codepen: Material Design Radio Buttons

#css #material

​​Шаблон адаптивного сайта с обратным отсчетом. На выбор есть 3 фона:

1. Статический
2. Слайдер
3. Анимированный

Демо: Count.
Скачать: Dropbox

#template

Фреймворк – это рабочая среда, которая помогает разработчику быстро и качественно создавать программный продукт, не отвлекаясь на мелочи. Собрал каркас – прикрутил модули – тестируй.

Какой веб-фрейморк выбрать? Анализ шести веб-фреймворков: плюсы, минусы и особенности выбора

#frontend

​​HammerJS — простой инструмент для поддержки жестов на веб-странице

Демо и документация

#js

Что такое фингерпринтинг текста непечатаемыми символами? Посмотрите демо

Впечатлены? Тут описано, как это работает: Осторожнее с копипастом

#security #js

​​Большой набор шпаргалок по разным технологиям и языкам программирования - OverAPI

#tools