Web разработка

Создание сайта с 3D-анимацией прокрутки В этом видео вы пошагово увидите, как создать сайт с потрясающей 3D-анимацией скролла, используя возможности современного HTML, CSS и JavaScript. После этого вы сможете самостоятельно разработать модель движения слайдов в глубину, поработать над кастомной анимацией, плавностью, красиво оформив композицию с помощью CSS, а также поработаете с аудио и видео контентом на странице, следуя советам из видео. Подробнее: https://youtu.be/GLbI7BGdQ3o #видео #фронтенд @htmlcssjavas

Colormind — это генератор цветовых схем, использующий для этого глубокое обучение Сервис способен изучать цветовые стили на основе фотографий, фильмов и популярного искусства С него ежедневно загружаются разные наборы данных. Поэтому даже сами создатели Colormind советуют заглядывать каждый день. Это может помочь получить то самое необходимое цветовое вдохновение При этом вы можете залить на платформу и своё фото, которое будет «растаскано» на цветовую схему Стоимость: #бесплатно #цвета #вдохновение

Must Have для разработчиков! Итак, хотим поделится подборкой каналов. 👉 Переходите в каналы 📚 Предлагаю твоему вниманию популярный Мега Архив для программистов BZD • Книги для программистов. 🪱 Присоединитесь к Python Community RU - СНГ сообщество Python-разработчиков. 🥷 Сделай паузу ИТ Юмор и мемчики. 💻 frontend_mind — ребята делятся опытом разработки и фрагменты кода! 📖 Задачи, тесты и теоретические вопросы с собеседований по JavaScript.

📌 Шпаргалка-справочник по HTML #html #cheatsheet

Информация на сайте будет выглядеть спокойно и завораживающе на фоне ночного неба. #фон

Profile Card UI - Карточка профиля, реализованная с помощью SCSS и JavaScript #codepen #css #js Подпишись👉 @codepen_1

📊🔟 ТОП-10 самых высокооплачиваемых языков программирования в 2022 году Известная платформа по поиску работы DevJobsScanner составила список самых высокооплачиваемых языков программирования. Вместе разберемся, кто же входит в первую десятку и посмотрим, какие цифры рисуют работодатели в объявлениях, чтобы привлечь специалистов. 🔗 Основной сайт 🔗 Зеркало

Circle Packed Particles — анимация построения частиц-блёсток в буквы, реализованная с помощью GSAP3 и Pixi.js. #анимация #gsap #pixijs

Must Have для разработчиков! Итак, хотим поделится подборкой каналов. 👉 Переходите в каналы 📚 Предлагаю твоему вниманию популярный Мега Архив для программистов BZD • Книги для программистов. 🪱 Присоединитесь к Python Community RU - СНГ сообщество Python-разработчиков. 🥷 Сделай паузу ИТ Юмор и мемчики. 💻 frontend_mind — ребята делятся опытом разработки и фрагменты кода! 📖 Задачи, тесты и теоретические вопросы с собеседований по JavaScript.

​Как устроена Figma с точки зрения вёрстки Ахмад Шадид покопался в вёрстке Figma и нашёл несколько интересных вариантов использования Flexbox и Grid. В этой статье он показал их и продемонстрировал насколько мощны сегодня эти способы расположения элементов. Подробнее: https://ishadeed.com/article/figma-css/ #css #figma

New Transaction Hover Animation Анимация при наведении курсора на транзакцию. Написана на чистом CSS. #анимация #css

You Must Build a Lighthouse. Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома - radio кнопка, при активации которой задействуются CSS стили.

Эффект магнитной связи при наведении на ссылку. #ссылки #hover

CSS Transform — визуализатор двух- и трёхмерных трансформаций CSS3 С его помощью можно максимально наглядно работать с изменением объектов при помощи CSS: начиная с поворотов и масштабирования, заканчивая игрой с перспективой. Стоимость: #бесплатно #css #web #визуализатор

​Как избежать сдвигов макета <img>: aspect-ratio против атрибутов width и height Изначально <img> занимает нулевое пространство до загрузки изображения, из-за этого при открытии сайта часто происходит сдвиг, когда на пустом месте появляется изображение. Это очень неудобно и ухудшает качество сайта. К счастью, теперь есть выход, а точнее даже два. Подробнее о них здесь: https://jakearchibald.com/2022/img-aspect-ratio/ #css #фронтенд

Outfit at Dusk Анимация заднего фона. Реализована с помощью JavaScript. #анимация #javascript

Must Have для разработчиков! Итак, хотим поделится подборкой каналов. 👉 Переходите в каналы 📚 Предлагаю твоему вниманию популярный Мега Архив для программистов BZD • Книги для программистов. 🪱 Присоединитесь к Python Community RU - СНГ сообщество Python-разработчиков. 🥷 Сделай паузу ИТ Юмор и мемчики. 💻 frontend_mind — ребята делятся опытом разработки и фрагменты кода! 📖 Задачи, тесты и теоретические вопросы с собеседований по JavaScript.

Ускоренный отбор в Яндекс – Intern week offer 🔥 В рамках нового проекта начинающие разработчики смогут пройти собеседования и получить приглашение на стажировку всего за 7 дней. Чтобы пройти отбор, нужно решить контест, пройти технические секции и финалы. Направления: Backend, Frontend или Mobile Условия: стажировка оплачивается, длится от 3 до 6 месяцев, и вы можете выбрать занятость 20, 30 или 40 часов в неделю. Иногородним стажёрам мы оплачиваем проезд и проживание, а тех, кто хорошо себя проявит, будем рады видеть в штате. Крайний срок подачи заявки и решения контеста – 30 октября. 👉Подать заявку: https://clck.ru/32S4mT

Gray Grids — онлайн-площадка с шаблонами Bootstrap и отзывчивыми веб-шаблонами HTML Здесь можно найти варианты оформления практически на любой вкус. Есть как варианты стоимостью в несколько десятков долларов, так и совершенно бесплатные варианты. Стоимость: #бесплатно (но есть и платные функции) #bootstrap #web #html

COLORION — сайт с огромным числом цветовых подборок Коллекцию представленных на платформе палет можно использовать как в создании сайтов, так и приложений. При этом подходящие варианты смогут найти как приверженцы material-, так flat-дизайнов. Стоимость: #бесплатно #web #дизайн