WebDEV

Классная находка для веб-разработчиков Cursor Effects — набор ретро-эффектов курсора с кучей вариаций. Бесплатно, open source, и встраивается в проект буквально за пару строк кода. Мгновенно добавляет сайту креатива и выделяет его среди остальных :) ➡️ Ссылка на Github WebDev // IT & Чат

бизнестрендс — легендарный агрегатор всего, что происходит в бизнесе и маркетинге прямо сейчас. Оперативные новости, вдумчивая аналитика и щепотка мемчиков. Что задумал Альтман со своей OpenAI, когда грянет страшный кризис, расцветёт ли российская экономика, что на завтрак у Германа Грефа и какие приколы сейчас в почёте у СММщиков. Изнанку трендов и бизнеса транслируют тут: @business_trends

Хочешь аккуратные, пиксельно-точные SVG-флаги стран? Есть отличный ресурс с коллекцией профессионально прорисованных флагов. Можно просто скопировать SVG-код и сразу вставлять в проект. Идеально подходит для веб-разработчиков и дизайнеров, которые ценят качество и скорость. Источник : nucleoapp.com/svg-flag-icons WebDev // IT & Чат

Типы ввода HTML WebDev // IT & Чат

⚡️ В сети начали массово сливать IT-курсы и книги известных онлайн школ Вот отсортированная база с тонной материала (постепенно пополняется): (363 видео, 87 книги) — Python (117 видео, 53 книги) — ВАЙБКОД (174 видео, 91 книги) — DevOps (415 видео, 68 книги) — Frontend (137 видео, 93 книги) — DS/ML (143 видео, 33 книги) — ИБ/Хакинг (352 видео, 89 книги) — С/С++/C# (343 видео, 87 книги) — Java/QA (176 видео, 32 книги) — Git/Linux (167 видео, 53 книги) — PHP/1С (227 видео, 83 книги) — SQL/БД (114 видео, 77 книги) — Сисадмин (107 видео, 43 книги) — BA/SA (181 видео, 32 книги) — Go/Rust (167 видео, 43 книги) — Kotlin/Swift (112 видео, 24 книги) — Flutter (113 видео, 82 книги) — GameDev (183 видео, 37 книги) — Дизайн (136 видео, 33 книги) — PM/HR Скачивать ничего не нужно — все выложили в Telegram

Объяснение верстки простого сайта HTML + CSS Часовой урок, в котором автор объясняет, как сделать верстку несложного сайта. Все понятно и несложно. ➡️ Смотреть видео & Скачать видео WebDev // IT & Чат

АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков: • Практические курсы и задания • Книги и статьи известных авторов • Полезные инструменты и ресурсы • IT-новости и инсайды Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др. ⌨️ подписаться

Хочешь добавить AI-чатботов в проекты на React? 🤖 Есть опенсорсная библиотека для React, которая позволяет быстро собирать свои чатботы. Её можно подключить к разным LLM, включая OpenAI и другие. Поддерживает кучу кастомизаций, темы и гибкие настройки. Где пригодится: - поддержка пользователей прямо в приложении - встроенные AI-ассистенты - эксперименты с интеграцией LLM Установка: npm install react-chatbotify react-chatbotify.com @WebDev_Plus

⚡️ 5 000 ₽ — столько приносит одна сделка В день доступно 3-5 готовых сделок. Их находит ИИ и проверяют аналитики. От тебя — только повторить под сопровождением трейдеров. ❗️Можно без опыта и анализа графика, нужен телефон, обучение и час времени. Мы живём в эпоху, когда искусственный интеллект делает большую часть работы за нас, НО НЕ ВСЮ! И чтобы понять, как это работает — заходи в канал к Дмитрию. Все инструкции и доступ к ИИ-агенту внутри. Заходите, пока набор открыт 👉 https://telegram.me/+mNCup1xVf21iOTIy

Совет по CSS Не нужно готовить отдельные версии логотипа в градациях серого для тёмной и светлой темы. Это легко делается с помощью CSS-фильтров.

/* Для светлой темы */
.logos-container img {
  filter: brightness(0);
  opacity: 0.6;
}

/* Для тёмной темы */
.logos-container img {
  filter: invert(1) saturate(0) brightness(4);
  opacity: 0.6;
}

То есть, не нужно хранить отдельные изображения для светлого и тёмного режима — фильтры решают эту задачу. WebDev // IT & Чат

Топ-10 браузерных расширений для разработчиков

🔴JSON Formatter Форматирует JSON в дерево, удобно читать данные API. 🔴Wappalyzer Позволяет увидеть, какие технологии использует сайт. 🔴Fake Filler Автоматически заполняет формы фейковыми данными, ускоряя тестирование. 🔴Clear Cache Быстро очищает кэш браузера для проверки новых версий сайта. 🔴Talend API Tester Дает возможность визуально работать с API и тестировать их. 🔴Focus To-Do Повышает продуктивность, отслеживая задачи с таймером Pomodoro. 🔴Lighthouse Позволяет быстро проверить производительность и доступность сайта. 🔴Cookie Editor Позволяет быстро создавать, редактировать и удалять куки для тестов и отладки. 🔴Web Developer Добавляет дополнительные инструменты для инспекции и отладки сайта. 🔴Dark Reader Переводит сайты в тёмную тему, снижая нагрузку на глаза.

@WebDev_Plus

HTML и CSS антипаттерны

При изучении разных ЯП всегда есть практики, которым не рекомендуется следовать — это очень сильно помогает разработчикам избегать ошибок. 👉 Так как HTML и CSS не относятся к языкам программирования, найти инфу по антипаттернам достаточно тяжело. Автор этой статьи собрал несколько примеров, которые лично относит к антипаттернам.

➡️ Читать статью WebDev // IT & Чат

💡 Шпаргалка по HTML и CSS WebDev // IT & Чат

Ресурс для программистов, позволяющий создавать изометрические диаграммы вашей инфраструктуры или программного обеспечения. ➡️ Github WebDev // IT & Чат

Дизайн ошибки 404 Разрабатываем дизайн 404 страницы ошибки для туристического сайта про Мальдивы в Фотошопе и Фигме. ➡️Смотреть видео & Скачать видео WebDev // IT & Чат

💡 Шпаргалка по JavaScript WebDev // IT & Чат

Доменные имена и что они реально значат Расширение домена — это не просто случайное окончание. Оно формирует идентичность сайта, влияет на доверие и даже играет роль в SEO. Краткий гайд, чтобы выбирать осознанно

.com → коммерция, самое популярное и надёжное .net → сети и тех-бизнес .edu → образовательные учреждения .org → некоммерческие организации .mil → сайты армии .gov → госструктуры .info → информационные порталы .arpa → интернет-инфраструктура .int → международные организации .mobi → сайты для мобилок .travel → туризм и путешествия .jobs → работа и карьера .ca → Канада .coop → кооперативы и объединения

Совет: правильный домен повышает доверие, улучшает позиции в поиске и сразу даёт понять пользователям, о чём твой сайт. WebDev // IT & Чат

Webhooks и другие способы общения серверов

Веб-хуки — это механизм взаимодействия между веб-сервисами, который позволяет автоматически отправлять данные в реальном времени при возникновении определенного события. В этой статье автор подробно рассмотрел принцип работы веб-хуков, их применение и меры безопасности, а также провёл наглядное сравнение с HTTP и WebSockets.

➡️ Читать статью WebDev // IT & Чат

Как веб и графдизайнеру собрать портфолио? Есть ошибки, которые делают 80% ребят в портфолио, и потом думают, что дело в недостатке опыта. Мы собрали 10 редфлагов в портфолио, которые мешают перейти в продукт и получать х2 по деньгам 💥 Примеры плохих и хороших кейсов 💥 Что убрать, что добавить в кейсах 💥 Как адаптировать портфолио под продуктовый рынок Смотри [ошибки в портфолио]

💡 Шпаргалка по CSS Flexbox WebDEV #советы