WebDev+ | Веб-разработка
Open in Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
Show more8 301
Subscribers
-224 hours
-297 days
-9330 days
Posts Archive
3D-эффект постера на CSS.
0 JavaScript
→ http://codepen.io/olivier3lanc/pen/zYXxyEj
@WebDev_Plus
Идеи веб-дизайна в тёмной теме.
Галерея лучших примеров — для вдохновения:
→ http://dark.design
@WebDev_Plus
React Native позволяет разрабатывать приложения для iOS и Android, используя единый код на JavaScript.
А этот курс научит вас использовать его для создания приложений под macOS.
Вы узнаете, как работать с компонентами, интегрировать API, управлять состоянием, настраивать маршрутизацию и многое другое.
@WebDev_Plus
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
Айтишники поймут
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠ
ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
Избегай использования относительных и запутанных импортов в коде
Они сложны в поддержке и плохо читаются.
Лучше используй алиасы с абсолютными путями.
Это работает как в проектах на JavaScript, так и на TypeScript
@WebDev_Plus
Сайт дня — FRA
Портфолио дудл-художника в интерактивном стиле
> https://fradesign.it/
@WebDev_Plus
Веб-дизайнеры и разработчики, это может быть библиотека анимаций нового уровня
😮 Ссылка: тык
@WebDev_Plus
Оператор присваивания через логическое ИЛИ (
||=) — очень удобная штука в JavaScript
Он присваивает значение справа, только если значение слева — false
Отлично подходит для задания значений по умолчанию в объектах или переменных 📖
@WebDev_PlusВ VS Code Insiders теперь по умолчанию включён IntelliSense в терминале
Да-да, теперь терминал сам подскажет тебе, что писать — без всяких плагинов и настроек.
Переключаешь ветку? Появятся предложения.
Запускаешь npm-скрипт? Подскажет команды.
Всё работает из коробки
@WebDev_Plus
Подсветка синтаксиса с помощью Web Component
Чистый JavaScript и максимально простое использование
Установка: инструкция 📝
@WebDev_Plus
Быстрый совет по VS Code
Используй сочетание клавиш
Ctrl + Shift + F, чтобы быстро выполнить поиск по всем файлам проекта
Очень удобно для нахождения нужных фрагментов кода без открытия каждого файла
@WebDev_PlusЭта библиотека анимированных компонентов просто отличная
С открытым исходным кодом и множеством готовых к использованию, эффектных анимированных UI-компонентов — идеально, чтобы выделить ваш сайт или приложение.
🔗: http://paceui.com
@WebDev_Plus
Этот каталог компонентов мощная штука
Основан на shadcn, но не требует React.
Совместим с Angular, Vue, Astro, React.
И, при желании, можно кастомизировать с помощью Tailwind.
npm install basecoat-css
@WebDev_PlusОдна из самых крутых вещей, сделанных с помощью CSS
Этот компонент с реакцией на приближение (proximity reactions) реально завораживает.
Всего 4 строки JavaScript и всё остальное написано на чистом CSS
🔗: codepen.io/amit_sheen/pen/gbbzbeR
@WebDev_Plus
Наткнулся на полезняшку для тех, кто не любит тащить весь репозиторий ради пары файлов — GitZip
Расширение для браузера, которое позволяет скачивать отдельные файлы или папки из любого GitHub-репо
Доступно в Chrome, Edge и Firefox
@WebDev_Plus
Совет по HTML
Можно использовать атрибут
prefetch для предварительной загрузки важных ресурсов с целью оптимизации времени загрузки и улучшения пользовательского опыта.
@WebDev_PlusФункция
clamp() отлично подходит для задания минимального и максимального предела, при этом сохраняя оптимальное значение внутри диапазона
@WebDev_PlusМинималистичный сайт-портфолио с плавной анимацией и резким типографическим акцентом.
Подходит как референс для дизайнеров, кто хочет подчеркнуть индивидуальность через лаконичный UI ❤️
> https://duroc.ma/en/
@WebDev_Plus
Available now! Telegram Research 2025 — the year's key insights 
