Нашел вам очередной бомбический репозиторий для тех, кому нужно много бесплатных 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 | #ресурсы

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