CSS (Cascading Style Sheets) Visual Dictionary - 2018
#css

Fullstack React The Complete Guide to ReactJS and Friends

📖 Книга

@about_javascript

JavaScript. Что будет выведено в консоль?

Ответ

Magnetic button animation - Анимация примагничивающихся кнопок при наведении, реализована с помощью CSS и JavaScript.

https://codepen.io/milanraring/pen/gOwGpdm

⚡️JavaScript уроки // 43 видео

Содержание:
▪️JavaScript обзор товара 360 градусов
▪️Каррирование в JavaScript. Создаем элементы с помощью carrying
▪️Делаем мультиязычный сайт c JavaScript
▪️JavaScript: читаем UTM метки, разбираем, декодируем. Разбираем ссылки интернет магазинов
▪️Мутабельные и иммутабельные методы объектов JavaScript
▪️Используем Template в JavaScript для клонирования элементов
▪️Swipe это просто
▪️Пингуем ресурсы с ping - JavaScript не нужен
▪️Callback это просто. Разбираемся в callback JavaScript
▪️Имитируем события в JavaScript. DispatchEvent

➖ Смотреть бесплатно

@about_javascript

​unavatar – сервис генерации унифицированных аватарок для юзеров

⤷ Ссылка на проект

@about_javascript | #Interesting #JavaScript

​VScode-Drawio – расширение для VS Code интегрирующее сервис для построения диаграмм draw.io

Очень полезен в тех проектах, где документация хранится рядом с кодом и содержит большое количество схем

⤷ Ссылка на проект

@about_javascript | #TypeScript #Code #Interesting

​Webtorrent – Потоковый торрент-клиент для браузера!

В браузере WebTorrent использует WebRTC (каналы данных) для peer-to-peer передач. Его можно использовать без браузерных плагинов или расширений. Это просто JavaScriptTM

⤷ Ссылка на проект

@about_javascript | #JavaScript #Torrent

Radio-кнопки с анимацией перепрыгивания, реализованные с помощью CSS.

https://codepen.io/jkantner/pen/rNaPadg

@about_javascript

Кнопка поиска с анимацией вывода поля для ввода.

https://codepen.io/MilanMilosev/pen/JdgRpB

@about_javascript

​css3d-game – 3D-игра, написанная на Vanilla Javascript и полностью отрисованная в HTML / CSS

Вы можете использовать инструменты разработчика чтобы проверить геометрию

⤷ Ссылка на проект

@about_javascript | #Interesting #JavaScript #CSS #Web #Game

ScrollTrigger: SVG Text Mask

Анимация скролла текстовой маски SVG. Реализована с помощью JavaScript и CSS.

#анимация #svg #javascript #css

https://codepen.io/creativeocean/pen/qBbBLyB

Retrowave/Vaporwave Mountains

Анимация в стиле "ретро". Реализована с помощью JavaScript.

#анимация #javascript

https://codepen.io/pentagear/pen/xxVbBZy

@about_javascript

Телеграм бот на Node JS. Как создать тайм-трекер с помощью API Telegram Bot и веб хуков.

В данной статье вы узнаете, как вести учет рабочего времени с помощью Telegram Bot API и механизма веб хуков (англ. Webhooks). Мы разберем этапы создания, настройки и развертывания тайм-трекера. Но сначала хотелось бы рассказать, как эта идея пришла мне в голову. Если же вас интересует только техническая часть повествования, переходите сразу к следующему разделу.

Введение
Как-то в разговоре моя жена сказала, что ей нужно написать почасовой отчет о работе, проделанной за 3 последних месяца, и определить точное количество отработанных часов. Не имея в распоряжении никакого инструмента для регистрации рабочего времени, ей было довольно сложно рассчитать эти показатели по старым заметкам и чатам. Тогда она поддержала предложение своего руководителя создать группу в WhatsApp, куда будет отправлять сообщение в момент начала и окончания работы. Имеющиеся сообщения упростят составление подобных отчетов.

Идея отличная: телефон практически всегда под рукой, так что ничего не стоит просто написать слова “начало”/“окончание” или что угодно. Я вдохновился этой идеей и задумался о способах ее реализации. Часами я искал хороший инструмент для учета рабочего времени, руководствуясь следующими обязательными условиями: 1) он должен легко вводить сообщение “Задание выполняется” или “Задание готово”; 2) он работает на всех имеющихся устройствах.

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

➡️ Читать дальше

@about_javascript

Menja

Игра в которой нужно разбивать вылетающие блоки. Реализована с помощью JavaScript.

#игра #javascript #css

https://codepen.io/MillerTime/details/BexBbE