This media is not supported in your browser
VIEW IN TELEGRAM
Бэкендер пишет запрос, а фронтендер просто прикручивает экшн на фронте
VS
Фронтендер верстает адаптивную, доступную версию страницы мобайл фёрст, а бэкендер просто скидывает ручку к данным
CodeBase | Frontend | #meme ©
VS
Фронтендер верстает адаптивную, доступную версию страницы мобайл фёрст, а бэкендер просто скидывает ручку к данным
CodeBase | Frontend | #meme ©
😁4
Свойство
object-fit
управляет тем, как изображение или видео вписывается в контейнер.Аналог
background-size
, но для тега <img>
и <video>
.<div class="wrapper">
<img src="image.jpg" alt="пример">
</div>
<style>
.wrapper {
width: 300px;
height: 200px;
overflow: hidden;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
</style>
CodeBase | Frontend | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Рассказываю, как выжать из Cursor максимум: настраиваю правила под директории, запускаю 3 ИИ сразу, объединяю фронт и бэк в одну папку — и получаю согласованный код без лишней суеты.
CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: SVG, CSS, JS
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
find()
в JavaScript и как он используется?find()
— это метод массивов, который возвращает первый элемент, удовлетворяющий условию.Если ни один элемент не подходит — возвращает
undefined
const users = [
{ name: "Анна", age: 22 },
{ name: "Борис", age: 30 },
{ name: "Вера", age: 25 }
];
const user = users.find(u => u.age > 25);
console.log(user); // { name: "Борис", age: 30 }
•
find()
перебирает массив объектов• Возвращает первого подходящего пользователя
• Идеален для поиска по условиям: ID, имя, статус и т.д.
find() часто используется в списках, где нужен один конкретный элемент, а не все подходящие
CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
В статье покажу, как смешал БЭМ с Tailwind — без религиозных войн и ломки шаблонов. Расскажу, как ушёл от боли нейминга и выровнял отступы, ускорив разработку почти вдвое.
CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: SVG, CSS
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Атрибут disabled делает элемент формы неактивным: его нельзя выбрать, изменить или отправить.
Применяется к
<input>
, <button>
, <select>
, <textarea>
и другим интерактивным элементам<form>
<label>
Промокод:
<input type="text" value="WELCOME2024" disabled>
</label>
<button type="submit">Отправить</button>
</form>
• Блокирует ввод без JavaScript
• Удобен для отображения только для чтения
• Такой элемент не отправляется на сервер
• Часто используется для управления состоянием форм
disabled
— простой способ временно выключить элементы в интерфейсе.CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤1🔥1