This media is not supported in your browser
VIEW IN TELEGRAM
Interpolate Between Paths (draw with your pointer)
Анимация позволяющая делать наброски галограмм. Реализована с помощью JavaScript.
#анимация #css #javascript
https://codepen.io/creativeocean/pen/bGvyRWd
Анимация позволяющая делать наброски галограмм. Реализована с помощью JavaScript.
#анимация #css #javascript
https://codepen.io/creativeocean/pen/bGvyRWd
🔥 Полезнейшая Подборка каналов
🖥 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
@javascriptv - проф javascript изучение
@about_javascript - javascript продвинутый
@JavaScript_testit -тесты JS
@htmlcssjavas - web
@hashdev - web разработка
@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
@pythonl - python
@pro_python_code – погружение в python
@python_job_interview – подготовка к Python собеседованию
@python_testit тесты на python
@pythonlbooks - книги Python
@Django_pythonl django
@python_djangojobs - работа Python
@python_django_work
@javatg - Java для програмистов
@javachats Java чат
@java_library - книги Java
@android_its Android разработка
@java_quizes - тесты Java
@Java_workit - работа Java
@progersit - шпаргалки ит
@golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков.
@Golang_google - go для разработчиков
@golangtests - тесты и задачи GO
@golangl - чат Golang
@GolangJobsit - вакансии и работа GO
@golang_jobsgo - чат вакансий
@golang_books - книги Golang
@golang_speak - обсуждение задач Go
@linux_kal - чат kali linux
@linuxkalii - linux kali
@linux_read - книги linux
👷♂️ IT работа
@hr_itwork - ит-ваканнсии
@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_forprogrammers - Английский для программистов
@github_code
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Metrognome
Гном-метроном, выполненный с помощью CSS и библиотеки GSAP.js.
#css #js
https://codepen.io/hexagoncircle/pen/JjOaabp
@about_javascript
Гном-метроном, выполненный с помощью CSS и библиотеки GSAP.js.
#css #js
https://codepen.io/hexagoncircle/pen/JjOaabp
@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Planet Picker
Небольшое приложение на JS, в котором реализован просмотр информации о планетах солнечной системы.
#css #js
https://codepen.io/team/keyframers/pen/YoaeGg
@about_javascript
Небольшое приложение на JS, в котором реализован просмотр информации о планетах солнечной системы.
#css #js
https://codepen.io/team/keyframers/pen/YoaeGg
@about_javascript
Профессия «Java Разработчик» от ProductStar — самое время качать навыки, когда конкуренция на рынке растёт в геометрической прогрессии.
Традиционно в каждом из курсов: практика после каждого из занятий, лекции от топовых спикеров, трудоустройство и помощь на испытательном сроке + недавно ребята добавили помощь с трудоустройством в зарубежные компании, а также часть компаний-работодателей теперь возвращают студентам ProductStar после трудоустройства от 50 до 100% стоимости курса. Хочешь затестить - возьми пробный урок.
Сейчас на курс действует скидка 24% и дополнительный промокод JAVA (скажите при общении с менеджером после заявки) для наших подписчиков на скидку 20 000 руб
Бонус — для тех кто оставит заявку на курс на этой неделе, получают курс по WEB-разработке.
Регистрация: https://go.productstar.ru/gjbcoc
Традиционно в каждом из курсов: практика после каждого из занятий, лекции от топовых спикеров, трудоустройство и помощь на испытательном сроке + недавно ребята добавили помощь с трудоустройством в зарубежные компании, а также часть компаний-работодателей теперь возвращают студентам ProductStar после трудоустройства от 50 до 100% стоимости курса. Хочешь затестить - возьми пробный урок.
Сейчас на курс действует скидка 24% и дополнительный промокод JAVA (скажите при общении с менеджером после заявки) для наших подписчиков на скидку 20 000 руб
Бонус — для тех кто оставит заявку на курс на этой неделе, получают курс по WEB-разработке.
Регистрация: https://go.productstar.ru/gjbcoc
This media is not supported in your browser
VIEW IN TELEGRAM
3D Card Animation
3D-анимация карт. Реализована с помощью JavaScript.
#анимация #javascript
https://codepen.io/team/keyframers/pen/abywmrO
3D-анимация карт. Реализована с помощью JavaScript.
#анимация #javascript
https://codepen.io/team/keyframers/pen/abywmrO
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburger Icons Animations
Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.
#js
https://codepen.io/ahmadbassamemran/pen/VQwPGr
Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.
#js
https://codepen.io/ahmadbassamemran/pen/VQwPGr
В этой статье будет подробно рассмотрена проблема загрузки исходных данных при использовании React в Sketch. Она заключается в том, что UI React рендерится без данных Sketch при первом открытии окна плагина.
Мы также рассмотрим одно из возможных решений этой проблемы. В конце статьи есть ссылка на полный демо-репозиторий.
Примечание: плагин реагирует только на слои, а не на страницы. Если запустить плагин с выбранной страницей, он будет рендериться без данных Sketch.
➡️ Читать дальше
@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация загрузки
Оригинальная анимация загрузки. Отлично подойдет для сайтов, где будет уместна подобная иконка.
#js #css #html #coden
https://codepen.io/kira-code/pen/BaYGwYg
Оригинальная анимация загрузки. Отлично подойдет для сайтов, где будет уместна подобная иконка.
#js #css #html #coden
https://codepen.io/kira-code/pen/BaYGwYg
This media is not supported in your browser
VIEW IN TELEGRAM
SpinKit — минималистичные загрузочные CSS-спиннеры
Они анимированы исключительно при помощи CSS
Пример того, как они выглядят, можно увидеть выше
Стоимость: #бесплатно
#css #анимации #web
@about_javascript
Они анимированы исключительно при помощи CSS
Пример того, как они выглядят, можно увидеть выше
Стоимость: #бесплатно
#css #анимации #web
@about_javascript
Что будет выведено в консоль?
Anonymous Quiz
15%
Янв, Фев, Мар, Апр
28%
Янв,Фев,Мар,Апр
16%
['Янв', 'Фев', 'Мар', 'Апр']
41%
ЯнвФевМарАпр
React теперь в телеграм!
- 40,14% разработчиков сайтов использовали React в 2021 году — это самая популярная библиотека для создания пользовательских интерфейсов;
- 196 850 звёзд у React на GitHub;
- 25,12% разработчиков хотят изучить React;
- 16.9 млн раз пользователи установили React
С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!
Перейти
- 40,14% разработчиков сайтов использовали React в 2021 году — это самая популярная библиотека для создания пользовательских интерфейсов;
- 196 850 звёзд у React на GitHub;
- 25,12% разработчиков хотят изучить React;
- 16.9 млн раз пользователи установили React
С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!
Перейти
This media is not supported in your browser
VIEW IN TELEGRAM
You Must Build a Lighthouse.
Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома - radio кнопка, при активации которой задействуются CSS стили.
https://codepen.io/ivorjetski/pen/OJXbvdL
@about_javascript
Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома - radio кнопка, при активации которой задействуются CSS стили.
https://codepen.io/ivorjetski/pen/OJXbvdL
@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Размытая анимация отлично подойдёт для фона на вашем сайте.
#фон
https://codepen.io/Kobune/pen/qBPZVmL
@about_javascript
#фон
https://codepen.io/Kobune/pen/qBPZVmL
@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Directionally Aware Controls
Эффект при наведении на кнопку с направленными элементами управления. Реализован на чистом CSS.
#css
https://codepen.io/jh3y/pen/gOmqWdp
@about_javascript
Эффект при наведении на кнопку с направленными элементами управления. Реализован на чистом CSS.
#css
https://codepen.io/jh3y/pen/gOmqWdp
@about_javascript
Новый выпуск проекта "По домам: фронтед" с участием Дениса Иогансена — руководителя разработки юнита Explore. Он расскажет про пользу Reddit для разработчика, идеальный стэк для фронта и бэка и про полёты на гоночных самодельных дронах (это хобби нового спикера!).
Смотреть по ссылке: clc.to/jEsdTQ
Реклама. ООО «КЕХ еКоммерц». JapBIEiPu
Смотреть по ссылке: clc.to/jEsdTQ
Реклама. ООО «КЕХ еКоммерц». JapBIEiPu
YouTube
По домам: фронтенд – Денис Иогансен
«По домам: фронтенд» — это шоу от сообщества инженеров Авито. В нашей команде работают совершенно разные люди: у каждого свой опыт, своё видение разработки и свои любимые фреймворки. Но нас объединяют любовь к фронтенду и работе в Авито.
Каждую неделю мы…
Каждую неделю мы…
This media is not supported in your browser
VIEW IN TELEGRAM
Motion Blur Step 2
Анимация размытия в движении. Написана на чистом CSS.
#анимация #css
https://codepen.io/Nealevf/pen/oNxKZOx
@about_javascript
Анимация размытия в движении. Написана на чистом CSS.
#анимация #css
https://codepen.io/Nealevf/pen/oNxKZOx
@about_javascript