М.Двач / Web-мастера

41 Кб, 700x527
Front-End Thread ∞ /front/ 11 июня 2024, 18:04 138811 В конец треда | Веб

Здесь собраны ссылки на базовые ресурсы по Front-End-разработке и вёрстке сайтов.
Что такое вёрстка?
Вёрстка - создание рабочего прототипа сайта. Статичной страницы, без каких-либо скриптов, в основном при помощи знаменитой связки HTML + CSS.

Для чего этот тред?
Чтобы ты, анон, не заблудился. Здесь можно задать любой вопрос, касающийся Front-End-разработки, и, возможно, даже получить на него ответ.
Платиновые пасты
1. 2.
FAQ

Как учить React Как учить JavaScript Руководство по HTML Руководство по CSS Теория продвинутых курсов HTML Academy

Смежные треды в /wrk/ для вкатунов.

Прошлый тред в архиве.

Ответы93179748

2 20 июня 2024, 22:42 2 138833

4 Кб, 219x1204 Кб, 178x140

САП сениоры и мидлы! У меня проблема с vscode( В частности с расширением Vue - Official

После создания нового файла(компоненты) приходится перезагружать vscode, ибо расширение перестает нормально воспринимать файл и не делает подсказки та и настройки space/tabs пропадают ((((

в output Vue Language Server после создания и открытия новой компоненты вылазит ошибка

> [Vue Named Pipe Client] No server found for /home/baken/dev/pet/saveup/src/components/AppFooter.vue

Искал, гуглил и в общем нашел только тут похожий случай и откатил до версий 2.0.6, и не помогло.

Такая же ошибка на Linux, Windows, Wsl. Только макинтош не пробовал

https://github.com/vuejs/language-tools/issues/4256#issuecomment-2094000739

37 Кб, 964x196
3 9 июля 2024, 18:53 3 138846

Реактирую. Есть чекбокс с лейблом, к которому не подкручены никакие скрипты и хуки, и он (через CSS) работает. Но если поставить по дефолту checked (просто checked или checked="checked"), чекбокс нельзя отжать. Если убрать атрибут, то можно и нажимать и отжимать. Чому так?

Ответы893889509374

4 21 авг 2024, 13:03 4 138910

Куда обращается браузер, когда обрабатывает тег iframe?

Была мысль, что браузер изначально обращается к серверу, с которого скачана содержащая тег iframe страница, а уже потом этот сервер делает запрос на тот сервер, что указан в src, а уже потом пересылает браузеру ответ, но такая схема выглядит глупой, однако не нарушает политику одного источника.

5 22 авг 2024, 06:26 5 138913

Насколько быстро можно научиться верстке pixel perfect? Я уже год саморазвиваюсь за пекой, пизда как медленно учебный макет верстаю чтоб совпал с наложенной картинкой в pixel perfect.

Сколько времени занимает натренироваться чтоб pixel perfect быстро нахуяривать научиться?

Ответы89378959

6 30 авг 2024, 21:06 6 138937

>>138913
а нахуй pixel perfect? Я так JS изучаю пока что ;(

7 30 авг 2024, 21:08 7 138938

>>138846
надо курсором мыши по синей галочке попасть

8 6 сен 2024, 12:31 8 138950

>>138846
потому что нужно defaultChecked, есть такой аттрибут. если ставишь просто checked, это значит, что ты убираешь всю дефолт логику чекбокса (т.е. должен где-то хранить в отдельной перемнной состояние true/false + привести хэндлер для изменения [onChange])>>138846

9 10 сен 2024, 16:34 9 138959

>>138913
Открываешь инструменты разработчика и пишешь там марджины/паддинги, после высчитываешь в %, если тебе нужен адаптив. Не забывай смотреть на то, какой ширины тебе дали макет и подстраивай в девтулзах ширину экрана.

Откуда брал учебный макет?

Ответы8975

10 16 сен 2024, 17:00 10 138964

Как можно показывать видео без тега video и всяких штук из прошлого(к примеру flash или java-апплеты)?

11 21 сен 2024, 07:25 11 138967

Ищу работу. Любую
Знаю html, css, svg, js, php
Телега @one312

Ответы8971

12 21 сен 2024, 16:23 12 138971

>>138967
> Знаю html, css, svg, js, php
Это все знают.

13 26 сен 2024, 21:10 13 138975

>>138959
Цап царапнул макет со скачанных курсов штмл академии 2к20 года

Ответы8979

14 27 сен 2024, 13:01 14 138979

>>138975
В rsschool записывался?

Ответы89848985

15 30 сен 2024, 18:33 15 138984

>>138979
Нет

16 30 сен 2024, 18:56 16 138985

>>138979
Хуета

Ответы8993

17 2 окт 2024, 07:36 17 138993

>>138985
Почему хуета?

Ответы8994

18 3 окт 2024, 06:01 18 138994

>>138993
Потому что ничем не отличается, если бы ты самостоятельно шёл по роадмапу из инетов.
Есть дискордик у них, но он больше байтит на чтение бесполезных вопросов/ответов и охотнее там отвечают тяночкам, ведь им так сложно в погромировании.
Голову не ебите себе всякими CUMунити и курсами. Всё изи учится по запросам в гугле. Если хуево учится, то не твоё. Там вон на складе вайдберриса делают миддловскую зп (170к~), пока ты будешь тут хэтэмэлэ, цээсэс и жиэс учить год-два.

Ответы8995

19 3 окт 2024, 06:24 19 138995

>>138994
> байтит на чтение бесполезных вопросов/ответов
Ну я прохожу pre-school и в дискорде с помощью поиска находил ответы на свои вопросы (хули, они там однотипные из года в год). А сидеть и мониторить весь этот флуд - нахуй надо (даже ради помощи тяночкам).

Сам планирую в конце октября вкатиться в основной курс, ради получения менторши

Ответы8996

20 3 окт 2024, 06:39 20 138996

>>138995
Тогда предупрежу, что ментор только со stage 2 и нужно сильно порвать жопу, чтобы получить его. Потому, что нужно быть в топ-100 примерно, а это анрил, если ты с нуля и у тебя параллельно работа/учеба + очень много кого, кто по второму, третьему кругу проходят этот курс.

21 3 окт 2024, 12:46 21 138997

В 2к(почти)25 году реально ли, чистым фронтендером найти работу vue nuxt ts? Или теперь шанс найти работу только и исключительно бэкендером или фуллстеком? А фронтендером не реально из-за обилия желающих быть фронтендером?

Ответы8998

22 4 окт 2024, 05:37 22 138998

>>138997
у рынка недостаток PHP прогеров, смотри в эту сторону, если надо скорее работу найти

Ответы9000

23 4 окт 2024, 23:16 23 139000

>>138998
Нет никакого недостатка в пхп разрабах - кабанчики их меняют как перчатки. Если ты видишь много вакух на пхп, то там будет задачи с высокой сложностью за зпху курьера.

Ответы9001

24 4 окт 2024, 23:48 24 139001

>>139000
думайте тогда нужно ли вам айти если курьеры получают зпху как вы

25 8 окт 2024, 13:09 25 139003

Хочу руками поверстать что-то и повторить все, что помню по html и css, всегда знал поверхностно все это, так и не добрался до LESS
Какие курсы от академии последние или есть что получше сейчас? В прошло смотрел их, но не до конца.

405 Кб, 640x1318
26 21 окт 2024, 22:08 26 139017

Пилю расширение для Chrome

При его установке на всех сайтах при наведении мыши на его иконку показывается всплывающая подсказка: "расширение запрашивает доступ к этому сайту", а если кликнуть то: "у расширения есть доступ к этому сайту"

Как этого избежать? Мне нужно чтобы моё расширение работало только на одном конкретном сайте и этот сайт прописан в манифесте в host_permissions и в content_scripts.matches

По клику ничего делать не нужно, но такие надписи пугают пользователей и вообще это странно, хочется его максимально ограничить, вдруг я напортачу со скриптами

27 23 окт 2024, 11:02 27 139019

https://tailwindui.com
Где это спиратить? Насколько я понимаю там просто готовые tailwind шаблоны. Или где спиратить подобное

Ответы91229141

28 7 фев 2025, 23:29 28 139122

>>139019
подобно называется внезапно tailwind templates free
например https://www.tailwindawesome.com/?price=free&type=template

29 8 фев 2025, 15:58 29 139126

вот где-бы спиратить все блоки из https://primeblocks.org/
подсказал кто...

Ответы9139

30 14 фев 2025, 22:37 30 139139

>>139126
зачем? там половина мусор, который та накидаешь на tailwind сам

Ответы9140

31 16 фев 2025, 15:46 31 139140

>>139139
собственно за тем, чтобы не
>накидаешь на tailwind сам
а взять готовое

32 16 фев 2025, 15:54 32 139141

>>139019
тут не много, но это всё что есть, как говорится.
какой-то челик на реддите во vue-треде поделился
https://github.com/LaB-CH3/indiebold-ui

33 16 фев 2025, 21:06 33 139142

у нас есть аналоги netlify/vercel, чтобы деплоить с гитхаба в два клика?

34 17 фев 2025, 15:59 34 139143

ребят ищу что поделать на ангуляре, дайте идей или возьмите в команду

Ответы91449259

35 17 фев 2025, 18:34 35 139144

>>139143
top-1 пет-проектов: hamster-combat

Ответы9145

36 17 фев 2025, 18:36 36 139145

>>139144
скукота. надо что-то более бизнесовое

37 30 мар 2025, 15:21 37 139259

>>139143
Сайт с эскортницами — анкеты, фильтрация, комменты ходоков.

38 31 мар 2025, 11:32 38 139260

Кто нибудь знает такой видео плеер, который имеет поддержку rutube?
Мне сказали есть один такой, но я никогда не слышал об этом мифическом звере.
Хотелось бы узнать.

44 Кб, 530x516
39 14 апр 2025, 10:26 39 139317

>>138811 (OP)
Браты, при наведении на номер поста на Дваче у меня не всплывает пост, это по вашей части? Что там в браузере я такого запретил, из-за чего функция отъебнула?

40 21 апр 2025, 10:49 40 139328

204 Кб, 632x1142425 Кб, 880x1100

список вопросов собеседования из интервью на FE-мидла. сколько процентов из местных гуру-вкатунов, раздающих советы, поймут что тут вообще спрашивают, не говоря о том чтобы сразу же ответить на них на интервью, кек?

категория: "нас на курсах Скиллбокса такому не учили"

Ответы93759579

41 8 мая 2025, 11:11 41 139374

>>138846
checked это про стейт, привяжи либо к форм дате, либо к стейту и задай начальное значение false.

Либо как выше советовали defaultChecked

42 8 мая 2025, 11:18 42 139375

>>139328
>как уменьшал размер бандла
Thanos.js

А так смотрю, вопросы все легкие относительно, я без курсов учился, сам и на проектах, уже 4 года работаю...

Если кроку нужны курсы, скилбоксы, рсскулы то рекомендую посмотреть в сторону завода.

43 11 июля, 14:53 43 139417

Пусть имеется таблица, высота и ширина которой через css заданы как 100%.
У таблицы всего две строки - первая строка содержит одну ячейку, высотой в 100px.
Вторая строка содержит две ячейки, ширина первой из которых 100px, а у второй calc(100% - 100px)
У второй ячейки есть свойство overflow-y: auto.
Так вышло, что когда содержимое ячейки становится достаточно большим, то сначала растягивается таблица, а уже потом можно делать скролл внутри ячейки.
Как сделать так, чтобы таблица не растягивалась?

61 Кб, 736x736
Лил 44 13 авг, 11:01 44 139454

Сап, аноны, надеюсь, я по адресу. В общем, хочу прикрутить Fancybox к моей борде на движке vichan, как это провернуть?

45 16 авг, 01:13 45 139458

Давным давно в хроме была анимация на вкладках. Водишь курсор - и градиент перемещается за ним.

Я каким-то образом сделал такую анимацию без JS. Это было 10 лет назад.

ВОПРОС - КАК БЛЯТЬ??? Гугл нихуя не даёт, везде с JS.

46 16 окт, 04:09 46 139557

https://2ch.su/po/res/60998156.html

47 7 ноя, 03:11 47 139579

>>139328
Ультраизичные вопросы, хотя ванную и собеседуемый и собеседующий обосрались уж на 6м

48 8 дек, 00:02 48 139600

аноны, никто не хочет создать конфу в тг, чтобы общаться по теме треда там тоже?

49 6 фев, 16:54 49 139657

тред сдох

50 15 фев, 18:37 50 139666

сап аноны. такое дело - создал интернет магазин для родственницы на тильде, продаёт цветочные букеты. уже месяц мучаюсь, не пойму как сделать. кароче, ей нужна функция, чтобы она через чат (не личный) могла клиенту фото перед доставкой отправить, типа норм букет или переделать, а он отреагировать - лайк или дизлайк. ну и чтобы статус заказа с тильды crm приходил в этот чат клиенту. вроде как мне нужен чат бот в тг, но ебусь уже месяц, все конструкторы перепробовал, не пойму как реализовать фигню с отправкой фото. готового бота купить не готова родственница - ебать дорого, так что хз че делать.
буду от души благодарен за любой совет/помощь.

Ответы97089750

51 1 апр, 13:22 51 139689

Какой-то сынок бляди решил самолично всем подкрутить горизонт:
<div class="cntnt" style="transform: skewY(0.3deg);">
из-за чего пиздой накрылся мой стиль, что интересно на этой доске такого стиля нет

52 20 апр, 21:50 52 139708

>>139666
>ебать дорого, так что
Пусть вручную отправляет.

53 27 июня, 16:33 53 139748

>>138811 (OP)
> Что такое вёрстка?
<твоя мамка>
> div.*{width:['догадайся!']<‥>}

54 27 июня, 16:44 54 139750

>>139666
> на тильде
Но как туда без гандонов моваться вообще?

Ответы9751

55 27 июня, 16:46 55 139751

>>139750
> моваться
Ти на шо намекнув?

Ответы9752

56 27 июня, 16:48 56 139752

>>139751
Не на пвз и скандалы жэ?

Ответы9754

57 28 июня, 16:33 57 139754

>>139752
Разумеется, у нас, именно с ними, уже ничего не ассоциируется)

Обновить тред
« /web/В начало тредаВеб-версияНастройки/a//b//mu//s//vg/Все доски

Скачать тред только с превьюс превью и прикрепленными файлами

Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах.Подробнее

Пользуетесь скринридером — пишите, что можно улучшить.
Host-Food.ru — надёжный хостинг от 12 руб/мес | Free DNS
Зеркала М.Двача: m2ch.hk, m2ch.lib, m2chfapiswfw2wcakptqp4o6ltgchvjuxfab7urxlduraomtlnhw5xad.onion