Архив месяца: Апрель 2019

Как написать CSS правила только для IE

Пишем стили для IE

Всем привет. Если при верстке сайтов с использованием современных инструментов, таких, как Flexbox или Grid, вы получаете огромное удовольствие от того, насколько классно страница выглядит в современных браузерх. Но попробуйте открыть ее в IE 8 и вы поймете, на сколько все печально. Здесь мы разберем как написать CSS стили только для Internet Explorer. Надеюсь, что совсем скоро мы забудем о нем, как о страшном сне, но пока IE еще рано списывать со счетов.

Статистика посещаемости с браузера Internet ExplorerЭто годовая статистика посещаемости моего блога через IE. Траблы начинаются с версии 9- . Как видно на скриншоте с IE-8 заходит не так много посетителей. Но Сайт сайту рознь, поэтому у вас эти показатели могут быть значительно выше.

CSS только для IE

Проблему решить действительно можно. Есть даже специальный термин под названием: «Изящная деградация». Это когда вы делаете сначала под современные браузеры со всеми прибамбасами и плюшками, а затем пишете CSS стили специально для тех, которые их не поддерживают. Этим мы с вами сейчас и займемся. Сразу скажу, что Media запросы мало чем нам помогут. Но прежде, чем кодить CSS для IE важно понимать для чего мы это делаем. Представьте ситуацию, когда пользователь зашел на сайт с поехавшей версткой, какое у него останется впечатление? В большинстве случаев негативное. А что ели страница выглядит не поехавшей, а немного не так, как, например в Google Chrome и все элементы стоят на своих местах? В таком случае отношение будет не негативное, просто оно будет другим, вот и все.

Именно поэтому имеет смысл писать CSS стили специально для IE. В моем случае стили для версии меньше, чем IE-8 прописывать не имеет смысла. Как это делается:

1
2
3
4
5
6
7
<!--[if IE 8]>
  <style>
   body{
    background: red;
   }
  </style>
< ![endif]-->

Или же так:

1
2
3
<!--[if IE 8]>
  <link rel="stylesheet" href="IE.css"/>
< ![endif]-->

Пишется это в head. Называется: Условные комментарии. Эти правила будут полностью проигнорированы новыми Browsers воспримутся только Internet Explorer-ом. Но это еще не все. Еще одна идея написания стилей только для IE заключается в создании дополнительных классов. Если реализовать вот так:

<!--[if IE]><html class="ie">< ![endif]--></html>

CSS:

1
2
3
.ie body{
  background: red;
}

Честно говоря мне этот способ нравится больше. Тем более, что можно указать if IE и это сработает для всех версий начиная с 9-й и ниже.

Как защитить контент от копирования и воровства

Здравствуйте! Следует упомянуть, что универсальной защиты контента от копирования и воровства не существует. Есть лишь некоторые способы, которые могут хоть немного помочь в этом. Для начала нужно конечно заявить об авторстве на контент. Делается это в панели Яндекс-вебмастер в пункте: Оригинальные тексты.

Оригинальные тексты в панели яндекс вебмастер

Защищаем контент сайта от копирования

Но это нужно делать до публикации статей. Можно защитить контент сайта отключением правой кнопки мыши. Но этот способ рассчитан скорее на совсем неопытных пользователей, кто даже не умеет пользоваться горячими клавишами. Но все же не будет лишним привести небольшую конструкцию кода здесь. прописать для тега body нужно следующее:

<body oncontextmenu="return false;"></body>

И еще одно решение, которое запрещает выделение текста на странице. Но не рекомендуется его использование, так как поисковые системы плохо к этому относятся, из-за чего могут существенно занизить ресурс в выдаче. Они думают, что их обманывают. Для тех, ко этого не боится, прилагаю скрипт:

<body oncontextmenu="return false" oncopy="return false;" oncontextmenu="return false" onselectstart="return false;"></body>

Еще один вариант защиты контента от копирования может послужить отключение сочетания клавиш Ctrl + U, Ctrl + C, Ctrl + V. Это остановит более продвинутых пользователей. Здесь уже нам понадобиться JavaScript.

1
2
3
4
5
6
7
8
<script>
 document.onkeydown = function(e) {
    if (e.ctrlKey && (e.keyCode === 67 || e.keyCode === 86 || e.keyCode === 85 ||     e.keyCode === 117 || e.keycode === 17 || e.keycode === 85)) {
        alert('Действие запрещено!');
    }
    return false;
};
</script>

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

Как подключить спикер к материнской плате

Спикер материнской платы

Привет, друзья. В процессе эксплуатации компьютера с ним случается множество проблем и зачастую их можно диагностировать и быстро исправить пр помощи спикера на материнской плате, который может сигнализировать о той или иной неисправности. Я даже писал о сигналах спикера материнской платы. Но что делать, если он не установлен? Давайте разберемся как подключить спикер к материнской плате. Причем модель платы значения не имеет. Это может быть Asus (у меня P5QL SE), Gigabyte, MSI или Asrock. Принцип будет тот же.

Куда подключается спикер на материнской плате

Для начала нужно проверить есть ли вообще в вашем системнике спикер. Может быть он просто молчит (не пищит). Тогда следует выяснить почему. Выглядит он как на фото сверху. Находится он обычно в самом низу материнки. Контакты с надписью Speaker или SPKR. Там же указана и полярность, плюс и минус. На самом спикере тоже. Либо один провод красный — это плюс, второй черный — минус, либо обозначениями (+) и (-). Если на МП не указаны, то левый — плюс, правый — минус.

speaker

Отлично. Теперь мы знаем как правильно подключить спикер к материнской плате и давайте сделаем это своими руками. В некоторых случаях приходится отсоединять какое-то оборудование, чтобы добраться до разъемов, например очень часто мешает видеокарта.

Установка спикера на материнскую плату

Так выглядит правильная установка спикера в материнскую плату. В конце всех действий нужно перезагрузить компьютер  проверить спикер на работоспособность. При включении он должен издавать короткий сигнал, если все исправно. И вообще, с его помощью можно предотвратить множество серьезных поломок или узнать, что именно сломалось. В заключении посмотрите видео на тему установки спикера в материнскую плату.