Создание прокручиваемой и перетаскиваемой временной шкалы с помощью GSAP | CSS-трюки

Вот классная демонстрация от Мишель Баркер на Codrops, которая показывает, как создать прокручиваемую и перетаскиваемую временную шкалу с помощью GSAP. Это интересная задача — связать два разных взаимодействия (вертикальная прокрутка и горизонтальное перетаскивание) вместе и реагировать друг на друга. Мне нравится, когда все это делается с помощью красивой семантической разметки, кода, за которым легко следовать,…

Как создать сайт-портфолио с помощью HTML, CSS, JavaScript и Bootstrap 5

Если вы веб-разработчик или веб-дизайнер, вам необходимо иметь сайт-портфолио. Это позволяет вам предоставить информацию о себе и продемонстрировать свои лучшие работы с соответствующими навыками и опытом. Затем я покажу вам, как создать красивый адаптивный веб-сайт-портфолио для себя, используя HTML, CSS, JavaScript и Bootstrap версии 5. ] Наличие веб-сайта портфолио имеет ряд преимуществ, в том числе:…

Превратите свою PS5 в произведение искусства с помощью этого гениального дизайнерского лайфхака

От плакатов музыкальных групп до мотивационных цитат — то, что вы решите повесить на стену, многое расскажет о вас. Хотите показать, что вы яростно привержены спорному дизайну PS5 от Sony? Тогда у нас есть для вас лайфхак по 3D-печати. ​​ Пользователь Reddit решил, что хочет показать свои запасные лицевые панели PS5, и, естественно, принялся за…

5 шагов для автоматизации процессов SEO с помощью простых тактик программирования

5 шагов для автоматизации процессов SEO с помощью простых тактика программирования ]

Эффект ряби на текстуре с помощью Three.js

Сессия кодирования, которая деконструирует эффект ряби, наблюдаемый на homunculus.jp. В этом ВСЕ ВАШЕМ сеансе кодирования HTML вы узнаете, как воссоздать интересный волновой эффект, наблюдаемый на веб-сайте homunculus.jp, с помощью Three.js. Мы посмотрим на цели рендеринга и немного математики. Этот сеанс кодирования транслировался в прямом эфире 21 ноября 2021 года. Поддержка: https://www.patreon.com/allyourhtml Настройка: https://gist.github.com/akella/a19954… Слайд-шоу с…

Как создавать потрясающие 3D-сцены с помощью React Three Fiber

15 ноября 2021 года WebGL — волшебный соус за Solar Storm, аудио-реактивным музыкальным видео который отображается в браузере. После долгих лет возни с Three.js, WebGL наконец-то нашел меня благодаря React Three Fiber. Это потому, что я мог использовать знакомые концепции — компоненты, свойства, хуки и состояние — и перенести свои навыки разработки приложений в трехмерную…

Руководство по современным цветам CSS с помощью RGB, HSL, HWB, LAB и LCH — Smashing Magazine

Краткое описание ↬ Знаете ли вы, что выбранная вами цветовая палитра может повлиять на то, сколько энергии использует ваш сайт? Даже более экологичный выбор цветов может снизить влияние на время автономной работы мобильных устройств. В этой статье Мишель Баркер делится советами о не столь очевидных вещах, которые вы должны иметь в виду при работе с…

Загрузите Adobe Lightroom: как попробовать Lightroom бесплатно или с помощью Creative Cloud

Загрузить Adobe Lightroom никогда не было так просто, как для ПК, так и для Mac. Это очень простой процесс, но для вас есть несколько вариантов. Вот где мы и пришли. Здесь мы покажем вам, как именно вы можете загрузить Adobe Lightroom бесплатно, а также получить его как часть службы подписки Adobe Creative Cloud. Это может…

Как увеличить продажи своего онлайн-бизнеса с помощью 5 простых стратегий

В сегодняшнем цифровом климате любая компания, оставшаяся без сайта электронной коммерции, находится в очень невыгодном положении. Хотя теперь клиенты идут в оффлайн-магазины и пользуются сниженными ограничениями по Covid, продажи электронной коммерции во втором квартале 2021 года  выросли на 9,3%. Компании всех форм и размеров ищут эффективные стратегии для развития своего бизнеса в сфере электронной коммерции,…