Офигеть. Это была самая неожиданно ворвавшаяся рекламная интеграция что я когда либо видел)) Браво Аня -- Блок, и причесалась хорошо, настоящая уральская екатеринбургская красота, Ройзман бы гордился тобой (если б видел)
Странно, что вы пишете border-radius: 100%. Хотя браузер и масштабирует это значение до 50%, всё-таки правильнее было бы изначально писать border-radius: 50%.
На самом деле эти синусы и косинусы фронтенд разработчику знать необязательно, и серьёзные компании их использовать не будут, так как они не поддерживаются всеми браузерами. А вот что надо знать по мимо css и html это JavaScript, TypeScript, React, Vue js, bootstrap
Анна, как ты в этом вообще разбираешься? Я только открыл статьи о том, чтобы узнать больше о синусах/косинусах в цсс и уже мозг расплавился. А ты так быстро видео на эту тему выпускаешь, я в шоооке
@@ViKTorulez да кто это в школе учит, а потом еще и не забыть же нужно всю эту муть не думаю что это все пригодится верстальщику слишком замудрено можно сделать проще!
@@Александр-с5э8р об это я и пишу, продажники/менеджеры судорожно лезут в it за зарплатами, есть такие индивидуумы, которые даже принтер настроить не могут (сам с такими коллегами сталкивался). Кому надо и кто этим заинтересован в школе это учит и запоминает
Об этом не будут спрашивать на собеседовании🤣 Прежде чем писать такие заголовки автору канала рекомендую самой пройти пробное собеседование, что бы знать что спрашивают)
30px это просто ширина контейнера для цифр. Можно было указать другое значение, главное, чтобы по ширине 12 (верхнее значение на циферблате) поместилось. Можно также сделать контейнер в других единицах измерения. В идеале ещё и font-size сделать адаптивным.
Верстальшики уже не нужны, таких вакансий почти нету. Нужны фронтенд разработчики которые по мимо html и css знают JavaScript, TypeScript, React, Vue js, bootstrap. Вот как то так…
Во-первых bootstrap - это как раз верстка. Во-вторых - это уже устаревшая библиотека, хоть и поддерживается. Ну и в-третьих - какой из тебя "фронтендер", если ты не знаешь верстки?
Пример с треугольником был бы более адекватным, поскольку это реально, когда оно бывает надо, чтобы сторону посчитать там, где нельзя просто снять ее размер из фигмы.
синусы и кАсинусы я понЯл тока с появлением ютуба :) Учителей не хейтю за это потому как не было у них времени все разжевывать, а может они и сами не совсем понимали что к чему XD
В данном случае - да. Я бы делал через transform rotate, а сам текст через rotate с таким же углом, но со знаком минус. Да, там нужны ещё обертки для цифр, но разве это проблема? Но, наверное, есть задачи, где синусы удобнее
Кстати тоже эту статью видео, но твоё объяснение даже лучше дало понять, в чем суть этих углов, а то там просто формула дана и всё, сиди разбирайся с этой чепухой ппц
@@annblok_webdev Паттерны и анимацию лучшее сделать по другому с помощью встраиваемых svg, а эти svg рисовать в Adobe illustrator и анимации в adobe animation. CSS синусы и косинусы плохо поддерживаются браузерами …
@@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); /* Применяем трансформации */ }
Да какой плагиат, лол. Это все равно, что сказать, что объяснение теоремы Пифагора имеет право давать только сертифицированная математическая организация, а все остальные его воруют. Задаче о циферблате больше 15 лет. Я помню как ее еще крутили на js через те же sin - cos, потом появилось rotate, стало проще. Сейчас вот еще и sin, cos из css можно использовать.
Насколько, по вашему мнению, новый метод проще привычных вариантов решений?
Офигеть. Это была самая неожиданно ворвавшаяся рекламная интеграция что я когда либо видел)) Браво Аня -- Блок, и причесалась хорошо, настоящая уральская екатеринбургская красота, Ройзман бы гордился тобой (если б видел)
Спасибо большое Анна! Весьма познавательно, и в любой момент может пригодиться!
Объясните пожалуйста, а как так вы написали в одном классе переменную и потом везде её используете, а не в :root{}
Как то очень неожиданно от css перешли к электрогрилю))
Странно, что вы пишете border-radius: 100%. Хотя браузер и масштабирует это значение до 50%, всё-таки правильнее было бы изначально писать border-radius: 50%.
Со школы помню что градусы считаются против часовой.
А так прикольно, но в каком то смысле, бесполезно.
Где ты находишь все эти обновления?
никогда не давалась мне тригонометрия, походу и полярные координаты пригодятся в будущем)
Моё мнение, что это точно не уровень джунов-верстальщиков.
А чей это уровень? Школьников?
Мне это в кошмарах снится будет, опять это математика😢
Это ещё до задач про землекопов или бассейна не дошли.
На самом деле эти синусы и косинусы фронтенд разработчику знать необязательно, и серьёзные компании их использовать не будут, так как они не поддерживаются всеми браузерами. А вот что надо знать по мимо css и html это JavaScript, TypeScript, React, Vue js, bootstrap
@@mimimizhka я тоже думаю что это всё через JS решается.
@@SwordToothTiger Нет, через rotate.
Спасибо за видео больше!
Очень длинный код вышел мне кажется проще сделать расчеты на js и тег стайл в цикле заполнить , слава богу next js на большинстве проектов)
Вакансию верстальщика сейчас очень редко встретишь
Анна, как ты в этом вообще разбираешься? Я только открыл статьи о том, чтобы узнать больше о синусах/косинусах в цсс и уже мозг расплавился. А ты так быстро видео на эту тему выпускаешь, я в шоооке
Ты смеешься? Синусы/косинусы в школе проходят... Что вы все в it прёте то...
@@ViKTorulez да кто это в школе учит, а потом еще и не забыть же нужно всю эту муть не думаю что это все пригодится верстальщику слишком замудрено можно сделать проще!
@@Александр-с5э8р об это я и пишу, продажники/менеджеры судорожно лезут в it за зарплатами, есть такие индивидуумы, которые даже принтер настроить не могут (сам с такими коллегами сталкивался). Кому надо и кто этим заинтересован в школе это учит и запоминает
Об этом не будут спрашивать на собеседовании🤣 Прежде чем писать такие заголовки автору канала рекомендую самой пройти пробное собеседование, что бы знать что спрашивают)
Кликбейт же
Меня спрашивали
В конце про подгонку не понял... как догадались что нужно именно на 30px смещать?
30px это просто ширина контейнера для цифр. Можно было указать другое значение, главное, чтобы по ширине 12 (верхнее значение на циферблате) поместилось. Можно также сделать контейнер в других единицах измерения. В идеале ещё и font-size сделать адаптивным.
@@annblok_webdev т.е. 12 элементов тайм нужно отцентрировать так что бы их центры располагались на границе блока который содержит все элементы тайм?
Когда следующий стрим?
как давно вы видели вакансию верстальщика?
Я бы наверное лучше с помощью джава скрипта и канваса этот циферблат писал))
Все, что можно сделать на css лучше делать на css. Быстрее работает.
@@alexperemey6046 на пол секунды, а мороки горы)
Если на собесе начнут спрашивать такую дичь, то можно уходить сразу же.
Верстальшики уже не нужны, таких вакансий почти нету. Нужны фронтенд разработчики которые по мимо html и css знают JavaScript, TypeScript, React, Vue js, bootstrap. Вот как то так…
Во-первых bootstrap - это как раз верстка.
Во-вторых - это уже устаревшая библиотека, хоть и поддерживается.
Ну и в-третьих - какой из тебя "фронтендер", если ты не знаешь верстки?
@@alexperemey6046 во вторых, какой из тебя фронтендер если ты знаешь только css и html?
@@alexperemey6046 и в третих, bootstrap и tailwindcas это два самых популярных фреймворка в мире, назови хоть что то что было бы популярнее?
Всегда думал что синусы для треугольников...
Пример с треугольником был бы более адекватным, поскольку это реально, когда оно бывает надо, чтобы сторону посчитать там, где нельзя просто снять ее размер из фигмы.
синусы и кАсинусы я понЯл тока с появлением ютуба :) Учителей не хейтю за это потому как не было у них времени все разжевывать, а может они и сами не совсем понимали что к чему XD
Просто ко времени ютуба ты сам чуть подрос и стал не таким тупеньким.
да неееее я и щас тупой XD@@alexperemey6046
Мне показалось, что старые методы проще. Или я ошибаюсь?
В данном случае - да. Я бы делал через transform rotate, а сам текст через rotate с таким же углом, но со знаком минус. Да, там нужны ещё обертки для цифр, но разве это проблема?
Но, наверное, есть задачи, где синусы удобнее
Работаю верстальщиком, очень тяжелая подача материала
Она жена Андрея Блока?
Кстати тоже эту статью видео, но твоё объяснение даже лучше дало понять, в чем суть этих углов, а то там просто формула дана и всё, сиди разбирайся с этой чепухой ппц
А где еще синусы и косинусы могут пригодиться на сайтах?
Для создания паттернов и новых вариаций для анимаций
@@annblok_webdev Паттерны и анимацию лучшее сделать по другому с помощью встраиваемых svg, а эти svg рисовать в Adobe illustrator и анимации в adobe animation. CSS синусы и косинусы плохо поддерживаются браузерами …
Например когда у тебя катет по гипотенузе нужно посчитать, для сложного дизайнерского элемента верстки.
@@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); /* Применяем трансформации */
}
лайк за рекламу гриля
я начал учить хтмл и цсс, но боюс идти на собесы памагите
А как же джаваскпип? Ну у тебя только эти языки? И сколько времени учишь?
Просто не жди ничего от первых собесов, там, оффер и т.п.
Выучи еще JavaScript, Typescript, bootstrap и vue js и можешь уверенно идти на собеседование
@@mimimizhka да хотябы джиэс уже отлично будет
О чем спросят, видели ли мы твой плагиат на чужое творчество? А, ок
Да какой плагиат, лол. Это все равно, что сказать, что объяснение теоремы Пифагора имеет право давать только сертифицированная математическая организация, а все остальные его воруют. Задаче о циферблате больше 15 лет. Я помню как ее еще крутили на js через те же sin - cos, потом появилось rotate, стало проще. Сейчас вот еще и sin, cos из css можно использовать.