​​💡Пишем простейший GitHub Action на TypeScript.

В данной статье я решил собрать самую основную информацию, которая нужна для того, чтобы написать простейший GitHub Action с использованием TypeScript.

[ Статья ]

#ts

Прокачиваем навыки CSS: GRID

Статья от портала Код (делают ребята из Яндекс Практикума) будет полезна тем, кто только начинает осваивать GRID

#css #grid

К статье(rus)

Taiga UI — библиотека компонентов под Angular, которую вам стоит попробовать

#angular #architecture

К статье

Как отслеживать производительность веб-приложения с JavaScript и Performance API

#performance #browser

К статье(rus)

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

Метод 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