Здесь собраны ссылки на базовые ресурсы по Front-End-разработке и вёрстке сайтов.
Что такое вёрстка?
Вёрстка - создание рабочего прототипа сайта. Статичной страницы, без каких-либо скриптов, в основном при помощи знаменитой связки HTML + CSS.
Для чего этот тред?
Чтобы ты, анон, не заблудился. Здесь можно задать любой вопрос, касающийся Front-End-разработки, и, возможно, даже получить на него ответ.
Платиновые пасты
1. 2.
FAQ
Смежные треды в /wrk/ для вкатунов.
Что такое вёрстка?
Вёрстка - создание рабочего прототипа сайта. Статичной страницы, без каких-либо скриптов, в основном при помощи знаменитой связки HTML + CSS.
Для чего этот тред?
Чтобы ты, анон, не заблудился. Здесь можно задать любой вопрос, касающийся Front-End-разработки, и, возможно, даже получить на него ответ.
Платиновые пасты
1. 2.
FAQ
Как учить React Как учить JavaScript Руководство по HTML Руководство по CSS Теория продвинутых курсов HTML Academy
Смежные треды в /wrk/ для вкатунов.
САП сениоры и мидлы! У меня проблема с vscode( В частности с расширением Vue - Official
После создания нового файла(компоненты) приходится перезагружать vscode, ибо расширение перестает нормально воспринимать файл и не делает подсказки та и настройки space/tabs пропадают ((((
в output Vue Language Server после создания и открытия новой компоненты вылазит ошибка
Искал, гуглил и в общем нашел только тут похожий случай и откатил до версий 2.0.6, и не помогло.
Такая же ошибка на Linux, Windows, Wsl. Только макинтош не пробовал
https://github.com/vuejs/language-tools/issues/4256#issuecomment-2094000739
После создания нового файла(компоненты) приходится перезагружать 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
Реактирую. Есть чекбокс с лейблом, к которому не подкручены никакие скрипты и хуки, и он (через CSS) работает. Но если поставить по дефолту checked (просто checked или checked="checked"), чекбокс нельзя отжать. Если убрать атрибут, то можно и нажимать и отжимать. Чому так?
Куда обращается браузер, когда обрабатывает тег iframe?
Была мысль, что браузер изначально обращается к серверу, с которого скачана содержащая тег iframe страница, а уже потом этот сервер делает запрос на тот сервер, что указан в src, а уже потом пересылает браузеру ответ, но такая схема выглядит глупой, однако не нарушает политику одного источника.
Была мысль, что браузер изначально обращается к серверу, с которого скачана содержащая тег iframe страница, а уже потом этот сервер делает запрос на тот сервер, что указан в src, а уже потом пересылает браузеру ответ, но такая схема выглядит глупой, однако не нарушает политику одного источника.
Насколько быстро можно научиться верстке pixel perfect? Я уже год саморазвиваюсь за пекой, пизда как медленно учебный макет верстаю чтоб совпал с наложенной картинкой в pixel perfect.
Сколько времени занимает натренироваться чтоб pixel perfect быстро нахуяривать научиться?
Сколько времени занимает натренироваться чтоб pixel perfect быстро нахуяривать научиться?
>>8913
а нахуй pixel perfect? Я так JS изучаю пока что ;(
а нахуй pixel perfect? Я так JS изучаю пока что ;(
>>8846
надо курсором мыши по синей галочке попасть
надо курсором мыши по синей галочке попасть
>>8913
Открываешь инструменты разработчика и пишешь там марджины/паддинги, после высчитываешь в %, если тебе нужен адаптив. Не забывай смотреть на то, какой ширины тебе дали макет и подстраивай в девтулзах ширину экрана.
Откуда брал учебный макет?
Открываешь инструменты разработчика и пишешь там марджины/паддинги, после высчитываешь в %, если тебе нужен адаптив. Не забывай смотреть на то, какой ширины тебе дали макет и подстраивай в девтулзах ширину экрана.
Откуда брал учебный макет?
Как можно показывать видео без тега video и всяких штук из прошлого(к примеру flash или java-апплеты)?
>>8979
Нет
Нет
>>8993
Потому что ничем не отличается, если бы ты самостоятельно шёл по роадмапу из инетов.
Есть дискордик у них, но он больше байтит на чтение бесполезных вопросов/ответов и охотнее там отвечают тяночкам, ведь им так сложно в погромировании.
Голову не ебите себе всякими CUMунити и курсами. Всё изи учится по запросам в гугле. Если хуево учится, то не твоё. Там вон на складе вайдберриса делают миддловскую зп (170к~), пока ты будешь тут хэтэмэлэ, цээсэс и жиэс учить год-два.
Потому что ничем не отличается, если бы ты самостоятельно шёл по роадмапу из инетов.
Есть дискордик у них, но он больше байтит на чтение бесполезных вопросов/ответов и охотнее там отвечают тяночкам, ведь им так сложно в погромировании.
Голову не ебите себе всякими CUMунити и курсами. Всё изи учится по запросам в гугле. Если хуево учится, то не твоё. Там вон на складе вайдберриса делают миддловскую зп (170к~), пока ты будешь тут хэтэмэлэ, цээсэс и жиэс учить год-два.
>>8994
Ну я прохожу pre-school и в дискорде с помощью поиска находил ответы на свои вопросы (хули, они там однотипные из года в год). А сидеть и мониторить весь этот флуд - нахуй надо (даже ради помощи тяночкам).
Сам планирую в конце октября вкатиться в основной курс, ради получения менторши
> байтит на чтение бесполезных вопросов/ответов
Ну я прохожу pre-school и в дискорде с помощью поиска находил ответы на свои вопросы (хули, они там однотипные из года в год). А сидеть и мониторить весь этот флуд - нахуй надо (даже ради помощи тяночкам).
Сам планирую в конце октября вкатиться в основной курс, ради получения менторши
>>8995
Тогда предупрежу, что ментор только со stage 2 и нужно сильно порвать жопу, чтобы получить его. Потому, что нужно быть в топ-100 примерно, а это анрил, если ты с нуля и у тебя параллельно работа/учеба + очень много кого, кто по второму, третьему кругу проходят этот курс.
Тогда предупрежу, что ментор только со stage 2 и нужно сильно порвать жопу, чтобы получить его. Потому, что нужно быть в топ-100 примерно, а это анрил, если ты с нуля и у тебя параллельно работа/учеба + очень много кого, кто по второму, третьему кругу проходят этот курс.
В 2к(почти)25 году реально ли, чистым фронтендером найти работу vue nuxt ts? Или теперь шанс найти работу только и исключительно бэкендером или фуллстеком? А фронтендером не реально из-за обилия желающих быть фронтендером?
>>8997
у рынка недостаток PHP прогеров, смотри в эту сторону, если надо скорее работу найти
у рынка недостаток PHP прогеров, смотри в эту сторону, если надо скорее работу найти
>>8998
Нет никакого недостатка в пхп разрабах - кабанчики их меняют как перчатки. Если ты видишь много вакух на пхп, то там будет задачи с высокой сложностью за зпху курьера.
Нет никакого недостатка в пхп разрабах - кабанчики их меняют как перчатки. Если ты видишь много вакух на пхп, то там будет задачи с высокой сложностью за зпху курьера.
>>9000
думайте тогда нужно ли вам айти если курьеры получают зпху как вы
думайте тогда нужно ли вам айти если курьеры получают зпху как вы
Хочу руками поверстать что-то и повторить все, что помню по html и css, всегда знал поверхностно все это, так и не добрался до LESS
Какие курсы от академии последние или есть что получше сейчас? В прошло смотрел их, но не до конца.
Какие курсы от академии последние или есть что получше сейчас? В прошло смотрел их, но не до конца.
Пилю расширение для Chrome
При его установке на всех сайтах при наведении мыши на его иконку показывается всплывающая подсказка: "расширение запрашивает доступ к этому сайту", а если кликнуть то: "у расширения есть доступ к этому сайту"
Как этого избежать? Мне нужно чтобы моё расширение работало только на одном конкретном сайте и этот сайт прописан в манифесте в host_permissions и в content_scripts.matches
По клику ничего делать не нужно, но такие надписи пугают пользователей и вообще это странно, хочется его максимально ограничить, вдруг я напортачу со скриптами
При его установке на всех сайтах при наведении мыши на его иконку показывается всплывающая подсказка: "расширение запрашивает доступ к этому сайту", а если кликнуть то: "у расширения есть доступ к этому сайту"
Как этого избежать? Мне нужно чтобы моё расширение работало только на одном конкретном сайте и этот сайт прописан в манифесте в host_permissions и в content_scripts.matches
По клику ничего делать не нужно, но такие надписи пугают пользователей и вообще это странно, хочется его максимально ограничить, вдруг я напортачу со скриптами
https://tailwindui.com
Где это спиратить? Насколько я понимаю там просто готовые tailwind шаблоны. Или где спиратить подобное
Где это спиратить? Насколько я понимаю там просто готовые tailwind шаблоны. Или где спиратить подобное
>>9019
подобно называется внезапно tailwind templates free
например https://www.tailwindawesome.com/?price=free&type=template
подобно называется внезапно tailwind templates free
например https://www.tailwindawesome.com/?price=free&type=template
вот где-бы спиратить все блоки из https://primeblocks.org/
подсказал кто...
подсказал кто...
>>9019
тут не много, но это всё что есть, как говорится.
какой-то челик на реддите во vue-треде поделился
https://github.com/LaB-CH3/indiebold-ui
тут не много, но это всё что есть, как говорится.
какой-то челик на реддите во vue-треде поделился
https://github.com/LaB-CH3/indiebold-ui
у нас есть аналоги netlify/vercel, чтобы деплоить с гитхаба в два клика?
>>9144
скукота. надо что-то более бизнесовое
скукота. надо что-то более бизнесовое
>>9143
Сайт с эскортницами — анкеты, фильтрация, комменты ходоков.
Сайт с эскортницами — анкеты, фильтрация, комменты ходоков.
Кто нибудь знает такой видео плеер, который имеет поддержку rutube?
Мне сказали есть один такой, но я никогда не слышал об этом мифическом звере.
Хотелось бы узнать.
Мне сказали есть один такой, но я никогда не слышал об этом мифическом звере.
Хотелось бы узнать.
>>8811 (OP)
Браты, при наведении на номер поста на Дваче у меня не всплывает пост, это по вашей части? Что там в браузере я такого запретил, из-за чего функция отъебнула?
Браты, при наведении на номер поста на Дваче у меня не всплывает пост, это по вашей части? Что там в браузере я такого запретил, из-за чего функция отъебнула?
список вопросов собеседования из интервью на FE-мидла. сколько процентов из местных гуру-вкатунов, раздающих советы, поймут что тут вообще спрашивают, не говоря о том чтобы сразу же ответить на них на интервью, кек?
категория: "нас на курсах Скиллбокса такому не учили"
категория: "нас на курсах Скиллбокса такому не учили"
>>8846
checked это про стейт, привяжи либо к форм дате, либо к стейту и задай начальное значение false.
Либо как выше советовали defaultChecked
checked это про стейт, привяжи либо к форм дате, либо к стейту и задай начальное значение false.
Либо как выше советовали defaultChecked
>>9328
Thanos.js
А так смотрю, вопросы все легкие относительно, я без курсов учился, сам и на проектах, уже 4 года работаю...
Если кроку нужны курсы, скилбоксы, рсскулы то рекомендую посмотреть в сторону завода.
>как уменьшал размер бандла
Thanos.js
А так смотрю, вопросы все легкие относительно, я без курсов учился, сам и на проектах, уже 4 года работаю...
Если кроку нужны курсы, скилбоксы, рсскулы то рекомендую посмотреть в сторону завода.
Пусть имеется таблица, высота и ширина которой через css заданы как 100%.
У таблицы всего две строки - первая строка содержит одну ячейку, высотой в 100px.
Вторая строка содержит две ячейки, ширина первой из которых 100px, а у второй calc(100% - 100px)
У второй ячейки есть свойство overflow-y: auto.
Так вышло, что когда содержимое ячейки становится достаточно большим, то сначала растягивается таблица, а уже потом можно делать скролл внутри ячейки.
Как сделать так, чтобы таблица не растягивалась?
У таблицы всего две строки - первая строка содержит одну ячейку, высотой в 100px.
Вторая строка содержит две ячейки, ширина первой из которых 100px, а у второй calc(100% - 100px)
У второй ячейки есть свойство overflow-y: auto.
Так вышло, что когда содержимое ячейки становится достаточно большим, то сначала растягивается таблица, а уже потом можно делать скролл внутри ячейки.
Как сделать так, чтобы таблица не растягивалась?
Сап, аноны, надеюсь, я по адресу. В общем, хочу прикрутить Fancybox к моей борде на движке vichan, как это провернуть?
Давным давно в хроме была анимация на вкладках. Водишь курсор - и градиент перемещается за ним.
Я каким-то образом сделал такую анимацию без JS. Это было 10 лет назад.
ВОПРОС - КАК БЛЯТЬ??? Гугл нихуя не даёт, везде с JS.
Я каким-то образом сделал такую анимацию без JS. Это было 10 лет назад.
ВОПРОС - КАК БЛЯТЬ??? Гугл нихуя не даёт, везде с JS.
>>9328
Ультраизичные вопросы, хотя ванную и собеседуемый и собеседующий обосрались уж на 6м
Ультраизичные вопросы, хотя ванную и собеседуемый и собеседующий обосрались уж на 6м
аноны, никто не хочет создать конфу в тг, чтобы общаться по теме треда там тоже?
тред сдох
сап аноны. такое дело - создал интернет магазин для родственницы на тильде, продаёт цветочные букеты. уже месяц мучаюсь, не пойму как сделать. кароче, ей нужна функция, чтобы она через чат (не личный) могла клиенту фото перед доставкой отправить, типа норм букет или переделать, а он отреагировать - лайк или дизлайк. ну и чтобы статус заказа с тильды crm приходил в этот чат клиенту. вроде как мне нужен чат бот в тг, но ебусь уже месяц, все конструкторы перепробовал, не пойму как реализовать фигню с отправкой фото. готового бота купить не готова родственница - ебать дорого, так что хз че делать.
буду от души благодарен за любой совет/помощь.
буду от души благодарен за любой совет/помощь.
Какой-то сынок бляди решил самолично всем подкрутить горизонт:
<div class="cntnt" style="transform: skewY(0.3deg);">
из-за чего пиздой накрылся мой стиль, что интересно на этой доске такого стиля нет
<div class="cntnt" style="transform: skewY(0.3deg);">
из-за чего пиздой накрылся мой стиль, что интересно на этой доске такого стиля нет
>>9752
Разумеется, у нас, именно с ними, уже ничего не ассоциируется)
Разумеется, у нас, именно с ними, уже ничего не ассоциируется)