ОБ ЭТОМ могут спросить на собеседовании ВЕРСТАЛЬЩИКА или ФРОНТЕНДЕРА

[@annblok_webdev]

Насколько, по вашему мнению, новый метод проще привычных вариантов решений?

[@ITentrepreneur]

Офигеть. Это была самая неожиданно ворвавшаяся рекламная интеграция что я когда либо видел)) Браво Аня -- Блок, и причесалась хорошо, настоящая уральская екатеринбургская красота, Ройзман бы гордился тобой (если б видел)

[@eugenefromfl5666]

Спасибо большое Анна! Весьма познавательно, и в любой момент может пригодиться!

[@Андрей-н4ы9к]

Как то очень неожиданно от css перешли к электрогрилю))

[@АртёмФомин-п8ы]

Странно, что вы пишете border-radius: 100%. Хотя браузер и масштабирует это значение до 50%, всё-таки правильнее было бы изначально писать border-radius: 50%.

[@vip.ted100]

Объясните пожалуйста, а как так вы написали в одном классе переменную и потом везде её используете, а не в :root{}

[@mcsergey]

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

[@StonHenge]

Моё мнение, что это точно не уровень джунов-верстальщиков.

[@fl1ckyyy155]

А чей это уровень? Школьников?

[@viktormoskalev2269]

Очень длинный код вышел мне кажется проще сделать расчеты на js и тег стайл в цикле заполнить , слава богу next js на большинстве проектов)

[@trywongndeso6283]

Где ты находишь все эти обновления?

[@lanstromedamusic4976]

никогда не давалась мне тригонометрия, походу и полярные координаты пригодятся в будущем)

[@jaanuthebiker]

Спасибо за видео больше!

[@mimimizhka]

Верстальшики уже не нужны, таких вакансий почти нету. Нужны фронтенд разработчики которые по мимо html и css знают JavaScript, TypeScript, React, Vue js, bootstrap. Вот как то так…

[@alexperemey6046]

Во-первых bootstrap - это как раз верстка. Во-вторых - это уже устаревшая библиотека, хоть и поддерживается. Ну и в-третьих - какой из тебя "фронтендер", если ты не знаешь верстки?

[@mimimizhka]

@@alexperemey6046 во вторых, какой из тебя фронтендер если ты знаешь только css и html?

[@mimimizhka]

@@alexperemey6046 и в третих, bootstrap и tailwindcas это два самых популярных фреймворка в мире, назови хоть что то что было бы популярнее?

[@rubenwildrift]

Мне это в кошмарах снится будет, опять это математика😢

[@SwordToothTiger]

Это ещё до задач про землекопов или бассейна не дошли.

[@mimimizhka]

На самом деле эти синусы и косинусы фронтенд разработчику знать необязательно, и серьёзные компании их использовать не будут, так как они не поддерживаются всеми браузерами. А вот что надо знать по мимо css и html это JavaScript, TypeScript, React, Vue js, bootstrap

[@SwordToothTiger]

@@mimimizhka я тоже думаю что это всё через JS решается.

[@alexperemey6046]

@@SwordToothTiger Нет, через rotate.

[@SwordToothTiger]

В конце про подгонку не понял... как догадались что нужно именно на 30px смещать?

[@annblok_webdev]

30px это просто ширина контейнера для цифр. Можно было указать другое значение, главное, чтобы по ширине 12 (верхнее значение на циферблате) поместилось. Можно также сделать контейнер в других единицах измерения. В идеале ещё и font-size сделать адаптивным.

[@SwordToothTiger]

@@annblok_webdev т.е. 12 элементов тайм нужно отцентрировать так что бы их центры располагались на границе блока который содержит все элементы тайм?

[@TheFryOS]

как давно вы видели вакансию верстальщика?

[@Streetfoodkatarka]

Когда следующий стрим?

[@loltv7902]

Вакансию верстальщика сейчас очень редко встретишь

[@dmitrykovalchuk6549]

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

[@msa6193]

Об этом не будут спрашивать на собеседовании🤣 Прежде чем писать такие заголовки автору канала рекомендую самой пройти пробное собеседование, что бы знать что спрашивают)

[@alexperemey6046]

Кликбейт же

[@umnyicoder]

Меня спрашивали

[@thehokage421]

Анна, как ты в этом вообще разбираешься? Я только открыл статьи о том, чтобы узнать больше о синусах/косинусах в цсс и уже мозг расплавился. А ты так быстро видео на эту тему выпускаешь, я в шоооке

[@ViKTorulez]

Ты смеешься? Синусы/косинусы в школе проходят... Что вы все в it прёте то...

[@Александр-с5э8р]

@@ViKTorulez да кто это в школе учит, а потом еще и не забыть же нужно всю эту муть не думаю что это все пригодится верстальщику слишком замудрено можно сделать проще!

[@ViKTorulez]

@@Александр-с5э8р об это я и пишу, продажники/менеджеры судорожно лезут в it за зарплатами, есть такие индивидуумы, которые даже принтер настроить не могут (сам с такими коллегами сталкивался). Кому надо и кто этим заинтересован в школе это учит и запоминает

[@ripclan5553]

Мне показалось, что старые методы проще. Или я ошибаюсь?

[@ИмяФамилия-э4ф7в]

В данном случае - да. Я бы делал через transform rotate, а сам текст через rotate с таким же углом, но со знаком минус. Да, там нужны ещё обертки для цифр, но разве это проблема? Но, наверное, есть задачи, где синусы удобнее

[@josh1832]

Всегда думал что синусы для треугольников...

[@alexperemey6046]

Пример с треугольником был бы более адекватным, поскольку это реально, когда оно бывает надо, чтобы сторону посчитать там, где нельзя просто снять ее размер из фигмы.

[@marselforester7317]

синусы и кАсинусы я понЯл тока с появлением ютуба :) Учителей не хейтю за это потому как не было у них времени все разжевывать, а может они и сами не совсем понимали что к чему XD

[@alexperemey6046]

Просто ко времени ютуба ты сам чуть подрос и стал не таким тупеньким.

[@marselforester7317]

да неееее я и щас тупой XD@@alexperemey6046

[@omxian408]

Я бы наверное лучше с помощью джава скрипта и канваса этот циферблат писал))

[@alexperemey6046]

Все, что можно сделать на css лучше делать на css. Быстрее работает.

[@Александр-с5э8р]

@@alexperemey6046 на пол секунды, а мороки горы)

[@СергейКоролев-о6й1я]

Работаю верстальщиком, очень тяжелая подача материала

[@kylex127]

лайк за рекламу гриля

[@bazoff]

Она жена Андрея Блока?

[@wivi2777]

Кстати тоже эту статью видео, но твоё объяснение даже лучше дало понять, в чем суть этих углов, а то там просто формула дана и всё, сиди разбирайся с этой чепухой ппц

[@randomgamer910]

А где еще синусы и косинусы могут пригодиться на сайтах?

[@annblok_webdev]

Для создания паттернов и новых вариаций для анимаций

[@mimimizhka]

@@annblok_webdev Паттерны и анимацию лучшее сделать по другому с помощью встраиваемых svg, а эти svg рисовать в Adobe illustrator и анимации в adobe animation. CSS синусы и косинусы плохо поддерживаются браузерами …

[@alexperemey6046]

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

[@mimimizhka]

@@alexperemey6046 так это можно сделать без синусов и косинусов, вот пример: .outer-container { width: 200px; /* Ширина внешнего контейнера */ height: 200px; /* Высота внешнего контейнера */ background-color: #ccc; /* Цвет фона внешнего контейнера */ position: relative; /* Позиционирование элемента */ } .inner-element { width: 100px; /* Ширина внутреннего элемента */ height: 100px; /* Высота внутреннего элемента */ background-color: #f00; /* Цвет фона внутреннего элемента */ position: absolute; /* Абсолютное позиционирование */ top: 0; /* Верхний край */ left: 0; /* Левый край */ transform: translateY(100%) rotate(45deg); /* Применяем трансформации */ }

[@skippop938]

я начал учить хтмл и цсс, но боюс идти на собесы памагите

[@rubenwildrift]

А как же джаваскпип? Ну у тебя только эти языки? И сколько времени учишь?

[@ИмяФамилия-э4ф7в]

Просто не жди ничего от первых собесов, там, оффер и т.п.

[@mimimizhka]

Выучи еще JavaScript, Typescript, bootstrap и vue js и можешь уверенно идти на собеседование

[@Александр-с5э8р]

@@mimimizhka да хотябы джиэс уже отлично будет

[@kotikjewelry]

О чем спросят, видели ли мы твой плагиат на чужое творчество? А, ок

[@alexperemey6046]

Да какой плагиат, лол. Это все равно, что сказать, что объяснение теоремы Пифагора имеет право давать только сертифицированная математическая организация, а все остальные его воруют. Задаче о циферблате больше 15 лет. Я помню как ее еще крутили на js через те же sin - cos, потом появилось rotate, стало проще. Сейчас вот еще и sin, cos из css можно использовать.