Ваше благополучие зависит от ваших собственных решений.

Джон Дэвисон Рокфеллер

Меню сайта
  • Компьютеры
  • Телефоны
  • Бизнес
  • Свое дело
  • Решение проблем
  • Интернет
  • Новости
  • Новости
    Реклама
    Реклама

    Как проверить CSS3

    1. Валидация - это просто руководство
    2. Используйте параметры валидатора
    3. Это все еще проблематично
    4. Ссылка непосредственно на валидатор CSS3
    5. Вывод: это всего лишь средство, а не конец

    На днях кто-то на другой пост   задал вопрос   около   проверка ваших таблиц стилей   ,  Этот человек обеспокоен тем фактом, что валидатор рассматривает префиксы поставщика как ошибки На днях кто-то на другой пост задал вопрос около проверка ваших таблиц стилей , Этот человек обеспокоен тем фактом, что валидатор рассматривает префиксы поставщика как ошибки.

    Вот мои мысли на эту тему, с некоторыми советами по использованию валидатора CSS, если вы решите, что вы все еще обеспокоены проверкой в ​​некоторой степени.

    Валидация - это просто руководство

    Это самый важный момент здесь. Вы не должны рассматривать валидацию (даже валидацию разметки) как святой Грааль хорошего кода. Валидатор должен быть просто полезным руководством, которое поможет вам исправить любые ошибки, которые вы пропустили.

    Я редко проверяю свои таблицы стилей. Я буду проверять разметку после завершения проекта, но я почти никогда не проверю свои таблицы стилей. Я знаю, что CSS-хаки и префиксы вендоров приведут к появлению всевозможных ошибок и предупреждений, поэтому по этой причине я редко с этим сталкиваюсь.

    Если мой CSS делает то, что я хочу, то для меня это действительно. Но иногда я проверяю большие таблицы стилей на наличие реальных ошибок. Это просто не то, что я делаю так привычно, как проверка разметки.

    Используйте параметры валидатора

    Конечно, если вам нужно проверить свой CSS (потому что вы хотите показать своего клиента или у вас есть начальник, который не понимает, что проверка имеет минимальное значение), то у вас есть несколько способов обойти некоторые ошибки, вызванные валидатор.

    Многие люди, кажется, не осознают этого, но как валидаторы HTML, так и CSS на W3C имеют раздел «дополнительные параметры», который можно открыть, чтобы позволить вам сказать валидатору, как обрабатывать определенные аспекты вашего кода:

    Многие люди, кажется, не осознают этого, но как валидаторы HTML, так и CSS на W3C имеют раздел «дополнительные параметры», который можно открыть, чтобы позволить вам сказать валидатору, как обрабатывать определенные аспекты вашего кода:

    Когда вы открываете этот раздел опций, вот что вы видите:

    Когда вы открываете этот раздел опций, вот что вы видите:

    Таким образом, используя эти опции, вы можете сделать три вещи:

    1. Измените «Профиль» на «Уровень CSS 3»
    2. Измените «Предупреждения» на «Нет предупреждений» или «Самые важные»
    3. Измените «Расширения поставщика» на «Предупреждения»

    Из-за этих двух последних вариантов вы увидите нулевые предупреждения или ошибки для CSS с префиксом поставщика - потому что вы сказали валидатору не перечислять никаких предупреждений.

    Как пример, этот сайт показывает 100+ ошибок и около 100 предупреждений используя параметры проверки по умолчанию (понимаете, что я имею в виду?), но только около 50 ошибок и ноль предупреждений используя пользовательские параметры.

    Это все еще проблематично

    К сожалению, поскольку валидатор по-прежнему не распознает многие свойства CSS3 даже без префиксов поставщика, вы все равно получите много ошибок (как и мой сайт). И он никогда не примет хаки как действительные, поэтому они тоже будут отображаться как ошибки.

    Я полагаю, что если вы пропустите стандартные свойства, которые не работают без префиксов (например, переходы Например, вы можете свести к минимуму количество ошибок. Но я не думаю, что это хорошая практика, потому что, когда эти свойства станут стандартами, вы захотите, чтобы те были там.

    Ссылка непосредственно на валидатор CSS3

    И, наконец, если вам нужно сделать глупую вещь «эта страница действительна» с помощью значка W3C, вы можете напрямую связать с валидатором CSS3 URL-адресом, например так:

    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> Действительный CSS </a>

    Так что прямая ссылка будет что-то вроде этого , Кроме того, как показано с парой ссылок, которые я использовал выше, вы можете добавить опции к URL, чтобы обеспечить минимальное количество ссылок. Просто выберите нужные параметры, затем скопируйте и вставьте URL как есть.

    Вывод: это всего лишь средство, а не конец

    Проверка очень переоценена, и многие опытные разработчики это понимают. Если ваш начальник или клиент требует зеленого экрана для проверки как HTML, так и CSS, вам необходимо указать им на это или Другой статьи это ясно показывает, что валидация не обязательно является желаемым конечным результатом.

    Если ваш код работает, и кросс-браузер совместим, как вы хотите, то ваша страница «действительна». Используйте средство проверки для отслеживания реальных ошибок, которые вы, возможно, пропустили, и не ожидайте, что проверка решит все ваши проблемы разработки.

    Понимаете, что я имею в виду?
    3.org/css-validator/check/referer?
    Профиль
    Реклама
    Деловой календарь
    Пн Вт Ср Чт Пт Сб Вс
     
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    Реклама
       
    Sti.lg.ua © 2016