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

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

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

Совет по HTML Можно использовать атрибут prefetch для предварительной загрузки важных ресурсов с целью оптимизации времени загрузки и улучшения пользовательского опыта. @WebDev_Plus

Функция clamp() отлично подходит для задания минимального и максимального предела, при этом сохраняя оптимальное значение внутри диапазона @WebDev_Plus

Минималистичный сайт-портфолио с плавной анимацией и резким типографическим акцентом. Подходит как референс для дизайнеров, кто хочет подчеркнуть индивидуальность через лаконичный UI ❤️ > https://duroc.ma/en/ @WebDev_Plus

Это одна из самых крутых вещей, сделанных на JavaScript Это гениально и смешно =) Кажется, что ты сможешь поставить галочку… но так ли это? 😂 🔗: codepen.io/jh3y/pen/LYNZwGm @WebDev_Plus

🔓 Топ ошибок, которые совершают 9 из 10 программистов!

В Code Guard расскажут как выявлять и избегать ошибок, на которые ведутся даже опытные разработчики!

👩‍💻 Python - Как писать код, который не станет мемом в чате разработчиков 💻 Security - От базовых уязвимостей до защиты от APT-атак 👊 Linux - Трюки с терминалом, которые сэкономят часы работы 👩‍💻 DevOps - CI/CD, контейнеры, мониторинг — чтобы ваши пайплайны работали как швейцарские часы Code Guard - стань лучше ⚡️ Удалим пост через 48 часов⚠

Изучать React может быть непросто — но создание проектов и решение задач по программированию действительно помогает. Этот практический курс как раз об этом. В нём Боб проводит через более чем 170 задач и 6 проектов, чтобы обучить основам React 😊 @WebDev_Plus

Небольшой, но стильный трюк для разработчиков Сгенерируй визитку в стиле VS Code, идеально подходит для README на GitHub, личных сайтов или просто по фану. Просто введи свои данные и карточка будет собрана автоматически - card.hekmon.com 😂 @WebDev_Plus