Нашел вам очередной бомбический репозиторий для тех, кому нужно много бесплатных API — Public APIs

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

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

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

😂

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

Нашел наверное один из лучших репозиториев для фронтенд разработчиков — html-css-javascript-projects

Он представляет собой сборник более 100 проектов для веб-разработки, включая готовые коды для создания лендингов, пользовательских интерфейсов и веб-приложений.

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

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

👨‍💻 Слышали что-нибудь про CodeAcademy?

Это одна из самых популярных платформ по программированию. Сайт предлагает множество бесплатных курсов, по различным ЯП, включая Python, JavaScript, Ruby, HTML, CSS и многие другие.

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

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

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

👩‍💻 Знакомы с атрибутом autocomplete?

Это полезный html атрибут, который управляет автозаполнением данных в полях формы браузером. Он предлагает браузеру значения, которые пользователь вводил ранее.

Может иметь два значения:

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

• autocomplete="off" — отключает автозаполнение браузером.

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

YouTube To Text — гугл расширение, которое преобразовывает видео в текст прямо в браузере. Распознанный текст можно перевести на любой язык.

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

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

Банальное, но всё равно хорошее расширение для Chrome — PerfectPixel

Которое позволяет наложить ваш макет сайта на страницу. С помощью этого процесс вёрстки сайта ускорится - нужно просто располагать элементы в соответствии с макетом.

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

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

👩‍💻 Используете 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 | #ресурсы