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

Программисты из Telegram создали сильнейшие IT- каналы 🐍 Ghostly Python - автоматизируй всё, что можешь. Боты, скрипты, парсеры, утилиты - делаем Python простым и полезным. Уверенный старт для новичков и не только. ☕️ Easy Java - Java без боли. От основ до фреймворков. Просто, понятно и по делу. Если хочешь реально понять язык - тебе сюда. 😎 IT Syndicate - главный хаб для тех, кто живёт IT. GameDev, InfoSec, Frontend, DevOps, AI и многое другое. Готовь мозг, тут будет жарко. 🧡 Ghostly Frontend - фронтенд без лишнего шума. HTML, CSS, JavaScript, React, Vue — всё, что нужно, чтобы создавать быстрые и красивые интерфейсы.

Есть среда разработки, в которой ты буквально можешь вставить работающий сайт и «снять» с него все медиа просто перетаскиванием — как это и должно быть. Запомни: впервые ты увидел это в Unit. @WebDev_Plus

Японцы с ThreeJS создают веб-страницы, которые поражают воображение: Сайт - https://kokuyo.com/special/curiosity-is-life/. Я понятия не имею, о чем он, но он очень милый. @WebDev_Plus

Быстрый совет, который стоило узнать раньше: Если ваше приложение зависло (например, из-за бесконечного цикла или useEffect), просто откройте вкладку Sources в DevTools и нажмите Pause script execution. (остановить выполнение скрипта) Браузер сразу покажет строку кода, из-за которой произошло зависание. @WebDev_Plus

При выравнивании иконок с текстом можно задать height: 1lh Это значение соответствует line-height элемента, поэтому иконки выравниваются идеально. @WebDev_Plus

Вам сложно создавать дизайн для своих сайтов или приложений? Google выпустил приложение Stitch, которое генерирует пользовательский интерфейс с помощью искусственного интеллекта. Это бесплатно, а результат впечатляет: @WebDev_Plus

API позиционирования якорей (anchor positioning API) в CSS берет на себя всю «магическую» работу по размещению тултипов. Не нужно никаких ухищрений с JS. Более того, тултип можно автоматически «переворачивать», чтобы он не вылезал за пределы экрана — для этого используется position-try. Подробнее об этом можно прочитать здесь @WebDev_Plus

Создавать высокоэффективные сайты можно даже с основами html! Время поговорить о книгах. О «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5». Седьмое издание бестселлера вышло у Sprint book! 🔎 В ней: 1. Создание мощных веб-сайтов в сочетании веб-стандартов и технологий с открытым исходным кодом. 2. Динамическое веб-программирование с использованием современных технологий: PHP, MySQL, JavaScript, CSS, HTML, Node.js и мощной библиотеки React. 3. Объясняется, как преобразовать сайт в мобильное веб-приложение. Заглядывайте за новинкой, заказывайте книгу и улучшите свои навыки в создании сайтов! 🖇 Сайт А если нет желания учить язык программирования, «ChatGPT, сделай мне сайт» покажет, как правильно составлять промт. 🖇 Покупайте на сайте! 2VtzqvpGx8V

clip-path реально недооценён. С его помощью можно обрезать элементы по любым формам https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path @WebDev_Plus

Вышел React 19.2! В обновлении появились: Activity, useEffectEvent, React Performance Tracks, частичный pre-rendering и другие фичи. Список всего, что вошло в этот выпуск, можно найти в анонсе React 19.2 в блоге: https://react.dev/blog/2025/10/01/react-19-2 @WebDev_Plus

🔥Прими участие в Хакатоне от ИТ-холдинга Т1 в Новосибирске и поборись за призовой фонд 800 000 рублей! Когда: 23–26 октября Формат: онлайн + финал на площадке Участвуй, если ты: 🔹обучаешься на технической или ИТ-специальности; 🔹развиваешься в направлении разработки, аналитики, CV, ML или DevOps; 🔹сможешь быть в Новосибирске 26 октября. Выбери свой кейс:

✴️Цифровой дресс-код: фон, который выделяет вас. Создай локальный ML-модуль сегментации видео и генератор персонализированных фонов. ✴️CodeMetrics: метрики, которые помогают расти. Разработай систему автооценки эффективности команд через анализ Git-метрик.

Почему стоит участвовать: 🔘Кейс в портфолио и полезная обратная связь от менторов Т1; 🔘Шанс проявить себя, чтобы начать карьеру в одной из крупнейших ИТ-компаний; 🔘Реальный опыт командной работы; 🔘Мерч и атмосфера сильного комьюнити — в Т1 более 5 000 джунов из 580+ вузов России и Беларуси. Регистрация открыта! ➡️ Успей до 21 октября по ссылке. erid: 2Vtzqwmd32u

В CSS теперь можно использовать конструкцию :nth-child(... of ...), чтобы выбирать n-й элемент только среди определённых селекторов. Это открывает новые возможности для точного таргетинга элементов без лишних костылей в разметке или дополнительных классов. ✔️ Поддержка в браузерах уже почти всеобщая — около 93% @WebDev_Plus

Blend mode — одна из моих любимых CSS-свойств Использую его в своём следующем шаблоне для @framer, чтобы меню и логотип всегда оставались видимыми 👀 @WebDev_Plus

Эта ошибка в HTML убивает пользовательский опыт Не использовать атрибут inputmode в своих <input>. Атрибут подсказывает браузеру, какую клавиатуру открыть: "numeric", "email", "tel", "url"... Работает и на Android, и на iOS, и сильно прокачивает UX. @WebDev_Plus

Anime.js 4.2.0 вышел Теперь все модули можно импортировать отдельно через под-пути, добавлена поддержка значений CSS-переменных, упростили Spring API с параметрами bounce и duration, стало больше встроенных easing-функций из WAAPI, а ещё появился редактор для easing-функций. И, конечно, куча фиксов и улучшений @WebDev_Plus

Нашли бесплатный плагин для браузера — Font Tester Он позволяет на любом сайте изменить шрифт (в базе свыше 1500 вариантов), настроить размеры и интервалы, чтобы проверить, какой вариант смотрится лучше. @WebDev_Plus

Это страница из 200 строк, созданная с помощью обычного JavaScript: Демо: http://pong-wars.vercel.app Код: http://github.com/vnglst/pong-wars @WebDev_Plus

Джуны — всё, ИИ победил. По статистике BCG, за последний год компании выбросили на улицу 75% молодняка. При этом миддлам и сеньорам зарплаты подняли в 4 (!) раза. Чтобы подняться до уровня элит в аномально короткие сроки — подпишитесь на легендарные каналы для айтишников: Новости и инсайды Фронтенд разработка ИИ и биг дата Node js Вёрстка Питон и нейросети QA-тестировщики Там раскрыли инфу из курсов общей стоимостью 5.000.000р в эксклюзивных пошаговых инструкциях. Пока остальные пойдут на дно якорем, вы войдете в 10% тех, кто сломал систему.

Ищешь вдохновение для веб-дизайна? Эта страница собирает лучшие идеи и тренды Каждый день публикуются новые сайты для вдохновения: → http://godly.website @WebDev_Plus

Как веб-разработчик, ты будешь использовать множество инструментов и фреймворков при создании сайтов и приложений. И чтобы помочь тебе разобраться с ключевыми технологиями, Playback Press подготовил этот гайд. В нём ты изучишь основы фронтенда и бэкенда: HTTP, Node, Express, JSON, Mongo, HTML, CSS, Web Components и React. Ссылка: Animated Intro to Web Development @WebDev_Plus