Web разработка

IT ПРИВЕТ👋! Собрались с каналами в общую папку, в которой рассказываем об разработке, технологиях и самых свежих новостях. 🔥 Папка подойдёт не только тем, кто работает в этой сфере, но и всем, кому эта тема интересна. Уверены, в каждом канале сможете найти что-то полезное для себя! Успейте добавить папку себе 👇 https://t.me/addlist/cfwElp3aI2U5MzUy

🤹 Магия clip-path в CSS clip-path часто используется для обрезки узла DOM в определенные формы, например, треугольники. Но что, если использовать его для анимации? Автор статьи погружается в clip-path и рассматривает некоторые из интересных вещей, которые вы можете с ним сделать. Как только вы прочтете ее, вы начнете видеть, что это свойство используется везде. 👉 Читать

Десять советов по улучшению CSS-переходов и анимации Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим. Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций: https://joshcollinsworth.com/blog/great-transitions #css

​​​​Алгоритмы и структуры данных для начинающих Уверенное применение структур данных и алгоритмов имеет важное значение при создании программ. Изучить основы поможет серия коротких видеоуроков с примерами на JavaScript. Например, что такое BinarySearchTree, LinkedList, Stack, Queue, их применение, а также другие структуры и алгоритмы: https://youtube.com/playlist?list=PLIFGfLqvZ-yGHI2Fg0NCgi7FY0h1yh-af #javascript #алгоритмы

Music Player with slider - Музыкальный плеер со слайдером и выбором песен. https://codepen.io/ecemgo/pen/vYPadZz

Создаем платежную карту с эффектом переворачивания, используя только HTML и CSS 🚀 https://github.com/atherosai/ui/tree/main/payment-card-02

Нейросеть от Mozilla СОЗДАТ вам Любой сайт за минуту. https://www.youtube.com/shorts/UK6PofMD7ic @htmlcssjavas

Инструмент для добавления интерактивности HTML-страницам Благодаря такому инструменту вы получаете доступ к AJAX, CSS Transitions, WebSockets и Server Sent Events прямо из HTML, без необходимости обрабатывать это всё на стороне JS. Так вы сможете сконцентрироваться на вёрстке и даже делать интерактивные страницы без знания JavaScript или CSS. Ссылка на инструмент: htmx #инструмент #web #frontend

💡Border radius на CSS: полезные заметки для фронтенд-разработчика #css #tips by David Mraz

​​Интерактивный гайд по CSS Container Queries Отличная возможность для того, чтобы попробовать относительно новую фичу без необходимости создавать свою песочницу: https://ishadeed.com/article/css-container-query-guide #инструменты #css

🔔 Добро пожаловать в наш канал kepy.dev! Здесь вы найдете все необходимое для успешного обучения и работы в IT: 📚 #Полезныересурсы – все, что может быть полезно в работе и обучении, включая Roadmap. 🎓 #Обучающиеплатформы – платформы и курсы для вашего развития. 📖 #Шпаргалки – краткие руководства по языкам программирования, репозиториям и многому другому. 📘 #Книги – подборка лучших книг по различным языкам программирования. 🎮 #Игры – обучающие игры для увлекательного изучения программирования. 🤖 #Нейросети – инструменты с искусственным интеллектом для облегчения работы и обучения. Присоединяйтесь к нам и прокачайте свои навыки программирования вместе с нами!

Создание отзывчивого макета с помощью HTML и CSS 🚀 https://github.com/atherosai/ui/tree/main/layout-04 👉 @frontend_1

⚡️ ТОП БЕСПЛАТНЫХ Курсов по Frontend! Javascript, React, Vue, Angular... ВЫУЧИТЬСЯ С НУЛЯ! https://www.youtube.com/watch?v=FZ4rBSYgPAg @htmlcssjavas

👀 Мы нашли ЛУЧШИЙ канал по ФРОНТЕНДУ! Самые интересные сниппеты с codepen.io, стильные макеты Figma, опросы и туториалы по фронтенду. 👇 Подпишись на КодВеб и улучши свои навыки веб-разработки.

Луший и простой способ освоить кодинг. Обучиться азам CSS можно с помощью крутой игры Grid Garden — нужно просто вбивать правильный код и выращивать морковку, поливая её водой. Игра Доступна абсолютно бесплатно, ссылка вот.

Совет по HTML 💡 Знаете ли вы, что мы можем легко создать сворачивающуюся панель без использования Javascript? Demo https://www.codewithshripal.com/playground/html/details-element 👉 @frontend_1

🍏 Apple выпустили множество новых красивых дизайн-шаблонов для Figma. Забиарйте себе) https://www.figma.com/@apple @javascriptv

Расследуй убийство с SQL. Игры, которые реально учат писать код. https://www.youtube.com/watch?v=pp9pa50BI3o @hashdev