CodeBase | Frontend

🤩 Я хочу стать программистом ©

⚡️light/dark mode — Стильное переключение темной темы с анимацией. Технологии: Pug, SCSS 🔗 Ссылка CodeBase | Frontend | #animate

Работать и не уставать, достигать цели, но делать это в кайф - реально! Как научиться делать дела и не выгорать? Психолог взрослого человека - канал для айтишников, у которых периодически опускаются руки и отключается мозг, ибо переработки и постоянная тревожность не приводят к другим исходам. ▪️ Как научиться отвлекаться от работы и отдыхать? ▪️ Как совместить кучу рабочих задач и время с семьей? ▪️ Как справиться с прокрастинацией? ▪️ Как не растерять запал, даже если начальник и коллеги 💩 и кажется, что ничего не выходит? Подписывайтесь на канал @vadimpetrov_psy и научитесь работать без упахивания, выгорания и ущерба для личной жизни! 👨🏻‍💻 Псс. Заходите в закреп канала - там много полезного, и даже бесплатный мини-курс.

🤩 Я хочу стать программистом

🖥 Курс: "Верстка простого сайта для самых маленьких, html/css подробное объяснение"! 🌟 Изучите шаг за шагом, как создать современный веб-макет с помощью HTML и CSS. Идеально подходит для новичков, желающих развить практические навыки в веб-разработке! 🕞 Продолжительность: 4:00:18 🔗 Ссылка CodeBase | Frontend | #курс #html #css

🦥Ленивый программист ©

🤩 Я хочу стать программистом

⚙️ Что такое свойство object-position в CSS и зачем оно используется? object-position — это CSS-свойство, которое управляет положением содержимого внутри элемента, например, изображения или видео, особенно когда используется object-fit для обрезки. ➡️ Пример:

<img src="image.jpg" class="preview" alt="Пример изображения">

<style>
  .preview {
    width: 300px;
    height: 200px;
    object-fit: cover;
    object-position: top right; /* Смещаем фокус к верхнему правому углу */
  }
</style>

🗣 В этом примере: • object-fit: cover; обрезает изображение, чтобы оно заполнило контейнер. • object-position: top right; указывает, какую часть изображения показывать в приоритете. • Можно использовать значения вроде center, bottom, 20% 80% и др. Свойство object-position позволяет точно управлять отображением медиа внутри контейнера и удобно при создании адаптивных и эстетичных интерфейсов. CodeBase | Frontend | #CSS

🤩 Я хочу стать программистом ©

Надизайнил теперь все это кодить 🫠 CodeBase | Frontend | #meme

🤩 Я хочу стать программистом

🔥 Fluid Simulation - cцена с интересной симуляцией жидкости с текстом CSS и JavaScript. 🔗 Ссылка CodeBase | Frontend | #js #animate

🦥Ленивый программист

Сделай правильный выбор! CodeBase | Frontend | #meme

🦥Ленивый программист

⚙️ Что такое атрибут required в HTML и зачем он используется? Атрибут required используется в формах HTML для обозначения обязательных полей. Он предотвращает отправку формы, если поле не заполнено, и помогает валидировать данные без JavaScript. ➡️ Пример:

<form>
  <label>
    Email:
    <input type="email" required>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно: • required указывает браузеру, что поле не должно быть пустым. • Работает без JavaScript, улучшая поведение форм "из коробки". • Показывает встроенные ошибки валидации, улучшая UX. • Часто используется вместе с другими атрибутами: type, pattern, minlength. Атрибут required — это простой и надёжный способ сделать формы интерактивнее и безопаснее. CodeBase | Frontend | #Основы

🤩 Я хочу стать программистом ©

Бэкендер пытается центрировать <div> CodeBase | Frontend | #meme

Телеграм-канал с актуальными вакансиями для Frontend специалистов   ✅ Свежие вакансии со всего интернета ✅ Вакансии для: junior, middle, senior ✅ Прямые ссылки на работодателей ✅ Некоммерческий проект, без рекламы. ✅ Зарплаты до 8.000$ Ссылка на телеграмм-канал