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
❤4👍1🔥1
🔥 Полезнейшая Подборка каналов
🖥 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
❤3👍2🔥1
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
👍6❤2👎1🔥1
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
🔥6👍2❤1
Профессия «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
👍5❤1👎1🥰1
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
👍4🔥1🥰1
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
👍11🔥2❤1
В этой статье будет подробно рассмотрена проблема загрузки исходных данных при использовании React в Sketch. Она заключается в том, что UI React рендерится без данных Sketch при первом открытии окна плагина.
Мы также рассмотрим одно из возможных решений этой проблемы. В конце статьи есть ссылка на полный демо-репозиторий.
Примечание: плагин реагирует только на слои, а не на страницы. Если запустить плагин с выбранной страницей, он будет рендериться без данных Sketch.
➡️ Читать дальше
@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍1🔥1
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
👍4👎2❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
SpinKit — минималистичные загрузочные CSS-спиннеры
Они анимированы исключительно при помощи CSS
Пример того, как они выглядят, можно увидеть выше
Стоимость: #бесплатно
#css #анимации #web
@about_javascript
Они анимированы исключительно при помощи CSS
Пример того, как они выглядят, можно увидеть выше
Стоимость: #бесплатно
#css #анимации #web
@about_javascript
👍7❤1🔥1
Что будет выведено в консоль?
Anonymous Quiz
15%
Янв, Фев, Мар, Апр
28%
Янв,Фев,Мар,Апр
16%
['Янв', 'Фев', 'Мар', 'Апр']
41%
ЯнвФевМарАпр
👍6😁1
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 вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!
Перейти
👍6❤1🔥1😁1
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
👍11❤3🥰1
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
👍9🔥5❤2
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
👍6❤1🔥1
Новый выпуск проекта "По домам: фронтед" с участием Дениса Иогансена — руководителя разработки юнита Explore. Он расскажет про пользу Reddit для разработчика, идеальный стэк для фронта и бэка и про полёты на гоночных самодельных дронах (это хобби нового спикера!).
Смотреть по ссылке: clc.to/jEsdTQ
Реклама. ООО «КЕХ еКоммерц». JapBIEiPu
Смотреть по ссылке: clc.to/jEsdTQ
Реклама. ООО «КЕХ еКоммерц». JapBIEiPu
YouTube
По домам: фронтенд – Денис Иогансен
«По домам: фронтенд» — это шоу от сообщества инженеров Авито. В нашей команде работают совершенно разные люди: у каждого свой опыт, своё видение разработки и свои любимые фреймворки. Но нас объединяют любовь к фронтенду и работе в Авито.
Каждую неделю мы…
Каждую неделю мы…
👍3
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
👍5❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Skeleton Loaders
Каркасные загрузчики, реализованные с помощью CSS и JavaScript.
#анимация #прелоадеры #css #javascript
https://codepen.io/jh3y/pen/LYdrdgX
Каркасные загрузчики, реализованные с помощью CSS и JavaScript.
#анимация #прелоадеры #css #javascript
https://codepen.io/jh3y/pen/LYdrdgX
👍5❤1🔥1