👩‍💻 Используете CSS свойство accent-color?

Которое позволяет задавать цвет акцента для некоторых интерактивных элементов формы. Кастомизирует элементы интерфейса, сохраняя при этом их стандартный вид, что упрощает поддержку единого стиля на странице.


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

📣 Code Ready | #css

BiRefNet — лучшая нейросеть для удаления заднего фона. Она отлично справляется с самыми сложными картинками.

📌 Ссылочка: huggingface.co

📣 Code Ready | #ресурсы

😂

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

👩‍💻 Показываю вам достаточно полезный псевдоэлемент — spelling-error

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

Принимаемые свойства:

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

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

📣 Code Ready | #css

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

⬇️ Скачать расширение

📣 Code Ready | #ресурсы

👩‍💻 Рассмотрим псевдокласс 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

👩‍💻 Повышаем читаемость HTML-кода с помощью VS Code плагина Rainbow Tags!

Который добавляет цветовую разметку для каждого уровня отступа в вашем коде. Благодаря этому плагину вы сможете легко отслеживать вложенность блоков кода, делая процесс разработки более удобным и эффективным.

Но если расширение не работает, проверьте нет ли конфликтов с другими плагинами или поставьте более раннюю версию.

📣 Code Ready | #плагин

☕️ Ещё один хороший репозиторий с разными алгоритмами для фронтенда — javascript algorithms

В котором собраны самые разные алгоритмы, написанные на Javascript. Здесь вы найдете примеры кода для алгоритмов, таких как сортировки, поиска, графов, теории чисел и многое другое.

Оставляю ссылочку: github.com/javascript

📣 Code Ready | #репозиторий

🐱 Напоминалка для работы с Git

Если кто не знает, Git — это система контроля версий, которая помогает отслеживать историю изменений в файлах.

Например с помощью команды git pull, можно загружать удаленные репозитории к себе на ПК, чтобы вести разработку локально, не затрагивая продуктовую или dev ветку.

Сохрани в избранное, чтобы не забыть!

📣 Code Ready | #ресурсы

javascript-questions — репозиторий с вопросами и ответами по JavaScript, который поможет улучшить знание языка и подготовиться к техническим собеседованиям.

Оставляю ссылочку: github.com 😸

➡️ Roadmap Ready | #репозиторий

📞 Супер-полезная статья нашлась на Хабре — прочитав ее, вы сможете выбрать лучший для себя фреймворк: React, Angular или Vue

В этой статье:
• Особенности и преимущества каждого фреймворка.
• Какой из них предоставляет решения "из коробки".
• Какие фреймворки позволяют выявлять ошибки на этапе компиляции.

🔊 Продолжить читать можешь на Habr!

📣 Code Ready | #статья

☕️ Знали про интересный сайт http cat?)

Это необычный и приятный сервис, который показывает различные HTTP-статусы (например, 200, 404, 500) в виде забавных картинок с котами.

Вместо скучных текстовых сообщений и цифр вы получаете понятное и дружелюбное изображение котика, описывающее HTTP-код.

📌 Оставляю ссылочку: http.cat

📣 Code Ready | #ресурсы

👩‍💻 CS50 - Введение в Программирование (Гарвард)

Это введение в основы компьютерных наук, созданный профессором Гарвардского университета Дэвидом Маленки. Он охватывает ключевые концепции программирования и алгоритмов и является одним из самых популярных онлайн-курсов по программированию.

Ссылочка на плейлист: YouTube 🖤

📣 Code Ready | #курс

😍 Открыл для себя супер-полезный сайт с бесплатными API для разработчиков!

Это ресурс, в котором собрано 319 апишек для разных сервисов: от GitHub и Postman до новостных или погодных API. Конечно, могут быть ограничения по количеству запросов, но и бесплатного лимита должно хватить.

📌 Держите ссылочку: developer.donnoval.ru

📣 Code Ready | #ресурсы

😎 Банальный, но всё равно классный и полезный сайт про которой знают многие — CodePen

Это популярная онлайн-платформа для разработчиков, где можно создавать, тестировать и делиться кодом (HTML, CSS, JavaScript) в реальном времени.

Она позволяет писать код прямо в браузере, видеть результат мгновенно и экспериментировать с фронтенд-разработкой.

📌 Ссылочка: codepen.io

📣 Code Ready | #ресурсы

👩‍💻 Шпаргалка для работы с Docker

Недавно заметил на Github крутой репозиторий, где и была эта картинка. Которая содержит все основные команды программного обеспечения Docker.

Сохраняйте и пользуйтесь, чтобы не забыть!

📣 Code Ready | #ресурсы

😎 Лучшая нейронка для генерации 3D-моделей!

Unique3D — эта нейросеть практически идеально превращает обычную фотографию в 3D-модель, дорисовывая недостающие детали. Результат выдается в формате glb — можно запихнуть в Blender и сразу работать с ним.

📌 Ссылочка: huggingface.co

📣 Code Ready | #ресурсы