Warning: mkdir(): No space left on device in /var/www/tgoop/post.php on line 37

Warning: file_put_contents(aCache/aDaily/post/code_and_travel/--): Failed to open stream: No such file or directory in /var/www/tgoop/post.php on line 50
Code&Travel@code_and_travel P.274
CODE_AND_TRAVEL Telegram 274
Как не надо делать сайты

Это смешно, но это - правда. Наткнулась на сайте одного крупнейших аэропортов России на самые ужасные bad practise в CSS.

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

Как надо: использовать обращение по классу, а не по тегу или id-элемента. Не надо думать, что все кнопки на вашем сайте будут оранжевые. Даже если это и так, правильнее завести класс .button на этот случай, а не задавать селектор на весь тег. Потом замучаетесь переопределять и искать свои ошибки.

Во-вторых: они применяют правило !important в селекторах. Т.е. если я и захочу поменять цвет текста у кнопки, у меня практически не будет на это шансов. Только написав “!important” еще один раз.

Помните, что однажды написанный “!important” породит новый, за которым последует еще один, размножающий три. Это как с коронавирусом. Не надо так.

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



tgoop.com/code_and_travel/274
Create:
Last Update:

Как не надо делать сайты

Это смешно, но это - правда. Наткнулась на сайте одного крупнейших аэропортов России на самые ужасные bad practise в CSS.

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

Как надо: использовать обращение по классу, а не по тегу или id-элемента. Не надо думать, что все кнопки на вашем сайте будут оранжевые. Даже если это и так, правильнее завести класс .button на этот случай, а не задавать селектор на весь тег. Потом замучаетесь переопределять и искать свои ошибки.

Во-вторых: они применяют правило !important в селекторах. Т.е. если я и захочу поменять цвет текста у кнопки, у меня практически не будет на это шансов. Только написав “!important” еще один раз.

Помните, что однажды написанный “!important” породит новый, за которым последует еще один, размножающий три. Это как с коронавирусом. Не надо так.

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

BY Code&Travel




Share with your friend now:
tgoop.com/code_and_travel/274

View MORE
Open in Telegram


Telegram News

Date: |

Telegram is a leading cloud-based instant messages platform. It became popular in recent years for its privacy, speed, voice and video quality, and other unmatched features over its main competitor Whatsapp. Activate up to 20 bots How to Create a Private or Public Channel on Telegram? SUCK Channel Telegram Matt Hussey, editorial director of NEAR Protocol (and former editor-in-chief of Decrypt) responded to the news of the Telegram group with “#meIRL.”
from us


Telegram Code&Travel
FROM American