This media is not supported in your browser
VIEW IN TELEGRAM
WOW! Этот сайт как соцсеть для AI-промптов
Огромная коллекция качественных промптов по темам:
🔸 Программирование
🔸 Дизайн
🔸 Продуктивность
…и многое другое!
🔗 : prompts.chat — исследуй, сохраняй, делись.
@WebDev_Plus
Огромная коллекция качественных промптов по темам:
…и многое другое!
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Улучшай UI своих веб-страниц с помощью этого каталога анимированных и плавных компонентов
🔗 : http://animate-ui.com
@WebDev_Plus
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Новый инструмент от Google для проектирования интерфейсов на базе ИИ — Stitch, поразил меня
Я ввёл запрос, и всего за несколько секунд он сгенерировал:
✅ Эстетичный дизайн UI
✅ Файл Figma
✅ HTML-код, готовый к использованию в продакшене
Попробовать можно здесь: stitch.withgoogle.com
@WebDev_Plus
Я ввёл запрос, и всего за несколько секунд он сгенерировал:
Попробовать можно здесь: stitch.withgoogle.com
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
Следующая версия Chrome включает новый JavaScript API для перевода текста с помощью ИИ.
Он бесплатный, так как работает прямо на устройстве пользователя. Что думаешь?🥰
@WebDev_Plus
Он бесплатный, так как работает прямо на устройстве пользователя. Что думаешь?
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤3
This media is not supported in your browser
VIEW IN TELEGRAM
Небольшой, но стильный трюк для разработчиков
Сгенерируй визитку в стиле VS Code, идеально подходит для README на GitHub, личных сайтов или просто по фану.
Просто введи свои данные и карточка будет собрана автоматически - card.hekmon.com 😂
@WebDev_Plus
Сгенерируй визитку в стиле VS Code, идеально подходит для README на GitHub, личных сайтов или просто по фану.
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤2
Изучать React может быть непросто — но создание проектов и решение задач по программированию действительно помогает.
Этот практический курс как раз об этом.
В нём Боб проводит через более чем 170 задач и 6 проектов, чтобы обучить основам React😊
@WebDev_Plus
Этот практический курс как раз об этом.
В нём Боб проводит через более чем 170 задач и 6 проектов, чтобы обучить основам React
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Это одна из самых крутых вещей, сделанных на JavaScript
Это гениально и смешно =)
Кажется, что ты сможешь поставить галочку… но так ли это?😂
🔗 : codepen.io/jh3y/pen/LYNZwGm
@WebDev_Plus
Это гениально и смешно =)
Кажется, что ты сможешь поставить галочку… но так ли это?
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18👍3😁3🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Минималистичный сайт-портфолио с плавной анимацией и резким типографическим акцентом.
Подходит как референс для дизайнеров, кто хочет подчеркнуть индивидуальность через лаконичный UI❤️
> https://duroc.ma/en/
@WebDev_Plus
Подходит как референс для дизайнеров, кто хочет подчеркнуть индивидуальность через лаконичный UI
> https://duroc.ma/en/
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥4👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Функция
@WebDev_Plus
clamp() отлично подходит для задания минимального и максимального предела, при этом сохраняя оптимальное значение внутри диапазона@WebDev_Plus
❤10🔥5
Совет по HTML
Можно использовать атрибут
@WebDev_Plus
Можно использовать атрибут
prefetch для предварительной загрузки важных ресурсов с целью оптимизации времени загрузки и улучшения пользовательского опыта.@WebDev_Plus
👍7❤2👌2
This media is not supported in your browser
VIEW IN TELEGRAM
Наткнулся на полезняшку для тех, кто не любит тащить весь репозиторий ради пары файлов — GitZip
Расширение для браузера, которое позволяет скачивать отдельные файлы или папки из любого GitHub-репо
Доступно в Chrome, Edge и Firefox
@WebDev_Plus
Расширение для браузера, которое позволяет скачивать отдельные файлы или папки из любого GitHub-репо
Доступно в Chrome, Edge и Firefox
@WebDev_Plus
👍5🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Одна из самых крутых вещей, сделанных с помощью CSS
Этот компонент с реакцией на приближение (proximity reactions) реально завораживает.
Всего 4 строки JavaScript и всё остальное написано на чистом CSS
🔗 : codepen.io/amit_sheen/pen/gbbzbeR
@WebDev_Plus
Этот компонент с реакцией на приближение (proximity reactions) реально завораживает.
Всего 4 строки JavaScript и всё остальное написано на чистом CSS
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Этот каталог компонентов мощная штука
Основан на shadcn, но не требует React.
Совместим с Angular, Vue, Astro, React.
И, при желании, можно кастомизировать с помощью Tailwind.
@WebDev_Plus
Основан на shadcn, но не требует React.
Совместим с Angular, Vue, Astro, React.
И, при желании, можно кастомизировать с помощью Tailwind.
npm install basecoat-css
@WebDev_Plus
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Эта библиотека анимированных компонентов просто отличная
С открытым исходным кодом и множеством готовых к использованию, эффектных анимированных UI-компонентов — идеально, чтобы выделить ваш сайт или приложение.
🔗 : http://paceui.com
@WebDev_Plus
С открытым исходным кодом и множеством готовых к использованию, эффектных анимированных UI-компонентов — идеально, чтобы выделить ваш сайт или приложение.
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Быстрый совет по VS Code
Используй сочетание клавиш
Очень удобно для нахождения нужных фрагментов кода без открытия каждого файла
@WebDev_Plus
Используй сочетание клавиш
Ctrl + Shift + F, чтобы быстро выполнить поиск по всем файлам проектаОчень удобно для нахождения нужных фрагментов кода без открытия каждого файла
@WebDev_Plus
❤10👍4
Подсветка синтаксиса с помощью Web Component
Чистый JavaScript и максимально простое использование
Установка: инструкция📝
@WebDev_Plus
Чистый JavaScript и максимально простое использование
Установка: инструкция
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
В VS Code Insiders теперь по умолчанию включён IntelliSense в терминале
Да-да, теперь терминал сам подскажет тебе, что писать — без всяких плагинов и настроек.
Переключаешь ветку? Появятся предложения.
Запускаешь npm-скрипт? Подскажет команды.
Всё работает из коробки
@WebDev_Plus
Да-да, теперь терминал сам подскажет тебе, что писать — без всяких плагинов и настроек.
Переключаешь ветку? Появятся предложения.
Запускаешь npm-скрипт? Подскажет команды.
Всё работает из коробки
@WebDev_Plus
👍12🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Оператор присваивания через логическое ИЛИ (
Он присваивает значение справа, только если значение слева — false
Отлично подходит для задания значений по умолчанию в объектах или переменных📖
@WebDev_Plus
||=) — очень удобная штука в JavaScriptОн присваивает значение справа, только если значение слева — false
Отлично подходит для задания значений по умолчанию в объектах или переменных
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17❤4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Веб-дизайнеры и разработчики, это может быть библиотека анимаций нового уровня
😮 Ссылка: тык
@WebDev_Plus
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10😍3
Избегай использования относительных и запутанных импортов в коде
Они сложны в поддержке и плохо читаются.
Лучше используй алиасы с абсолютными путями.
Это работает как в проектах на JavaScript, так и на TypeScript
@WebDev_Plus
Они сложны в поддержке и плохо читаются.
Лучше используй алиасы с абсолютными путями.
Это работает как в проектах на JavaScript, так и на TypeScript
@WebDev_Plus
❤7🔥1