Очень полезные статьи

обязательно к изучению

by Denis Tverdokhlebov

HTML

<h2>---- Интересные статьи ----</h2>
<table>
  <ul>
  <li><a href="http://html-css-php-js.ru/learn/javascript/cookies/installation-cookies.html">Cookies — установка</a></li>
  <li><a href="http://html-css-php-js.ru/learn/javascript/cookies/get-cookies.html">Cookies — извлечение</a></li>
    <li><a href="https://habrahabr.ru/post/191850/">Делаем «mindmap» на Javascript с локальным хранением в базе данных браузера</a></li>
    <li><a href="https://habrahabr.ru/post/149053/">Профилирование JavaScript с Chrome Developer Tools</a></li>
    <li><a href="http://www.css-tricks.ru/articles/css/attribute-selectors">Селекторы по атрибутам в CSS</a></li>
    <li><a href="http://dimox.name/jquery-form-styler/">jQuery Form Styler - плагин для стилизации селектов, чекбоксов, радиокнопок, файловых и числовых полей</a></li>
    <li><a href="http://dimox.name/verstka-zagolovka-s-gorizontalnoj-liniej-sleva-i-sprava-ot-teksta/">Верстка заголовка с горизонтальной линией слева и справа от текста</a></li>
    <li><a href="http://dimox.name/autohotkey-window-position-and-size/">AutoHotkey-скрипт: установка заданного положения и размера окон программ горячей клавишей</a></li>
    <li><a href="http://dimox.name/bxslider-addition/">Скрипт-дополнение к jQuery-плагину bxSlider</a></li>
    <li><a href="http://dimox.name/nth-child-pseudo-selector-emulation-in-ie7-and-ie8/">Эмуляция псевдо-селектора :nth-child() в IE7 и IE8</a></li>
    <li><a href="http://dimox.name/jquery-style-switcher/">Переключатель размера шрифта сайта на jQuery</a></li>
    <li><a href="http://dimox.name/menu-with-double-separators/">CSS-трюк: двойные бордюры-разделители вертикального меню</a></li>
    <li><a href="http://dimox.name/csstool-update/">Обновление CSStemplater.com (CSS Layout Generator)</a></li>
    <li><a href="http://rightblog.ru/3013">Карты Google Maps — вставка и оформление (стилизация) карт на свой сайт</a></li>
    <li><a...

CSS

li a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
  font-family: roboto;
}

li a:hover {
  color: green;
}

li {
  padding: 10px;
  list-style-type: none;
  border: 1px solid #ededed;
}

.gray {
  background-color: #eeeeee;
}

h2 {
  text-align: center;
}

JavaScript

$("a").attr("target", "_blank");
$("ul li:nth-child(even)").addClass("gray");