Знали, что можно измерить любой элемент на сайте за несколько секунд?

Page Ruler — расширение для Chrome, которое позволяет пользователям измерять размеры и положение элементов на веб-страницах с помощью виртуальной линейки.

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

⚙ Backend Ready | #ресурс

👩‍💻 Знаете как можно красиво оформить любой код в Telegram?

Часто задаваемый вопрос, как создать нормальное оформление кода? Сегодня пришло время раскрыть тайну и показать как это сделать на самом деле.

Для того чтобы сделать оформление, нужно:

1. Начинаем с указания языка:
Чтобы Telegram правильно распознал формат кода, на первой строке пишем три обратных кавычки (```) и указываем язык, например html (```html)

2. После кавычек, на второй строке уже можно вставить сам код, который хотим оформить:
(<div class="div"> <h1>Любой код</h1></div>)

3. После того как вставили код, не забываем в конце добавить еще три обратных кавычки без пробела (```)

Как это выглядит:
```html
<div class="div">
<h1>Любой код</h1>
</div>```

Результат:

<div class="div">
  <h1>Любой код</h1>
</div>

⚙ Backend Ready | #ресурс

Держите сайт, где собраны все хорошие css анимации — Animate.css

Это библиотека CSS-анимаций. Она предоставляет множество готовых эффектов анимации для элементов веб-страниц.

📌 Ссылочка animate.style

⚙ Backend Ready | #ресурс

hcdev — справочник по HTML, CSS и JS, который содержит в себе актуальные знания по всем технологиям, предназначенных для фронтенд-разработки.

📌 Ссылочка: hcdev.ru

⚙ Backend Ready | #ресурс

Уже было много постов про css свойства, но есть один сайт, на котором собрано сразу всё.

CSS Click Chart — ресурс, с помощью которого можно кликнуть на любое css свойство, и сразу увидеть его пример и как оно работает. Также отображается поддержка браузерами.

📌 Ссылочка: css3clickchart.com

⚙ Backend Ready | #ресурс

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

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

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

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

⚙ Backend Ready | #ресурс

doka guide — сайт, на котором собраны шпаргалки по HTML, CSS, JS. На каждую тему есть подробный разбор с полезными советами по применению.

📌 Ссылочка: doka.guide

⚙ Backend Ready | #ресурс

OverAPI — это справочник для быстрого поиска синтаксиса и примеров по множеству языков и технологий, удобный для фронтенд разработчиков, работающих с HTML, CSS, JavaScript, и не только.

⛓ Ссылочка: overapi.com

⚙ Backend Ready | #ресурс

Web Skills — платформа, ориентированная на развитие навыков веб-разработки для всех уровней — от новичков до опытных специалистов. Здесь собраны все навыки для веб-разработчика с ссылками для изучения темы.

📌 Ссылочка: andreasbm.github

⚙ Backend Ready | #ресурс

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

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

⚙ Backend Ready | #ресурс

👩‍💻 Держите классную картинку, на которой расписаны все горячие клавиши для VS Code

Сохраняйте и пользуйтесь! ❤️

⬇️ Скачать pdf версию

⚙ Backend Ready | #ресурс

CSS Grid Generator — сайт, с помощью которого можно сгенерировать сетку и получить готовый CSS-код. Сначала задаем количество строк, колонок и расстояния между ними, далее рисуем расположение div-блоков в сетке.

📌 Ссылочка: cssgrid-generator

⚙ Backend Ready | #ресурс

☕️ На просторах Хабра нашлась статья, о преодолении жестких дедлайнов в тестировании систем!

Там вы узнаете:
• Как справляться с срочными проектами
• Почему важно приоритизировать задачи
• Зачем пропускать регрессионное тестирование
• Как эмоциональная стабильность помогает команде

🔊 Продолжай читать на Habr!

⚙ Backend Ready | #статья

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

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

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

📌 Ссылочка: http.cat

⚙ Backend Ready | #ресурс

😎 Советую попробовать пользоваться очередным хорошим сайтом — Readme!

Это удобный, бесплатный онлайн-инструмент, который помогает быстро и легко создавать профессиональные README-файлы для ваших проектов на GitHub или других платформах.

📌 Ссылочка: readme.so

⚙ Backend Ready | #ресурс