CSS Skateboard🛹 - Анимированная сцена, выполненная при помощи Pug и SCSS, без использования картинок.

#codepen #scss

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

Sortable — библиотека для работы со списками

Позволяет организовывать сортировку внутри списка и между списками. Использует Native Drag’n’Drop API.

Особенности / преимущества:
✔️Простое API
✔️Поддерживает desktop и touch устройства
✔️Анимация при перемещении
✔️Не имеет зависимостей
✔️Поддержка AngularJS, Meteor, Knockout, Polymer, Vue, Ember

👉 @frontend_1

Emerging Tooltip - Всплывающая подсказка, выполненная с помощью CSS и SVG, без использования JavaScript.

#codepen #css

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

Паттерн “Шаблонный метод” и его реализация в JavaScript

Если вы прежде работали с nodejs, то знаете, что пакеты — важнейшая часть данной платформы. Ежедневно и ежесекундно в реестре npm происходит обновление или публикация нового пакета. Большинство из них можно переиспользовать и расширять. Для этого достаточно лишь воспользоваться одним из множества предлагаемых способов. Но все пакеты объединяет одна общая черта: их можно рассматривать как шаблоны, подлежащие выполнению. Далее

👉 @frontend_1

МТС INTRO: стажировки вне шаблонов

Что это?

-10+ направлений стажировки
-Набор 12 месяцев в году, а не только летом
-Погружение в проекты на 3 месяца и даже дольше, если в команде есть интересные задачи и тебе нравится то, что ты делаешь
-Выбор удобного графика, исходя из учебной нагрузки

Что мы предлагаем?

-Целая экосистема технологичных цифровых сервисов. Здесь создаются мобильные приложения, продукты в медиа, финтехе, стриминге, гейминге, «облаках», Big Data и многом другом.
-Реальные проекты и кейсы — лучший источник знаний и опыта;
-Наставники и комьюнити настоящих профи помогут раскрыться твоим талантам;
-Стажёры сами выбирают, сколько часов в неделю работать, а ещё могут менять график часов в течение стажировки;
-Все стажировки оплачиваемые, а размер заработной платы зависит от региона и количества рабочих часов в неделю;
-Оффер в МТС по итогам стажировки: если нам понравится работать вместе, будем рады, если ты станешь членом команды очень-очень надолго :)

Подробнее:
https://vk.cc/ceyUDl

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


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 и все что с ним связано


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

Функции высшего порядка в JavaScript: гайд для новичков.

https://www.freecodecamp.org/news/higher-order-functions-in-javascript/

👉 @frontend_1

TURN ON THE SYNTHWAVE - Переключатель темы, реализованный при помощи JavaScript и CSS

#codepen #css #js

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

TroisJS Starfield - Интерактивный фон, сделанный с помощью CSS и библиотеки TroisJS

При наведении на кнопку анимация ускоряется, а при нажатии меняется цвет.

#codepen #scss #js

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

Полное руководство по вычислительной CSS функции calc() с примерами

В CSS для выполнения основных математических операций есть специальная функция calc(). В этой статье мы рассмотрим практически все, что нужно знать об этой очень полезной функции.

👉 @frontend_1

Хуки react-router

Используя библиотеку react-router для получения текущего состояния роутера и выполнения навигации, можно использовать кастомные хуки, которые входят в react-router-dom:

- useHistory. Возвращает объект history, который позволяет изменить состояние роутера. Например, можно перенаправить пользователя на другой URL, либо вернуться на предыдущую страницу. 

- useLocation. Возвращает объект location, представляющий текущий URL. Этот хук аналогичен useState, который возвращает новый объект location при смене текущего URL.

- useParams. Хук для доступа к параметрам URL, который установлен в роуте.

- useRouteMatch. Этот хук пытается сопоставить текущий URL таким же образом, как и <Route>. Может использоваться взамен компонента <Route>, если необходимо отрендерить что-то при заданном URL.

- useQuery. Хук не входит в список стандартных, но его можно реализовать используя useLocation.

https://reactrouter.com/web/api/Hooks

✍️ @React_lib

JavaScript: интересные возможности AbortController

Статья на рус
Статья на eng

👉 @frontend_1

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


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 программиста


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

Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

Включает в себя объектную модель, SVG-парсер, интерактивный слой и много других инструментов.

Особенности / преимущества:
✔️ Поддержка Firefox 4+, Safari 5+, Opera 9.64+, Chrome (все версии), Edge (все версии), IE11
✔️ Встроенная поддержка анимации
✔️ Поддержка touch устройств
✔️ Поддержка Node.js

Сайт: http://fabricjs.com/
GitHub: https://github.com/fabricjs/fabric.js

#js

👉 @frontend_1

CodePen Home The Clips of CSS v2 (React && Prism) - Генератор свойства clip-path, сделанный с помощью Pug, Stylus и библиотеки Babel.js

#codepen #css

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

Only CSS: Summer Dream - Анимированная сцена, сделанная с помощью Pug и SCSS без использования JavaScript

#codepen #scss

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

Как удалить все каталоги node_modules с компьютера

За последние несколько лет я запускал npm install больше раз, чем смогу сосчитать. И как результат на компьютере образовалось довольно много каталогов node_modules, о которых я давно уже забыл и не использую.

Зачастую проект мне больше не нужен, но бывает и так, что это кодовая база, с которой я всё же изредка работаю. Далее

👉 @frontend_1

Clipboard.js — библиотека для работы с буфером обмена

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

Особенности / преимущества:
✔️Небольшой вес (3 kB)
✔️Поддерживает Chrome 42+, Edge 12+, Firefox 41+, Firefox 41+, Safari 10+ и IE 9+
✔️Использует API Selection и execCommand
✔️Возможность кастомизации с помощью CSS
✔️Не имеет зависимостей

https://github.com/zenorocha/clipboard.js

👉 @frontend_1

Оформите карту Visa или Mastercard в банке Казахстана онлайн

Не можете продлить нужный сервис, снять валюту за рубежом или получить международный перевод?

Команда Финакс запустила сервис, в котором граждане РФ могут оформить онлайн карту Visa или Mastercard в банке Казахстана. С помощью этого бота уже более 1000 россиян открыли зарубежные счета.

Для чего она подходит:

- Оплата зарубежных сервисов и покупок

- Хранение валютных сбережений

- Получение оплат из-за рубежа

- Использование в путешествиях

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

Оформить заявку и почитать ответы на частые вопросы можно в нашем боте:
👉 https://yangx.top/Vostokpay_bot

Как создавать иконки сайтов в 2022 году — всё о favicon

Пришло время переосмыслить то, как мы создаем набор иконок для современных браузеров, и остановить безумные генераторы. Фронтенд-разработчики сейчас вынуждены создавать более 20 PNG-файлов, чтобы отобразить крошечный логотип веб-сайта на вкладке браузера или сенсорном экране. Статья расскажет, как использовать более разумный подход и создать минимальный набор иконок, соответствующий большинству современных потребностей.

Статья глубоко погружается в тему, поэтому в начале я даю два фрагмента кода для тех, кто уже достаточно настрадался и понимает, что делать. Тем не менее, я всем рекомендую читать статью целиком!

👉 @frontend_1