GSAP ScrollTrigger with Parallax Snap and ScrollToPlugin - Параллакс эффект при прокрутке, выполненный с помощью SCSS и библиотеки GSAP.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 советы, примеры и практика!
https://yangx.top/java_geek Учим Java на примерах

Программирование 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

Forever Functional: Many flavors of currying

https://blog.openreplay.com/forever-functional-many-flavors-of-currying

👉 @frontend_1

Получение элементов с конца

В метод slice() можно передать отрицательный параметр, тогда отсчет элементов начнется с конца массива.

@frontend_sovet

Cоздаем ecommerce приложение на NestJs

NestJS - один из лучших фреймворков Node для создания приложений на стороне сервера. В этом руководстве мы рассмотрим, как создать простое приложение для электронной коммерции на NestJS, демонстрируя по пути многие из основных возможностей Nest. Мы рассмотрим:

Начало работы с нашим приложением электронной коммерции NestJS
Создание функции продукта магазина электронной коммерции NestJS
Создание функции управления пользователями
Создание аутентификации и авторизации пользователей
Создание функции корзины магазина для нашего приложения электронной коммерции NestJS

👉 @frontend_1

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

#codepen #css #js

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

Задача: Реализуйте функцию checkBrackets, которая должна проверять правильность расположения скобок в строке.

Ответ в комментариях

👉 @frontend_1

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

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

Примеры: https://wojciechkrakowiak.github.io/letterize/examples/

👉 @frontend_1

Синус и косинус для frontend разработчика. Зачем нужно знать?

Aнимация объектов при помощи синусов и косинусов. Простое объяснение.
Как работают синусы и косинусы в Javascript. Зачем они нужны?

===== Timе-коды =====
00:00 вступление
01:56 определение синуса и косинуса, пример в виде солнца
02:40 определение косинуса
03:15 1 пример - анимация солнца
11:23 2 пример - анимация кругов
21:22 3 пример - эффект фонарика

👉 @frontend_1

Buttons. CSS Hover - Эффекты при наведении на кнопки, сделанные на чистом CSS без использования JavaScript

#codepen #css

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

Виртуализация больших списков с помощью библиотеки react-window

Сверхбольшие таблицы и списки могут значительно снижать производительность сайта. В этом случае на помощь может прийти виртуализация.

✍️ @React_lib

Daily UI #008 - 404 Page - Страница 404 с параллакс эффектом, сделанная с помощью SCSS и JavaScript

#codepen #css #js

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

Пишем переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript

https://levelup.gitconnected.com/code-a-cookie-based-darkmode-switch-in-css-and-vanilla-javascript-b2d89f99ea7d

👉 @frontend_1