WebDev+ | Веб-разработка
8.3K subscribers
508 photos
242 videos
10 files
703 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Виртуальные туры и онбординг за 5 минут

Познакомься с Driver.js — это open-source библиотека, которая поможет сделать крутые пошаговые подсказки прямо в интерфейсе твоего сайта или веб-приложения:

Работает с React, Vue, Angular, Svelte и другими.

Установка: npm install driver.js

@WebDev_Plus
👍52
This media is not supported in your browser
VIEW IN TELEGRAM
Это жесть какая-то

Игра Horizon Drive, полностью на JavaScript + Three.js, сделана ребятами из Shopify.

Просто в браузере. Без движков. Без установок.

Вот насколько далеко ушёл веб.

> https://horizon.shopify.com

@WebDev_Plus
👍10😍4
Media is too big
VIEW IN TELEGRAM
Вам нужно вдохновение для следующего 3D-проекта?

На странице Three.js Showcase собраны потрясающие проекты, созданные талантливыми авторами.

> https://threejsresources.com/showcase

@WebDev_Plus
👍51🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Мощный совет по JavaScript

Используй filter(), чтобы удалить из массива ложные значения (такие как 0, null, undefined, false).

Чисто и лаконично
Без циклов

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17
Media is too big
VIEW IN TELEGRAM
Сделай свои 3D-файлы легче и быстрее

GLB Optimizer помогает уменьшить размер файлов без потери качества — идеально для производительности в вебе

@WebDev_Plus
👍6🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Не знаешь, какие цвета использовать на сайте?

Эта штука соберёт тебе палитру, вдохновлённую покемоном

> https://www.pokemonpalette.com/

@WebDev_Plus
10👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Забавный JavaScript-эксперимент с событием resize:

Popup Trombone — ссылка

Каждый раз, когда ты меняешь размер окна, звучит тромбон.

Абсолютно бесполезно, но весело и идеально, чтобы потроллить UX

@WebDev_Plus
😁14👍32
5 шпаргалок для веб-разработчиков

@WebDev_Plus
👍212
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь добавить крутые анимированные иконки на сайт или в приложение?

Эта библиотека — сборник красивых и лёгких анимаций Lottie, которые можно сразу вставлять в проект.

👉 https://useanimations.com/

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👌84
В CSS добавили функцию if для создания условных конструкций, уже доступно в Chrome 137

Ещё из интересного — завезли reading-flow и reading-order. Теперь можно управлять таб-навигацией в flex и grid без костылей. Это решает старую проблему в макетах, когда порядок фокуса может не совпадать с визуальным расположением элементов

Подробнее: https://developer.chrome.com/blog/new-in-chrome-137

@WebDev_Plus
7🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
Ищешь вдохновение для создания портфолио как разработчик или дизайнер?

Вот сайт, где собраны десятки крутых примеров портфолио — всё стильно, креативно и с отличными идеями

> https://pafolios.com/

Идеально, чтобы зарядиться визуалами и фишками перед разработкой своего сайта.

@WebDev_Plus
🔥32
This media is not supported in your browser
VIEW IN TELEGRAM
Проблема: хочу убедиться, что switch охватывает все возможные варианты.

Решение: использовать тип never в TypeScript.

Вот как это делается

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Фронтенд-сервер разработки Bun получит поддержку "автоматических рабочих пространств" в Chrome DevTools — теперь можно редактировать файлы прямо в браузере

В целях безопасности эта функция включается только при активном hot reloading и если адрес сокета — 127.0.0.1 или ::1 (локальная машина).


Подробнее об автоматических рабочих пространствах читай здесь: читать 👅

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥2
Нужно отправлять массовые email-рассылки с сайта или приложения?

Этот сервер — бесплатный и с открытым исходным кодом

✓ Неограниченные отправки без затрат
✓ Метрики открытий, кликов и отказов
✓ Совместим с AWS SES, Mailgun и любым SMTP

> https://github.com/aaPanel/BillionMail

@WebDev_Plus
5🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь добавить анимации на свой сайт?

Animista сгенерирует CSS для множества эффектов.

Настраивай — и просто копируй код 💰

http://animista.net

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
11
This media is not supported in your browser
VIEW IN TELEGRAM
Обожаю, когда люди делают креативные штуки для веба

Вот отличный пример — ретро-игра Pong.

Весёлая, необычная и полностью сделана на веб

> http://thatjustinjones.com/tinpong 😎

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥1