В галактике … не так далеко … два сита решили создать виджеты звездных рейтингов, которые не были полностью доступны, часть их коварного плана по исключению людей и контроль. Inhuwan Codeobi – наша единственная надежда.
В необычном шаге для джедаев Ингуван решил спуститься с световым краом и просто создать поспешно написанную опровержение, чтобы обучить галактику о произошедшем зле.
Нужно наверстать упущенное в предыдущих эпизодах (я бы почитал статьи Mads и Temani, если вы еще этого не сделали!)?
- Мой оригинальный рейтинг звезд
- Мэдс отличная идея
- Temani с CSS Voodoo
Все поймали? Вернуться к истории …
Как тебя обманывает
Мы не знаем, что является мастером, а какой – ученик, но мы знаем, что Darth @afif и Darth @madsstoumann выпустили пропаганду, что они создали системы звездных рейтингов.
Но поскольку они используют темную сторону силы, есть ужасные проблемы с обоими «решениями», которые продолжают исключать людей.
Никто даже не работает на iPhone
Дарт Афиф разработал систему звездного рейтинга, которая не работает на сафари.
Darth Afif известен тем, что использует навыки CSS, которые некоторые считают неестественными, вы можете выучить эти навыки, но не у джедаев.
К сожалению, поскольку эти навыки неестественны, они не работают на большую часть населения, и это даже не включает в себя постоянную планету интернет -исследователей.
Ни «решения» не работают в интернет -Exporia – часто забытая, но важная планета
Как и у многих, кто использует темную сторону силы, они намеренно исключают тех, кто использует более старые технологии, возможно, когда они ошибочно думают, что они неполноценная раса.
Не у всех есть технологические ноу-хау, чтобы обновить свой браузер. Некоторые даже вынуждены использовать Internet Explorer, так как это браузер, который лучше всего работает со своим читателем экрана.
На самом деле 12% людей, которые используют читатель экрана, все еще полагаются на Internet Explorer (Хотя это меняется очень быстро, последние результаты предполагают, что это может быть всего 3,3% 🤞🤞). Но ситхи не заботятся о таких вещах.
Если у вас есть клиенты в других странах, то вы также можете посмотреть на Т.е. использование в этих странах, прежде чем его бросить.
Они не маркируют свою работу должным образом из -за страха быть обнаруженным.
Дарт Афиф просто удалил этикетки из своей работы в злой попытке сделать так, чтобы они выглядели так, как будто они использовали меньше HTML.
Но без ярлыков наших друзей в Не i V i D r A и J атмосфера A LO W ier S Две малоизвестные планеты в нашей галактике не могут использовать этот элемент управления.
Что касается Дарта Стумана – их обман немного более тонкий.
Они обертывают свой контроль в
Им все равно, что Dragon Naturally Speaking и другое программное обеспечение для управления голосовым управлением не очень хорошо работает с неявными метками (Обертывание элемента управления на метке) и поэтому он должен использовать явную метку ( for = "IdofControl" ).
В то время как один удаляет этикетки, другой использует менее доступный HTML -элемент для дальнейшей путаницы
Здесь мы начинаем видеть некоторые действительно умные уловки.
Дарт Стоуманн решил использовать вход, который слабый с силой.
Радионологические кнопки имеют большую поддержку (при правильной маркировке) но Входные диапазоны не предлагают такую же поддержку Анкет
Выбор худшего элемента, чтобы исключить людей – это типичный трюк ситха.
INHU WAN CODEOBI имеет решение
Его предыдущие попытки обучения галактики потерпели неудачу, поскольку его решение требовало мысли.
Вот много упрощенная версия, которая должна принести баланс силе и дать ему высокую позицию в этом конфликте.
Чувствует много вдохновения от https://bjorn.wikkeling.com/199/pure-css-star-rating.html , Есть только пара настроек в CSS, чтобы обеспечить этикетки и правильное использование И это прекрасно работает.
Теперь каждый может использовать этот элемент управления, даже те из Интернета Exploria, N i V i D r A и J атмосфера A LO W ier S
Чтобы упростить то, чтобы хранителя нашей галактики (известной как «разработчики») все, что вы должны иметь с этим, это добавить входные данные и этикетки, а CSS заботится обо всех остальных.
Или же Может быть, некоторые сердца
Или вы знаете, что, как насчет световых мечей?
Кредит идет https://codepen.io/ncerminara/pen/kzurj Для большей части тяжелого проектирования.
Получение значений в JavaScript
Красота вышеупомянутого элемента управления в том, что для получения значения очень легко в JavaScript:
var checked = document.querySelector('input[name=rating]:checked).value;
Это не становится намного проще!
Достаточно глупости
Честно говоря, @madsstoumann создал отличный контроль.
Может быть возможно заставить его работать в т.е., используя -ms-track , -ms-fill-Lower и -ms-tooltip Но я не мог их разобрать, используя его метод. И если он изменил свой ярлык с неявного на явную, это здорово.
Я бы, вероятно, использовал бы его контроль, если бы вы использовали React (как вы все равно не поддерживаете IE), несмотря на немного худшую поддержку, он все еще используется ~ 98% людей без проблем (и эти проблемы будут больше раздражать, чем фактический барьер).
Однако для сайтов электронной коммерции и сайтов брошюр, построенных с HTML, CSS и т. Д. Используйте мою версию, так как вы также можете получить дополнительную поддержку.
Я бы сказал, дай это 1 год И я наконец смогу сказать «Винт, т.е.» всем вам. Не могу дождаться!
@afif Пример показывает нам, что может удержать будущее. Мы, возможно, не сможем использовать его еще, поскольку сафари и т.е. сдерживают нас, но через несколько лет, когда IE умирает (потому что, несмотря на то, что я призываю людей поддерживать, я хочу, чтобы он умер), и все браузеры становятся вечнозеленой, это Захватывающая перспектива! Особенно, если есть способ сделать такой же трюк, но с ползунка диапазона.
На данный момент (и не предвзято, я обещаю), я бы придерживался радиопроизводительных кнопок и приведенных выше примеров в этом посте.
Вам может не понравиться поддержка Internet Explorer Но так как я сделал всю работу для вас, почему бы не поддержать ее в любом случае?
Это требует почти без усилий от вас.
И помните «Живи долго и процветают» (о, подождите … это неправильная франшиза?)
Вам нравятся такие глупые статьи, как этот?
Если вы ищете кого -то, кто пишет глупые статьи, которые иногда содержат полезную информацию:
Возможно, дайте мне подписку или проверьте одну из моих других глупых статей, таких как:
13+ 🤩 Удивительные 🤩 Советы по написанию ✅ Listicles ✅ [Не сердитесь, что вы не знали их раньше!]
Inhuofficial ・ 19 июня ・ 4 мин читать
или же
Фаанги мертв 💀, Fanmag была отличной идеей 💡, но Fanimagnet должен быть то, как мы описываем большую технологию 🤣
Inhuofficial ・ 11 июня ・ 2 мин читать
У нас был поздний соперник в бою!
Поскольку есть только два сита, никогда больше, я думаю, что не меньше, я думаю, что @link2twenty убил либо Дарта Афиф, либо Дат Стуманн.
Проверьте его вклад, где он также использует символы Unicode (но лучше!)
Звездный рейтинг с использованием звезд Unicode
Andrew Bone ・ 5 июля ・ 4 минуты прочитайте
Оригинал: “https://dev.to/inhuofficial/star-rating-wars-the-madsafif-menice-an-even-better-star-rating-system-and-a-comparison-3pg5”