Code Ready | Frontend

Общение с айтишниками удивляет… 👀 90% не в курсе, что Маск интегрирует GrokAI в Telegram. 🤯 75% не знают, как Telegram Ads отбирает рынок у Facebook. 💀 60% не пользуются льготами для IT. Коллеги, держать руку на пульсе помогает Сергей Сабитов. Он завёл канал, где собирает всё самое важное, что реально влияет на работу в digital. Следите за 🫴 @adbranch

👩‍💻 Рассмотрим псевдокласс firstletter! Которые позволяет стилизовать первую букву любого текстового элемента. Он часто используется для создания инициалов или других типографических эффектов. Принимает много разных свойств:

• color — цвет первой буквы • background-color — цвет фона • font-family — шрифт первой буквы • font-size — размер шрифта • font-weight — жирность шрифта • line-height — высота строки • text-decoration — текстовое оформление (подчеркивание, перечеркивание) • text-transform — преобразование текста (заглавные буквы, прописные буквы) • margin — внешние отступы • padding — внутренние отступы • border — граница первой буквы • float — Выравнивание (например: слева, справа). • text-shadow — тень текста

📣 Code Ready | #css

IT_ONE Cup. ML Challenge от IT_ONE и Sk FinTech Hub — создай AI-ассистента, который будет помогать в работе дизайнерам, системным и бизнес-аналитикам. Участвуй онлайн с 12 по 29 апреля и поборись за 1 500 000 рублей. Регистрация открыта до 11 апреля Твоя формула победы: ✅ Разбираешься в машинном обучении. ✅ На ты с NLP и LLM. ✅ Концептуально понимаешь принципы работы веб-приложений.   Также приглашаем Backend и Frontend-разработчиков, системных и бизнес-аналитиков, UI/UX-дизайнеров. Участвуй онлайн соло или командой до 5 человек.  Задачи IT_ONE Cup. ML Challenge: 🔤 Динамические контекстные подсказки для системного аналитика. 🔤 AI-генератор дизайн-макетов по описанию требований. 🔤 Система визуализации BPMN-диаграмм. 4 апреля приходи на митап с экспертами соревнования — задай вопросы и узнай больше о задачах.  Создай AI-ассистента, который облегчит выполнение рабочих задач — регистрируйся на IT_ONE Cup. ML Challenge

Fontface Ninja — расширение для анализа шрифтов, используемых на веб-странице. Показывает имя шрифта, его размер, вес и позволяет скачать его для использования в своих проектах. ⬇️ Скачать расширение 📣 Code Ready | #ресурсы

👩‍💻 Показываю вам достаточно полезный псевдоэлемент — spelling-error Который используется для выделения слов с ошибками в орфографии. Также позволяет стилизовать текст, который был отмечен браузером как неправильно написанный. Принимаемые свойства:

• background-color — цвет фона • color — цвет текста • text-decoration — текстовое оформление (подчеркивание, перечеркивание) • box-shadow — тень вокруг элемента

Важно не забыть указать spellcheck="true" в нужном теге для работы псевдоэлемента! 📣 Code Ready | #css

⚡️Слита База из 1000+ топовых курсов и материалов для айтишников 🖥 Python: @python_baza 👩‍💻 Frontend: @frontend_baza 👩‍💻 Backend: @backend_baza 🎨 Дизайн: @design_baza 📚 Книги: @archive_baza 👩‍💻 Программы: @main_it_baza Всё лучшее про IT бесплатно — уже на Базе 🚀

😂 С добрым утром! ☕️

BiRefNet — лучшая нейросеть для удаления заднего фона. Она отлично справляется с самыми сложными картинками. 📌 Ссылочка: huggingface.co 📣 Code Ready | #ресурсы

👩‍💻 Используете CSS свойство accent-color? Которое позволяет задавать цвет акцента для некоторых интерактивных элементов формы. Кастомизирует элементы интерфейса, сохраняя при этом их стандартный вид, что упрощает поддержку единого стиля на странице.

В качестве принимаемых аргументов выступает цвет в любом формате.

📣 Code Ready | #css

💻 Настоящие читы для программистов/разработчиков! Hacking & InfoSec Base — Самая большая в телеграме библиотека книг по хакингу и ИБ; Программистика — Лучший канал про Python; Coding Base — огромное количество полезных ресурсов, репозиториев статей для разработчиков; GameDev Base — Множество крутых приёмов и лайвхаков для геймдев разработчиков; IT библиотека — самая крупная коллекция книг по программированию; 🫵 Подпишись и прокачивай свои навыки с невиданной скоростью!

Банальное, но всё равно хорошее расширение для Chrome — PerfectPixel Которое позволяет наложить ваш макет сайта на страницу. С помощью этого процесс вёрстки сайта ускорится - нужно просто располагать элементы в соответствии с макетом. ⬇️ Скачать расширение 📣 Code Ready | #ресурсы

💻 Настоящие читы для программистов/разработчиков! Hacking & InfoSec Base — Самая большая в телеграме библиотека книг по хакингу и ИБ; Программистика — Лучший канал про Python; Coding Base — огромное количество полезных ресурсов, репозиториев статей для разработчиков; GameDev Base — Множество крутых приёмов и лайвхаков для геймдев разработчиков; IT библиотека — самая крупная коллекция книг по программированию; 🫵 Подпишись и прокачивай свои навыки с невиданной скоростью!

Здесь разрабы не просто двигают кнопки и лутают деньги, а создают шедевры! Я Никита — frontend-разработчик, любящий свою работу. Я приглашаю тебя в свой канал о фронтенде с душой Frontend For The Soul с вдохновляющим комьюнити, фичами, которых нет в других источниках, регулярными трендовыми идеями и книгами. Здесь каждый пиксель имеет душу. Присоединяйся — @frontendforthesoul

YouTube To Text — гугл расширение, которое преобразовывает видео в текст прямо в браузере. Распознанный текст можно перевести на любой язык. ⬇️ Скачать расширение 📣 Code Ready | #ресурсы

👩‍💻 Знакомы с атрибутом autocomplete? Это полезный html атрибут, который управляет автозаполнением данных в полях формы браузером. Он предлагает браузеру значения, которые пользователь вводил ранее. Может иметь два значения:

• autocomplete="on" — браузер предлагает варианты для автозаполнения на основе ранее введённых данных. • autocomplete="off" — отключает автозаполнение браузером.

📣 Code Ready | #атрибут

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке от эксперта; 6. Научишься использовать ChatGPT и Giga во Frontend-разработке; 7. Узнаешь 9 способов найти первый заказ даже без опыта. А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 12-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра. 🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.

👨‍💻 Слышали что-нибудь про CodeAcademy? Это одна из самых популярных платформ по программированию. Сайт предлагает множество бесплатных курсов, по различным ЯП, включая Python, JavaScript, Ruby, HTML, CSS и многие другие. Курсы состоят из теории и практики с интерактивной консолью прямо внутри сервиса. Большинство курсов бесплатные, но также есть платный контент, если нужно углубиться. 📌 Оставляю ссылочку: codeacademy.com 📣 Code Ready | #ресурсы

Нашел наверное один из лучших репозиториев для фронтенд разработчиков — html-css-javascript-projects Он представляет собой сборник более 100 проектов для веб-разработки, включая готовые коды для создания лендингов, пользовательских интерфейсов и веб-приложений. Оставляю ссылочку: github.com/solygamba 📣 Code Ready | #ресурсы