​​Включить вибрацию на смартфоне

Метод vibrate() объекта window.navigator может включить режим вибрации на устройстве (при условии что устройство поддерживает режим вибрации).

window.navigator.vibrate(500);

Методу можно передать параметр – время вибрации в миллисекундах. А можно указать даже паттерн – чередование интервалов вибрации и пауз. Для этого передайте методу массив чисел.

CSS совет от Jhey Tompkins

НЕ используйте <div> для прогресс бара!
Используйте элемент <progress>
Вы можете стилизовать его с помощью переменных CSS и некоторых псевдоселекторов.

#css #html

Codepen

Twitter

Jack Franklin, разработчик Chrome Dev Tools и Puppeteer, делится советами по организации большого приложения на React.js

— Сборщики
— Организация структуры директорий
— Организация кода React.js компонентов
— Организация Redux actions, reducers с помощью подхода Ducks
— Тесты

#react #redux

К статье(eng)

Улыбнешься - проиграешь

Браузерная игра, для реализации которой использовалась библиотека face-api.js(надстройка над tensorflow.js) для распознавания лиц.

#tensor_flow #face_api #ml

К игре
К статье(eng)

Создание нейронной сети Хопфилда на JavaScript.🔥

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

[ Статья ]

Как создать сервер GraphQL в Next.js

В туториале рассматривается пример подключения GraphQL в Next.js приложение с помощью apollo-server-micro

#graphql #nextjs

К статье(eng)

Josh W. Comeau: “Это круто! Меняйте числа, чтобы создать формы, затем скопируйте css созданной формы”

“Т.к. это clip-path, это можно применить к вашим картинкам, HTML элементам, к чему угодно!

Больше не надо border-хаков для создания базовых форм”

#css

Codepen

Twitter

Josh W. Comeau: “Оберните текст вокруг прозрачных файлов .png с помощью shape-outside 😮”

.me {
float: left;
shape-outside: url(/image/path.png);
/ Add some spacing: /
transform: translateX(-16px);
}

#css

Twitter

Codepen

До свидания, Google Fonts. Последний аргумент

В статье рассказывается, почему не стоит больше подключать шрифты с CDN Google Fonts, а более производительней отдавать их со своего хостинга.

#performance

К статье(rus)

Базовые вопросы на собеседовании по javascript, с которыми у кандидатов возникают проблемы

#javascript #interview

https://habr.com/ru/post/523092/

Вопросы по javascript

В репозитории собраны более 100 вопросов по javascript, так же можно узнать ответы и прочитать объяснение

#javascript

К вопросам(eng)

К вопросам(rus)