WebDev+ | Веб-разработка

Наткнулся на крутой инструмент для визуализации JSON jsoncrack.com — открытый проект, который превращает любой JSON в наглядную графовую диаграмму. Идеально, если нужно быстро понять структуру вложенных данных или показать API-ответ заказчику. ➣ Репозиторий: github.com/AykutSarac/jsoncrack.com Работает прямо в браузере, поддерживает импорт/экспорт, сохранение схемы и тёмную тему 😎 Подойдёт фронтам, бэкендерам и аналитикам. @WebDev_Plus

Не допускай растянутых изображений на своём сайте. Выглядит ужасно 🏆 А решается одной строкой CSS @WebDev_Plus

🔥 Успех в IT = скорость + знания + окружение Здесь ты найдёшь всё это — коротко, по делу и без воды. Пока другие ищут, где “подглядеть решение”, ты будешь использовать самые передовые инструменты! 🖥 ИИ: t.me/ai_machinelearning_big_data 🖥 Python: t.me/pythonl 🖥 Linux: t.me/linuxacademiya 🖥 C++ t.me/cpluspluc 🖥 Docker: t.me/DevopsDocker 🖥 Хакинг: t.me/linuxkalii 🖥 Devops: t.me/DevOPSitsec 🖥 Data Science: t.me/data_analysis_ml 🖥 Javascript: t.me/javascriptv 🖥 C#: t.me/csharp_ci 🖥 Java: t.me/javatg 🖥 Базы данных: t.me/sqlhub 👣 GO: t.me/Golang_google 🖥 React: t.me/react_tg 👣 Rust: t.me/rust_code 🧠 Нейросети: t.me/vistehno 🖥 PHP: t.me/phpshka 🖥 Android: t.me/android_its 💼 Вакансии: t.me/addlist/_zyy_jQ_QUsyM2Vi

3D-эффект постера на CSS. 0 JavaScript → http://codepen.io/olivier3lanc/pen/zYXxyEj @WebDev_Plus

Идеи веб-дизайна в тёмной теме. Галерея лучших примеров — для вдохновения: → http://dark.design @WebDev_Plus

Удобная шпаргалка по Git @WebDev_Plus

React Native позволяет разрабатывать приложения для iOS и Android, используя единый код на JavaScript. А этот курс научит вас использовать его для создания приложений под macOS. Вы узнаете, как работать с компонентами, интегрировать API, управлять состоянием, настраивать маршрутизацию и многое другое. @WebDev_Plus

ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ Айтишники поймут ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠ ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ

Суперполезная шпаргалка по CSS FlexBox @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