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

SEO-расширение для веб-разработчиков Находит ошибки на странице, определяет битые ссылки и подсказывает, что можно улучшить. → http://metaexplorer.co @WebDev_Plus

Если тебе нужен шанс наконец-то допилить тот игровой сервис, который лежит в черновиках — вот он 👇 VK Dev Grants — конкурс с грантами до 1 млн рублей и полной поддержкой от VK. Заявку можно подать хоть одному, хоть командой. Дают не просто деньги, а вебинары, менторство и продвижение твоего проекта на 45 млн пользователей платформы. 📅 Регистрация на первый этап — до 31 июля. 🎁 За идею можно сразу получить 50 000. Всё честно, поэтапно и с умом. Регистрируйся тут.

"Разворачивай" промисы внутри React-компонентов с помощью React.use() @WebDev_Plus

Вот еще один прикольный сайт для вдохновения https://www.hardikbhansali.com/ @WebDev_Plus

Можешь больше не использовать document.cookie Теперь можно читать и записывать куки через CookieStore API. 🔸Основана на Promise 🔸Современный синтаксис 🔸Уже была в Chrome 🔸Только что появилась в Safari и Firefox @WebDev_Plus

Хочешь изучить алгоритмы и структуры данных на JavaScript? Этот репозиторий — то, что нужно. С пояснениями и примерами, многие из которых на русском. https://github.com/trekhleb/javascript-algorithms/blob/master/README.ru-RU.md 🤔 @WebDev_Plus

CSS-функции скоро станут доступны, и самое время немного запутать JavaScript-разработчиков (а может, и бэкендеров). Нет, это не те же функции, что в JS. Как и в случае со свойствами CSS, порядок внутри не имеет значения — всё можно писать в обратном порядке. Вы можете попробовать это в последней версии Chrome, включив флаг "Experimental Web Platform features": https://codepen.io/t_afif/pen/MYwMaYE 😨 @WebDev_Plus

На твоём сайте может быть эта проблема: Если плохой контраст — никто ничего не читает. Используй этот трюк в DevTools и срочно поправь цвета @WebDev_Plus

Создавай впечатляющие изображения своего веб-сайта или приложения Просто перетащи скриншот и наблюдай за магией: → shots․so @WebDev_Plus

Эффектная коллекция анимированных компонентов. Более 100 штук в наличии. Открытый исходный код и бесплатно: 👉 https://github.com/kokonut-labs/kokonutui @WebDev_Plus

Прокачайся в веб-разработке с курсами от команды Chrome. Бесплатно, по темам, интерактивно Что внутри: HTML, CSS, JS, доступность, тестирование и ещё куча всего полезного. Можно идти по порядку, а можно сразу нырнуть в то, что интересует больше всего Забираем здесь 😎 @WebDev_Plus

В JavaScript можно превратить HTML-элемент в скриншот Вот минималистичный пример, как сохранить HTML-элемент как PNG с помощью библиотеки modern-screenshot domToPng(HTML_ELEMENT) — превращает DOM-элемент в PNG-картинку в формате data URL. Создаётся <a>-элемент со ссылкой на изображение. Устанавливается имя файла и запускается автоклик, чтобы браузер начал скачивание @WebDev_Plus

Полезный совет по DevTools для доступности Хром умеет эмулировать дальтонизм и размытие зрения. Быстрый способ проверить, насколько ваш UI дружелюбен к тем, кто видит мир иначе DevTools → Rendering → Emulate vision deficiencies @WebDev_Plus

Наткнулся на крутой инструмент для визуализации 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