Ghost Card - Анимированная карточка, сделанная с помощью CSS и библиотеки Three.js

#codepen #css #js

Подпишись👉 @codepen_1

Подборка каналов для IT специалистов 🎯

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/React_lib Подборки по React js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!


Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus

GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub

CodePen 📌
https://yangx.top/codepen_1 Сообщество пользователей CodePen

Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков

Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

Чат программистов📌
https://yangx.top/developers_ru

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов

БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://yangx.top/itumor Шутки программистов

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров
https://yangx.top/arhitekturamira World Architecture

Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://yangx.top/sysadminoff Новости Линукс Linux

Английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Математика 📌
https://yangx.top/Pomatematike Канал по математике

Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют

Метавселенная, GameFi, Crypto 📌
https://yangx.top/metaverse360

DeepFake 📌
https://yangx.top/deepfakenow Публикуем deepfake видео

Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий

Excel лайфхак📌
https://yangx.top/Excel_lifehack

Polished.js — набор инструментов для написания стилей в JavaScript ✨

Предоставляет набор миксинов, цветовых функций, сокращений и т.д. Делает процесс авторинга стилей в JavaScript более простым.

Особенности / преимущества:
✔️Поддержка современных браузеров + IE11
✔️Совместима с фреймворками (emotion, jss, aphrodite, radium)
✔️Удобный API
✔️Поддержка TypeScript

https://github.com/styled-components/polished

https://polished.js.org/

👉 @frontend_1

Ребят, Енот из HTML Academy 23 августа проводит беспроигрышную лотерею! Примите участие в розыгрыше, и один из 350 гарантированных призов ваш.

Главный приз: 5 лицензий на годовой курс обучения профессии «Фронтенд-разработчик» в самостоятельном формате.

Еще 345 счастливчиков получат скидку 50% на профессию «Фронтенд-разработчик», «Бэкенд-разработчик» или «React-разработчик» (на выбор победителя) в самостоятельном формате.

Не упустите свой шанс начать обучаться востребованной профессии уже этим летом!
Регистрируйтесь по ссылке, розыгрыш пройдёт уже 23 августа в 13:00.
Количество участников ограничено.

Используем v-model во Vue 3 для создания сложных форм.

В этой статье мы представим изменения в директиве v-model в Vue 3. Затем мы пройдемся по учебнику, демонстрирующему, как использовать несколько привязок v-model для упрощения процесса построения сложных форм в Vue.

👉 @frontend_1

Полное руководство по React Router: Все, что вам нужно знать

https://ui.dev/react-router-tutorial

✍️ @React_lib

Забудьте о конкатенации, используйте шаблонные строки (литералы)

Конкатенация строк с помощью оператора "+" – это старая школа. Более того, конкатенация строк с участием большого количества переменных (или выражений) повышает риск возникновения путаницы и ошибок.

Шаблонные строки (или литералы) позволяют встраивать выражения прямо в текст. Они обладают уникальным синтаксисом, при котором строка заключается в обратные кавычки (``). Шаблонная строка может содержать места для подстановки динамических значений. Такие места отмечаются знаком доллара и фигурными скобками. Например, ${выражение}.

@frontend_sovet

Theatre.js — библиотека для создания анимации

Позволяет визуально создавать сложную анимацию с помощью редактора.

Особенности / преимущества:
👉 Анимация 3D-объектов сделанных других 3D-библиотек
👉 Имеет графический интерфейс
👉 Позволяет анимировать HTML, SVG, WebGL, DOM
👉 Создание микро-взаимодействий

Сайт: https://www.theatrejs.com/
GitHub: https://github.com/AriaMinaei/theatre

👉 @frontend_1

Как обрабатывать необработанные исключения в ASP.NET Web API

Чтобы сделать обработку исключений простой и последовательной, старайтесь не бросать исключения в тех случаях, когда вы можете определить ошибку самостоятельно. Я рекомендую возвращать подходящую ошибку, как в коде ниже. Далее

👉 @frontend_1

Организация react-компонентов с помощью dot-notation и почему я часто прибегаю именно к этому способу

Компонентный подход является основополагающим при создании приложений с помощью react. Компоненты - это главные строительные блоки, которые в своей композиции помогают реализовать сложные системы. В основе каждого компонента, в идеале, всегда лежит какой-то обособленный набор функционала, своего рода микро-решение микро-задачи. Далее
✍️ @React_lib

Логические атрибуты в HTML и ARIA: в чем разница?

Некоторые атрибуты в ARIA являются булевыми (-подобными). Эти атрибуты могут показаться очень похожими на атрибуты boolean в HTML, но есть несколько важных различий, о которых следует знать.

https://hidde.blog/boolean-attributes-in-html-and-aria-whats-the-difference/

👉 @frontend_1

Подборка каналов для IT специалистов 🎯

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/React_lib Подборки по React js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!


Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus

GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub

CodePen 📌
https://yangx.top/codepen_1 Сообщество пользователей CodePen

Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков

Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

Чат программистов📌
https://yangx.top/developers_ru

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов

БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://yangx.top/itumor Шутки программистов

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров
https://yangx.top/arhitekturamira World Architecture

Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://yangx.top/sysadminoff Новости Линукс Linux

Английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Математика 📌
https://yangx.top/Pomatematike Канал по математике

Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют

Метавселенная, GameFi, Crypto 📌
https://yangx.top/metaverse360

DeepFake 📌
https://yangx.top/deepfakenow Публикуем deepfake видео

Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий

Excel лайфхак📌
https://yangx.top/Excel_lifehack

Стилизация плейсхолдера и скролла, CSS-спрайты (Placeholder, Scrollbar & Sprites)

В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.

👉 @frontend_1

Хотите изучить программирование и стать востребованным веб-разработчиком? Попробуйте себя в вёрстке и поучаствуйте в бесплатном интенсиве! 
Когда: с 1 по 9 сентября. 

Зачем участвовать?
- Вы разберётесь с основами создания сайтов;
- Познакомитесь с HTML и CSS и попробуете себя в качестве верстальщика;
- Получите бесплатные тренировочные материалы и скидки на обучение.

Хотите стать айтишником с нуля?
Записывайтесь на интенсив и начните обучение уже сейчас!