Новое свойство css aspect-ratio(соотношение сторон)

Позволяет вам устанавливать пропорции любого элемента без использования хака с padding-top!

#css

К статье(eng)

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

#performance #browser

К статье(rus)

Интерактивная анимация загрузки

PS: и пжлст не нажимайте C

#animation

Codepen

Использование Framer Motion для анимации переходов между страницами в React

#react

К статье(eng)

Терминал Linux: шпаргалка

— ls -lah - показ спрятанных файлов + человекочитаемый формат
— which [name-of-the-program] - вывод пути к бинарному файлу программы
— history - вывод всех предыдущих команд
— cat [name-of-your-file] - вывод контента файла

и много других команд

#cli

К статье(eng)

Charlie Gerard: “Я сделала новую штуковину😃”

“Создала JS-библиотеку, которая использует отслеживание радужной оболочки глаза для прогнозирования направления взгляда пользователя.

Думая о a11y, я сделала клавиатуру, которую люди могут контролировать глазами”

#ml #tensorflow #a11y

Demo

Github

Twitter

В чём разница между узлом и элементом DOM?

#browser #html

К статье(rus)

Josh W. Comeau:”Outline важен для доступности при фокусе, но его нельзя закруглить. Это можно решить с помощью box-shadow!”

.btn {
box-shadow:
0px 0px 0px 2px #2960C5,
0px 0px 0px 3px #FFFFFF;
}

#css

Codepen

Twitter

Используй Google как профессионал

— кавычки для поиска с точным соответствием: "what is javascript"
— оператор AND вернет результаты, удовлетворящие каждому условию: html AND css
— оператор OR, если нужен результат с любым из заданных слов: (javascript OR python) free course
— оператор - для исключения результатов с вхождением: javascript -css
— Подстановочный знак *, для поиска любого совпадения: "how to start * in 6 months"
— Поиск в рамках сайта:
site:freecodecamp.org
— Поиск определенного типа файла: filetype:pdf learn css
— Поиск диапазона чисел:
ecmascript 2016..2018

#google

К статье(eng)

Что на самом деле происходит, когда пользователь вбивает в браузер адрес google.com

#web #browser

К статье(rus)

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

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

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

#css

Codepen

Twitter

Про собеседования и последствия ошибочной оценки разработчиков

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

​​​​​​Хороший курс от Владилена Минина о Nuxt.js. Будет полезен начинающим.