Вы увлечены разработкой интерфейсов? Хотите быть в курсе последних новостей, идей и знаний из мира frontend? Тогда канал "Frontend по-флотски 👨💻" (@frontend_pasta) именно для вас! Здесь вы найдете актуальную информацию о технологиях, трендах и лучших практиках в сфере разработки интерфейсов
Мы стремимся поделиться с вами самыми интересными материалами, вдохновить новыми идеями и помочь развить ваши знания. Канал открыт для всех, кто увлечен frontend и хочет быть в курсе последних тенденций в этой области
Присоединяйтесь к нам в "Frontend по-флотски 👨💻" и будьте в курсе самых свежих и интересных новостей и идей из мира разработки интерфейсов! Контакт для связи: @qmzik
31 Jan, 08:23
28 Jan, 09:41
27 Jan, 07:02
23 Jan, 10:25
<dialog> теперь можно слушать 2 новых события: beforetoggle и togglesideways-rl и sideways-lr для свойства CSS writing-mode18 Jan, 07:02
17 Jan, 19:03
17 Jan, 15:00
16 Jan, 09:02
13 Jan, 07:21
select, ::picker(select) {
appearance: base-select;
}select это родительский элемент. Он также служит кнопкой, на которую нажимают, чтобы открыть выпадашку::picker(select) это теневой элемент DOM, который содержит опции option::checkmark содержит отметку выбранной опцииselect::picker-icon содержит иконку стрелки (▼) в селектеselectedcontent это элемент, который можно использовать внутри select, чтобы отразить внутренний HTML текущего выбранного вариантаselect:open стилизует кнопку выбора, когда селект открытoption:checked стилизует выбранную опцию в селекте09 Jan, 07:50
28 Dec, 10:43
27 Dec, 11:00
27 Dec, 07:00
23 Dec, 12:32
21 Dec, 16:00
21 Dec, 12:00
19 Dec, 15:00
19 Dec, 11:00
12 Dec, 12:16
text-box, text-box-trim, text-box-edge, view-transition, бэкгрануд на бордерах и т.д.10 Dec, 12:15
06 Dec, 12:21
04 Dec, 08:36
27 Nov, 12:22
text-wrap: balance стал поддерживаться всеми современными браузерами и достиг 87.18% на caniuse 26 Nov, 12:54
chrome.permissions.addSiteAccessRequest();25 Nov, 10:31
--target es2024 и --lib es2024--module nodenext24 Nov, 17:36
23 Nov, 10:18
22 Nov, 10:11
21 Nov, 19:23
21 Nov, 07:47
class Task {
constructor(
public id: number,
public title: string,
public completed: boolean
) {}
toggle() {
this.completed = !this.completed;
}
}
const task = new Task(1, "Написать статью", false);
task.toggle();
console.log(task.completed); // truetype Task = {
id: number;
title: string;
completed: boolean;
};
const toggleTask = (task: Task): Task => ({
...task,
completed: !task.completed,
});
const task: Task = { id: 1, title: "Написать статью", completed: false };
const updatedTask = toggleTask(task);
console.log(updatedTask.completed); // truetask остаётся неизменным20 Nov, 15:01
20 Nov, 12:03
linkedSignal и resource20 Nov, 10:48
::selection и ::target-text, обеспечивающие более предсказуемое поведение<details> и <summary>, включая поддержку свойств display и нового псевдоэлемента ::details-contentclip-path, fill, stroke, marker19 Nov, 10:47
18 Nov, 14:02
18 Nov, 12:55
17 Nov, 11:00
16 Nov, 16:21
15 Nov, 16:14
14 Nov, 11:08
14 Nov, 07:39
12 Nov, 10:38
05 Nov, 09:12
type NonEmptyArray<T> = [T, ...T[]];
29 Oct, 17:29
22 Oct, 09:48
21 Oct, 09:38
deno add и deno remove.deno.json.18 Oct, 13:17
17 Oct, 19:53
box-decoration-break15 Oct, 07:27
FRONTENDPASTA11 Oct, 09:40
05 Oct, 08:38
04 Oct, 08:29
03 Oct, 10:26
01 Oct, 10:49
01 Oct, 08:24
![Frontender's notes [ru] Telegram Channel](/avatar/1306/1306975317.jpg)
