Отвечу на пару комментариев: 1. Что использовать? 2. Как насчет SEO? 1. В идеале, делать понятные иконки, сразу с подписями. Тогда никакие подсказки не будут нужны. Но так как это не всегда возможно, то рекомендую использовать любую из миллиона библиотек в npm, которая сделает это намного лучше. Библиотеку можете сами поискать, в зависимости от вашего стэка 2. Так как я не SEO специалист, то про этот кейс услышал впервые, благодаря вашим комментариям. Я прочел триллион статей на эту тему. Но, я нигде не нашел прямого доказательства, что этот атрибут оказывает прямое влияние на SEO. Везде пишут разные мнения про то, что он может как-то косвенно влиять из-за того, что пользователь увидел эту подсказку. Но как я писал выше, подсказку можно реализовать другим образом и по идее, можно получить аналогичный результат. Если найдете нормальную, актуальную статью, то буду благодарен, а заодно удалю этот ролик и выпущу опровержение из-за "вредоносной" информации. P.S. В статье должны быть нормальные доказательства влияния этого атрибута
Используйте атрибут тайтл - это способ показать подсказку для элемента. Это правильно со стороны семантики и также может быть учтено поисковыми системами. Для Тач устройств сделайте дополнительно решение , опирающееся на атрибут тайтл
ВСЕГДА добавляйте тайтл, автор никак не обосновал свою позицию. Обязательно используйте тайтл и другие атрибуты для семантики и специально отдельно для мобильных устройств
А что вы хотите от человека навязывающего свои глупые парадигмы? Он хочет стать новой барборой лисоу. ))) Не выстрелит тут глупая идея, выстрелит в другом месте. _)
Если предлагаете что-то не использовать, ок, аргументы весомые, но, что с альтернативой? При отсутствии альтернативы, все аргументы разобьются об один аргумент: лучше что-то чем вообще ничего. Пусть хотя бы на десктопах будет виден тайтл.
В идеале, найти подходящую библиотеку и использовать ее как альтернативу. Библиотек, которые всплывашки рисуют - огромное множество :) Например эта, но ее настраивать больно. Зато весит немного npmjs.com/package/@popperjs/core
@@kakieToYroki Ну и советы. Я перед тем как добавить новую зависимость сто раз подумаю а не проще-ли самому написать чем тянуть целую либу ради красивого _target.sdelat_pizdato() Понапишут на фреймворках, а потом у них калькуляторы по 50МБ весят.
Критикуешь предлагай, зачем писать плюсик, на кнопке добавить в корзину. Как по мне гораздо понятнее будет на такой кнопке написать svg корзины А вообще если ты терпеливый и 'боярин' то с title на сайте порой реально проще жить))
К сожалению, нам придётся смириться с тем, что только бояре смогут увидеть эту подсказку, а простым беззубым крестьянам это никогда не удастся сделать.
Я смотрю в комментах дикий срач разгорелся по поводу тайтл. Меня же другой вопрос интересует: Автор, какая, блин, связь между тем, что тайтл не работает на тач устройствах и его использованием в вёрстке для ПК? Просто, в моём понимании было бы логичнее сказать что-то вроде: Используйте тайтл только в вёрстке для ПК. А для тач устройств делайте .... А что, кстати, для тач устройств??? Как там поступить?
никогда не используйте атрибут img на сайте, его слепые не увидят, не используйте hover, владельцы тач скринов его не увидят. и вообще не используйте html идите на стройку, там все пощупать можно😅
Ну не, как это связано с советом его не использовать, наоборот используйте, просто понимайте его ограничения и т.п.. А для лидеров там свои атрибуты есть на сколько знаю и их тоже заюзать
А чем использование тайтла мешает? Ну и да, дизайн должен быть таким, чтобы и без выпадашек всё было понятно. Но иногда тайтлы необходимы, именно для десктопных приложений
Лучше вообще ничего не используйте, а то у какого-нибудь Василия на пятом интернет эксплорере это не будет работать. В чем смысл видео, если ты даже не упомянул aria атрибуты, но при этом просто обосрал рандомный атрибут
Т.е. вы предлагаете проигнорировать большинство, и делать интерфейс для меньшинства? Отличная идея... прям как повестка лгбт. Плевать на мнение большинства. Топ демократии. !!!
@@kakieToYroki ну это оптимизация и улучшение бесспорно...Но просто оно же не вредит что бы его прям не использовать :D Но все равно круто.. Раз выдался момент,хочу сказать спасибо за контент не только этот а вообще в целом , и за труд..Успехов.=)
Кнопочный расист! Почему ты принижаешь пользователей ПК?! Они, что, не люди?! Если бы ты сказал: вместе с title используйте такие то технологии, чтоб всем было понятно, что эта кнопка делает, но нет! Ты обосрал пкашников, хотя сам пользовался мышкой и ПК!!! Т.е. если использовать тег title то другие технологии не могут быть применены?!
А слепые уже за людей не считаются? Они точно также как и ты хотят смотреть (слушать) видосы на ютубе, делать покупки, пользоваться другими услугами (очевидно же)
Отвечу на пару комментариев:
1. Что использовать?
2. Как насчет SEO?
1. В идеале, делать понятные иконки, сразу с подписями. Тогда никакие подсказки не будут нужны. Но так как это не всегда возможно, то рекомендую использовать любую из миллиона библиотек в npm, которая сделает это намного лучше. Библиотеку можете сами поискать, в зависимости от вашего стэка
2. Так как я не SEO специалист, то про этот кейс услышал впервые, благодаря вашим комментариям. Я прочел триллион статей на эту тему. Но, я нигде не нашел прямого доказательства, что этот атрибут оказывает прямое влияние на SEO. Везде пишут разные мнения про то, что он может как-то косвенно влиять из-за того, что пользователь увидел эту подсказку. Но как я писал выше, подсказку можно реализовать другим образом и по идее, можно получить аналогичный результат. Если найдете нормальную, актуальную статью, то буду благодарен, а заодно удалю этот ролик и выпущу опровержение из-за "вредоносной" информации.
P.S. В статье должны быть нормальные доказательства влияния этого атрибута
Используйте атрибут тайтл - это способ показать подсказку для элемента. Это правильно со стороны семантики и также может быть учтено поисковыми системами. Для Тач устройств сделайте дополнительно решение , опирающееся на атрибут тайтл
ВСЕГДА добавляйте тайтл, автор никак не обосновал свою позицию. Обязательно используйте тайтл и другие атрибуты для семантики и специально отдельно для мобильных устройств
Так и ты не обосновал
@@gubatenkovSEO оптимизация, всё обоснование) он же написал, семантика
А разве aria-label атрибута не будет достаточно для сеошников?
@@kakieToYroki Это у гугля или яндекса спросить надо. Они там своей жизнью живут.
Слепые люди никогда этого не увидят :/ 😅
А ой ))))))
А слепые и глухие ещё и не услышат что им ридер говорит.
@@user-wj4pc7te1j не всегда, Бах был слепым, а Бетховен глухим, однако как-то кнопку видели и слышали бубнеж
А что вы хотите от человека навязывающего свои глупые парадигмы?
Он хочет стать новой барборой лисоу. )))
Не выстрелит тут глупая идея, выстрелит в другом месте. _)
Если предлагаете что-то не использовать, ок, аргументы весомые, но, что с альтернативой? При отсутствии альтернативы, все аргументы разобьются об один аргумент: лучше что-то чем вообще ничего. Пусть хотя бы на десктопах будет виден тайтл.
В идеале, найти подходящую библиотеку и использовать ее как альтернативу. Библиотек, которые всплывашки рисуют - огромное множество :)
Например эта, но ее настраивать больно. Зато весит немного
npmjs.com/package/@popperjs/core
@@kakieToYroki 🔥 спасибо!
красава. бомбит от таких видео
@webcloud8012 расслабься и бомбить не будет)
@@kakieToYroki Ну и советы. Я перед тем как добавить новую зависимость сто раз подумаю а не проще-ли самому написать чем тянуть целую либу ради красивого _target.sdelat_pizdato()
Понапишут на фреймворках, а потом у них калькуляторы по 50МБ весят.
Никогда не пользуйтесь лыжами в бане !!!!!
А зря )
и мыло...
Нужно давать общий совет: не используйте hover решения 😊
Раз уж упомянули скрин-риеры, стоило сказать что нужно использовать aria-label
aria-label + title уже неплохой вариант
В идеале взять готовую библиотеку, которая это сделает за тебя. А заодно покажет этот тайтл на touch устройствах
Если отрицаешь использование чего-то, всегда предлагай альтернативу
А что тогда использовать? Какая альтернатива? 🧐
Критикуешь предлагай, зачем писать плюсик, на кнопке добавить в корзину. Как по мне гораздо понятнее будет на такой кнопке написать svg корзины
А вообще если ты терпеливый и 'боярин' то с title на сайте порой реально проще жить))
На чем верстаешь?
Похороный марш конечно отлично подходит)
В каком-то предыдущем видео просто попросили )))
@@kakieToYroki прикольно
Как же самое интересное - альтернативы?)
Придется использовать библиотечки или делать кастомные выпадашки. Нативных вариантов нет (
Вписать подсказку в кнопке
В css background: url(картинка корзинки.png) 50% 50% no-repeat;
Предложите альтернативу💁♂️
И? То что на телефоне и скринридерах он бесполезен я понял, ну а в чем причина его не использовать?)))
К сожалению, нам придётся смириться с тем, что только бояре смогут увидеть эту подсказку, а простым беззубым крестьянам это никогда не удастся сделать.
Для кривозубых крестьян можно сделать универсальную подсказку )
Я смотрю в комментах дикий срач разгорелся по поводу тайтл. Меня же другой вопрос интересует: Автор, какая, блин, связь между тем, что тайтл не работает на тач устройствах и его использованием в вёрстке для ПК?
Просто, в моём понимании было бы логичнее сказать что-то вроде:
Используйте тайтл только в вёрстке для ПК. А для тач устройств делайте .... А что, кстати, для тач устройств??? Как там поступить?
В идеале взять любую библиотеку, которая рисует попапы. И не будет проблем
Ну… а срачи - классическое комьюнити айти. Как будто бы ребята после доты ко мне на канал заходят )
никогда не используйте атрибут img на сайте, его слепые не увидят, не используйте hover, владельцы тач скринов его не увидят. и вообще не используйте html идите на стройку, там все пощупать можно😅
Ну не, как это связано с советом его не использовать, наоборот используйте, просто понимайте его ограничения и т.п.. А для лидеров там свои атрибуты есть на сколько знаю и их тоже заюзать
А сео-шники чего на это скажут?
Не только бояре. Но и сотрудники предприятий на рабочем месте. ,
Это создатели валового продукта страны.
К мобильным телефонам можно подключить мышь
Слепые люди об этом не увидят ☠️
Не унюхают подвох
Скажите это сео программистам которые требуют это
А чем использование тайтла мешает? Ну и да, дизайн должен быть таким, чтобы и без выпадашек всё было понятно. Но иногда тайтлы необходимы, именно для десктопных приложений
Их можно заменить на любую библиотеку, которая выпадашки рисует. И будет намного лучше
@@kakieToYroki есть библиотеки, которые выпадашку отрисовывают перехватывая содеожимое title, например))
Ну, тоже как вариант
А мне пое#ать что они с телефона сидят
Предлагаю подписать петицию, на запрет этих сраных телефонов. Тогда и адаптивная верстка не нужна будет. Ох как заживем )
😂😂😂ладно просто телефоны. Эти бояре понапокупали себе айфонов и сафарей и портят жизнь нормальным людям.
С таким обоснованием сайты размером больше экрана верстать тоже нельзя, а то ущемленные пользователи телефонов не увидят всего размера😂
Что за расширение для адаптива у вас ?
chrome devtools называется
Лучше вообще ничего не используйте, а то у какого-нибудь Василия на пятом интернет эксплорере это не будет работать. В чем смысл видео, если ты даже не упомянул aria атрибуты, но при этом просто обосрал рандомный атрибут
А можно похоронный марш заменить на что-то другое?
Поддерживаю, блоггер - идиот за такие вещи.
tooltip кастомить?
ага
Хорошо, не буду использовать, кому от этого лучше станет?
Никогда не используйте разрешение 16:9
Эээ, удалять еще один параметр по которому можно цепляться при автоматизировании сайта?????
Юай надо нормальный делать, а не хуйню, где по наведению надо читать, что кнопка делает
А что использовать всместо title?
Придется использовать библиотечки или делать кастомные выпадашки. Нативных вариантов нет (
Чётко @@kakieToYroki
Критикуешь -- предлагай
Нет
Этот видом байт на комменты или автор это серьезно ?
А что тогда использовать?
Мозг. Фильтровать нужно таких советчиков.
Аргументы так себе, мол если только пк бояре, то тогда давайте верстать только для мобилы с такими аргументами))
Ну ладно, не буду)
Не больно то и хотелось))
Ну и байтер, все обязательно используем title добавляем по два атрибута в тег на зло этому п….!!!!! )
Ахахаха а ты хорош ))
Т.е. вы предлагаете проигнорировать большинство, и делать интерфейс для меньшинства?
Отличная идея... прям как повестка лгбт. Плевать на мнение большинства.
Топ демократии. !!!
Большинство сидят с мобилки, под них нужно делать в первую очередь
@@kakieToYroki , вы статистику сайтов когда в последний раз смотрели?
@soversus5374 radar.yandex.ru/device_categories?selected_rows=NWoZK3%252Cd95o2u%252C2kuSN7&chart_type=line2
@@kakieToYroki , на моих сайтах 70-80% это десктоп.
@soversus5374 ну… мир не только из ваших сайтов состоит :)
Наткнулся на предыдущий ролик, где он рассказывал, что надо обязательно юзать title. А щас даже не предложил ничего взамен…
Это где я такое рассказывал?)
Молодец, ... и seo по картинкам идет на #@й
Я, конечно, не сео специалист, но на сео влияет alt атрибут же
Непонятно почему ну использовать?Ну работает он в 1 месте и работает…где то хоть видно
Просто можно взять аналоги, в виде библиотек, которые будут работать везде
@@kakieToYroki ну это оптимизация и улучшение бесспорно...Но просто оно же не вредит что бы его прям не использовать :D Но все равно круто.. Раз выдался момент,хочу сказать спасибо за контент не только этот а вообще в целом , и за труд..Успехов.=)
Спасибо, отписался. Из-за таких разработчиков текущий говёный интернет - как раз является говёным.
Потому что mobile first.
> mobile first
> в видео рассказывается, что «на мобилках это не работает, поэтому не используйте»
У меня башка от смысловой нагрузки взорвалась
Какая же чушь
+
То есть у пкшников есть возможность это сделать но мы не должны им довать
Кнопочный расист! Почему ты принижаешь пользователей ПК?! Они, что, не люди?! Если бы ты сказал: вместе с title используйте такие то технологии, чтоб всем было понятно, что эта кнопка делает, но нет! Ты обосрал пкашников, хотя сам пользовался мышкой и ПК!!! Т.е. если использовать тег title то другие технологии не могут быть применены?!
🥲 надеюсь, что это рафл
@@kakieToYroki конечно! Но тема title не раскрыта
Треш, бесполезное видео
Вот ты обосрал тайтл, а чем заменить не сказал?
Тогда уж лучше использовать, хотя бы для пкшников, чем вовсе не использовать
Диз
можно посмотреть закрепленный комментарий
какие глупые примеры). Зачем слепым твой сайт?
А слепые уже за людей не считаются? Они точно также как и ты хотят смотреть (слушать) видосы на ютубе, делать покупки, пользоваться другими услугами (очевидно же)
А что тогда использовать? Какая альтернатива? 🧐