JavaScript

SpinKit — минималистичные загрузочные CSS-спиннеры

Они анимированы исключительно при помощи CSS

Пример того, как они выглядят, можно увидеть выше

Стоимость: #бесплатно

#css #анимации #web

@about_javascript

Лучшие проекты с Github теперь доступны в одном канале.

Проекты , которые рреально помогут в разработке и помогут прокачать навыки программирования.

Смотреть

Анимация загрузки

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

#js #css #html #coden

https://codepen.io/kira-code/pen/BaYGwYg

Ещё один вариант нажатия на бургер-кнопку.

#бургеркнопки #меню

https://codepen.io/vrx/pen/BXEEGj

🖥 React в плагине Sketch: проблема загрузки исходных данных

В этой статье будет подробно рассмотрена проблема загрузки исходных данных при использовании React в Sketch. Она заключается в том, что UI React рендерится без данных Sketch при первом открытии окна плагина.

Мы также рассмотрим одно из возможных решений этой проблемы. В конце статьи есть ссылка на полный демо-репозиторий.

Примечание: плагин реагирует только на слои, а не на страницы. Если запустить плагин с выбранной страницей, он будет рендериться без данных Sketch.

➡️ Читать дальше
🔩 Код

@about_javascript

Hamburger Icons Animations

Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.

#js

https://codepen.io/ahmadbassamemran/pen/VQwPGr

3D Card Animation

3D-анимация карт. Реализована с помощью JavaScript.

#анимация #javascript

https://codepen.io/team/keyframers/pen/abywmrO

Профессия «Java Разработчик» от ProductStar — самое время качать навыки, когда конкуренция на рынке растёт в геометрической прогрессии.

Традиционно в каждом из курсов: практика после каждого из занятий, лекции от топовых спикеров, трудоустройство и помощь на испытательном сроке + недавно ребята добавили помощь с трудоустройством в зарубежные компании, а также часть компаний-работодателей теперь возвращают студентам ProductStar после трудоустройства от 50 до 100% стоимости курса. Хочешь затестить - возьми пробный урок.

Сейчас на курс действует скидка 24% и дополнительный промокод JAVA (скажите при общении с менеджером после заявки) для наших подписчиков на скидку 20 000 руб
Бонус — для тех кто оставит заявку на курс на этой неделе, получают курс по WEB-разработке.

Регистрация: https://go.productstar.ru/gjbcoc

Planet Picker

Небольшое приложение на JS, в котором реализован просмотр информации о планетах солнечной системы.

#css #js

https://codepen.io/team/keyframers/pen/YoaeGg

@about_javascript

Metrognome

Гном-метроном, выполненный с помощью CSS и библиотеки GSAP.js.

#css #js

https://codepen.io/hexagoncircle/pen/JjOaabp

@about_javascript

🔥 Полезнейшая Подборка каналов

🖥 Javascript / front

@javascriptv - проф javascript изучение
@about_javascript - javascript продвинутый
@JavaScript_testit -тесты JS
@htmlcssjavas - web
@hashdev - web разработка


🖥 Machine learning
@ai_machinelearning_big_data – все о машинном обучении
@data_analysis_ml – все о анализе данных.
@machinelearning_ru – машинное обучении на русском от новичка до профессионала.
@machinelearning_interview – подготовка к собеседования Data Science
@datascienceiot – бесплатные книги Machine learning
@ArtificialIntelligencedl – канал о искусственном интеллекте
@neural – все о нейронных сетях
@machinee_learning – чат о машинном обучении
@datascienceml_jobs - работа ds, ml
@Machinelearning_Jobs

🖥 Python

@pythonl - python
@pro_python_code – погружение в python
@python_job_interview – подготовка к Python собеседованию
@python_testit тесты на python
@pythonlbooks - книги Python
@Django_pythonl django
@python_djangojobs - работа Python
@python_django_work

🖥 Java
@javatg - Java для програмистов
@javachats Java чат
@java_library - книги Java
@android_its Android разработка
@java_quizes - тесты Java
@Java_workit - работа Java
@progersit - шпаргалки ит

👣 Golang
@golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков.
@Golang_google - go для разработчиков
@golangtests - тесты и задачи GO
@golangl - чат Golang
@GolangJobsit - вакансии и работа GO
@golang_jobsgo - чат вакансий
@golang_books - книги Golang
@golang_speak - обсуждение задач Go

🖥 Linux
@linux_kal - чат kali linux
@linuxkalii - linux kali
@linux_read - книги linux

👷‍♂️ IT работа

@hr_itwork - ит-ваканнсии

🖥 SQL
@sqlhub - базы данных
@chat_sql - базы данных чат

🤡It memes
@memes_prog - ит-мемы

⚙️ Rust
@rust_code - язык программирования rust
@rust_chats - чат rust

#️⃣ c# c++
@csharp_ci - c# c++кодинг
@csharp_cplus чат

📓 Книги

@programming_books_it
@datascienceiot
@pythonlbooks
@golang_books
@frontendbooksit
@progersit
@linux_read
@java_library
@frontendbooksit

📢 English for coders

@english_forprogrammers - Английский для программистов

🖥 Github
@github_code

Interpolate Between Paths (draw with your pointer)

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

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

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

Menja

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

#игра #javascript #css

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

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

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

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

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

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

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

@about_javascript

Retrowave/Vaporwave Mountains

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

#анимация #javascript

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

@about_javascript

ScrollTrigger: SVG Text Mask

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

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

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

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

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

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

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