PageSourceSearch

http://womtec.ru/

html womtec.ru collected 2026-10-02 13:18:28 UTC 31,712 bytes, 215 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru-RU">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5<title>Блог для веб-мастеров и дизайнеров</title>
6<link rel="shortcut icon" href="http://womtec.ru/favicon.ico" type="image/x-icon" />
7<link rel="stylesheet" href="http://womtec.ru/wp-content/themes/womtec/style.css" type="text/css" media="all" />
8<!--[if IE 6]><link rel="stylesheet" href="http://womtec.ru/wp-content/themes/womtec/ie6.css" media="all" /><![endif]-->
9<!--[if IE 7]><link rel="stylesheet" href="http://womtec.ru/wp-content/themes/womtec/ie7.css" media="all" /><![endif]-->
10<link rel="alternate" href="http://feeds2.feedburner.com/womtec" type="application/rss+xml" title="RSS" />
11<script type="text/javascript" src="http://womtec.ru/wp-content/themes/womtec/script.js"></script>
11
12<link rel='index' title='Womtec' href='http://womtec.ru' />
13<meta name="description" content="Блог для веб-мастеров и дизайнеров. Полезные ресурсы для разработчиков и дизайнеров. Статьи о движке wordpress и сервисе twitter" />
14<meta name="keywords" content="блог, womtec, веб-дизайн, веб-мастеринг, дизайн, wordpress, twitter, сервисы, ресурсы, разработка" />
15<link rel="canonical" href="http://womtec.ru/" />
16<script type="text/javascript">
17var _gaq = _gaq || [];
18_gaq.push(['_setAccount', 'UA-12727764-2']);
19_gaq.push(['_trackPageview']);
20_gaq.push(['_trackPageLoadTime']);
21(function() {
22var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
23ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
24var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
25})();
26</script>
26
27</head>
28<body>
29<div id="header">
30<h1>Блог о дизайне и веб-мастеринге<br />Полезные ресурсы для разработчиков и дизайнеров<br />Статьи о движке WordPress и сервисе Twitter</h1>
31<a href="http://womtec.ru/"><img src="http://womtec.ru/wp-content/themes/womtec/pictures/logo.jpg" width="318" height="135" alt="Блог о дизайне и веб-мастеринге" title="Блог о дизайне и веб-мастеринге" /></a>
32</div>
33<div id="topbar">
34<div id="scroll">
35<h3>Лучшие статьи блога</h3>
36<div class="thumb"><a href="http://womtec.ru/2010/02/google-chrome-plugins/"><img src="http://media.womtec.com/chrome.jpg" width="120" height="120" alt="Плагины для Google Chrome" /><span class="caption">Плагины или расширения для браузера Google Chrome</span></a></div>
37<div class="thumb"><a href="http://womtec.ru/2010/03/russian-cyrillic-fonts/"><img src="http://media.womtec.com/cyrillic-fonts.jpg" width="120" height="120" alt="Кириллические шрифты" /><span class="caption">Красивые русские или кириллические шрифты</span></a></div>
38<div class="thumb"><a href="http://womtec.ru/2010/11/free-templates-for-keynote-and-powerpoint/"><img src="http://media.womtec.com/free-powerpoint-templates.jpg" width="120" height="120" alt="Шаблоны для PowerPoint" /><span class="caption">Бесплатные шаблоны для PowerPoint и Keynote</span></a></div>
39<div class="thumb"><a href="http://womtec.ru/2012/02/example-html5-design/"><img src="http://media.womtec.com/sochi/sochi.jpg" width="120" height="120" alt="Примеры HTML5" /><span class="caption">Примеры<br />и шаблоны дизайна на HTML5</span></a></div>
40<div class="thumb"><a href="http://womtec.ru/2011/04/how-make-presentation-online/"><img src="http://media.womtec.com/presentation-online.jpg" width="120" height="120" alt="Презентация онлайн" /><span class="caption">Как сделать красивую презентацию онлайн</span></a></div>
41</div>
42<div id="rssbar">
43<h3>Подписка</h3>
44<ul>
45<li class="rss"><a href="http://feeds2.feedburner.com/womtec" rel="nofollow" title="Подписаться на статьи">Статьи</a> (500+)</li>
46<li><a href="http://twitter.com/womtec/" rel="nofollow" title="Twitter">Twitter</a> (2350+)</li>
47<li><a href="https://plus.google.com/101941184789749082067" rel="publisher nofollow" title="Google Plus">Google Plus</a> (150+)</li>
48<li><a href="http://feedburner.google.com/fb/a/mailverify?uri=womtec&amp;loc=ru_RU" rel="nofollow" class="wmail" title="E-mail подписка">E-mail подписка</a></li>
49<li class="advert"><a href="http://womtec.ru/adv/" rel="nofollow" title="Реклама">Реклама</a></li>
50<li><a href="http://womtec.ru/about/" rel="nofollow" title="О блоге">О блоге</a> и команде</li>
51</ul>
52</div>
53</div><div id="content">
54<table cellpadding="0" cellspacing="0"><tr><td>
55<div id="page">
56<div class="post post-brief">
57<h4><a href="http://womtec.ru/category/design/" title="Просмотреть все записи в рубрике &laquo;Дизайн&raquo;" rel="category tag">Дизайн</a> &raquo; </h4>
58<h1><a href="http://womtec.ru/2018/06/vector-graphics-and-cliparts-in-design/" title="Векторная графика и клипарт для экономии времени дизайнера">Векторная графика и клипарт для экономии времени дизайнера</a></h1>
59<p><a href="http://womtec.ru/2018/06/vector-graphics-and-cliparts-in-design/"><img src="http://media.womtec.com/vector-graphics-and-cliparts-in-design.jpg" width="120" height="120" align="left" title="Векторная графика и клипарт для экономии времени дизайнера" alt="Векторная графика и клипарт" /></a>Один из способов сэкономить время дизайнера — покупка готовых иллюстраций и элементов дизайна. Самостоятельно, на качественное выполнение этой работы, можно потратить день или два, создавая презентацию или шаблон. При использовании же готового материала можно быстро закончить текущий проект и перейти Ð
59º следующему не потеряв в этом самом качестве. В этой статье речь пойдет о векторной графике, которая используется во всех сферах дизайна — от наружной рекламы до шаблонов веб-сайтов.</p>
60<div class="meta">
61<span class="date">4 июня 2018</span>
62<span class="comment"><a href="http://womtec.ru/2018/06/vector-graphics-and-cliparts-in-design/#comments" title="Комментарий к записи Векторная графика и клипарт для экономии времени дизайнера">Комментариев: 4</a></span>
63<span class="tag"><a href="http://womtec.ru/tag/web-design/" rel="tag">Веб-дизайн</a>, <a href="http://womtec.ru/tag/vector/" rel="tag">Векторная графика</a></span>
64</div>
65</div>
66<div class="post post-brief">
67<h4><a href="http://womtec.ru/category/design/" title="Просмотреть все записи в рубрике &laquo;Дизайн&raquo;" rel="category tag">Дизайн</a> &raquo; </h4>
68<h1><a href="http://womtec.ru/2017/05/atomic-design-how-to-use-methodology/" title="Атомарный дизайн. Применение методологии">Атомарный дизайн. Применение методологии</a></h1>
69<p><a href="http://womtec.ru/2017/05/atomic-design-how-to-use-methodology/"><img src="http://media.womtec.com/atomic-design-how-to-use-methodology.jpg" width="120" height="120" align="left" title="Атомарный дизайн. Применение методологии" alt="Атомарный дизайн" /></a>В прошлой статье мы говорили о том, что такое атомарный дизайн, как с его помощью избежать грубых ошибок в дизайне и сэкономить время разработки. Сегодня мы продолжим рассказ об этой методологии. Надеемся, что данная информация поможет вам оптимизировать рабочий процесс, сделать его более динамичным и творческим. Ведь разработка дизайна сайта — это, несомненно, творческий процесс, требующий нестандартного подхода, мышления и креативности. Удачи вам и вдохновения!</p>
70<div class="meta">
71<span class="date">27 мая 2017</span>
72<span class="comment"><a href="http://womtec.ru/2017/05/atomic-design-how-to-use-methodology/#comments" title="Комментарий к записи Атомарный дизайн. Применение методологии">Комментариев: 2</a></span>
73<span class="tag"><a href="http://womtec.ru/tag/interface/" rel="tag">Интерфейсы</a>, <a href="http://womtec.ru/tag/flat/" rel="tag">Плоский</a>, <a href="http://womtec.ru/tag/style/" rel="tag">Стили</a></span>
74</div>
75</div>
76<div class="post post-brief">
77<h4><a href="http://womtec.ru/category/design/" title="Просмотреть все записи в рубрике &laquo;Дизайн&raquo;" rel="category tag">Дизайн</a> &raquo; </h4>
78<h1><a href="http://womtec.ru/2017/05/atomic-design-interface-methodology/" title="Атомарный дизайн. Методология разработки интерфейса">Атомарный дизайн. Методология разработки интерфейса</a></h1>
79<p><a href="http://womtec.ru/2017/05/atomic-design-interface-methodology/"><img src="http://media.womtec.com/atomic-design-interface-methodology.jpg" width="120" height="120" align="left" title="Атомарный дизайн. Методология разработки интерфейса" alt="Атомарный дизайн" /></a>Данная методология предлагает дизайнеру работать не над целым интерфейсом сразу, а создать сначала его компоненты, постепенно объединяя их в блоки и создавая дизайн. Одним словом, методология «атомарного дизайна» требует от разработчика умения мыслить от меньшего к большему и комбинировать готовые элементы в блоки и страницы. В статье мы постараемся разобраться, что такое атомарный дизайн и как эта методология поможет вам оптимизировать рабочий процесс.</p>
80<div class="meta">
81<span class="date">21 мая 2017</span>
82<span class="comment"><a href="http://womtec.ru/2017/05/atomic-design-interface-methodology/#comments" title="Комментарий к записи Атомарный дизайн. Методология разработки интерфейса">Комментариев: 3</a></span>
83<span class="tag"><a href="http://womtec.ru/tag/interface/" rel="tag">Интерфейсы</a>, <a href="http://womtec.ru/tag/flat/" rel="tag">Плоский</a>, <a href="http://womtec.ru/tag/style/" rel="tag">Стили</a></span>
84</div>
85</div>
86<div class="post post-brief">
87<h4><a href="http://womtec.ru/category/design/" title="Просмотреть все записи в рубрике &laquo;Дизайн&raquo;" rel="category tag">Дизайн</a> &raquo; </h4>
88<h1><a href="http://womtec.ru/2014/09/5-ways-create-wonderful-infographics-presentation/" title="5 способов создать замечательную инфографическую презентацию">5 способов создать замечательную инфографическую презентацию</a></h1>
89<p><a href="http://womtec.ru/2014/09/5-ways-create-wonderful-infographics-presentation/"><img src="http://media.womtec.com/5-ways-create-wonderful-infographics-presentation.jpg" width="120" height="120" align="left" title="5 способов создать инфографическую презентацию" alt="Инфографическая презентация" /></a>Нуждаетесь в большей популярности вашего контента? Инфографика явл
89яется визуальным способом представления данных. Она не подходит для всех ситуаций, но в процессе использования получает гораздо больше внимания, чем просто текст. Цветная графика и иллюстрации намного интересней и лучше, чем просто таблицы и цифры, и т.к. пользователи тратят время на изучение инфографики, они остаются дольше на сайте. В этой статье мы обсудим, как создать свою собственную инфографику, используя 5 различных способов.</p>
90<div class="meta">
91<span class="date">13 сентября 2014</span>
92<span class="comment"><a href="http://womtec.ru/2014/09/5-ways-create-wonderful-infographics-presentation/#comments" title="Комментарий к записи 5 способов создать замечательную инфографическую презентацию">Комментариев: 16</a></span>
93<span class="tag"><a href="http://womtec.ru/tag/psd/" rel="tag">Psd заготовки</a>, <a href="http://womtec.ru/tag/infographics/" rel="tag">Инфографика</a>, <a href="http://womtec.ru/tag/services/" rel="tag">Сервисы</a></span>
94</div>
95</div>
96<div class="post post-brief">
97<h4><a href="http://womtec.ru/category/design/" title="Просмотреть все записи в рубрике &laquo;Дизайн&raquo;" rel="category tag">Дизайн</a> &raquo; </h4>
98<h1><a href="http://womtec.ru/2014/09/free-icon-sets-for-your-attention/" title="Бесплатные наборы иконок, на которые стоит обратить внимание">Бесплатные наборы иконок, на которые стоит обратить внимание</a></h1>
99<p><a href="http://womtec.ru/2014/09/free-icon-sets-for-your-attention/"><img src="http://media.womtec.com/free-icon-sets-for-your-attention.jpg" width="120" height="120" align="left" title="Бесплатные наборы иконок, на которые стоит обратить внимание" alt="Бесплатные наборы иконок" /></a>Для успешной работы сайта очень важен его дизайн, а одним из элементов дизайна являются иконки. Они есть на каждом сайте и служат, прежде всего, для подсказки посетителям, где можно найти ту или иную информацию, но в тоже время и украшают сайт. Иконки подбираются с учетом общего оформления ресурса и, если вы хотите придать своему сайту оригинальность, постарайтесь выбирать необычные интересные иконки. В сегодняшнем посте, мы предоставляем вам 30 бесплатных наборов иконок 2014 года.</p>
100<div class="meta">
101<span class="date">2 сентября 2014</span>
102<span class="comment"><a href="http://womtec.ru/2014/09/free-icon-sets-for-your-attention/#comments" title="Комментарий к записи Бесплатные наборы иконок, на которые стоит обратить внимание">Комментариев: 8</a></span>
103<span class="tag"><a href="http://womtec.ru/tag/icons/" rel="tag">Иконки</a>, <a href="http://womtec.ru/tag/minimalism/" rel="tag">Минимализм</a>, <a href="http://womtec.ru/tag/flat/" rel="tag">Плоский</a></span>
104</div>
105</div>
106<div class="post post-brief">
107<h4><a href="http://womtec.ru/category/resource/" title="Просмотреть все записи в рубрике &laquo;Ресурсы&raquo;" rel="category tag">Ресурсы</a> &raquo; </h4>
108<h1><a href="http://womtec.ru/2014/08/how-to-draw-quality-logo/" title="Как получить качественный логотип?">Как получить качественный логотип?</a></h1>
109<p><a href="http://womtec.ru/2014/08/how-to-draw-quality-logo/"><img src="http://media.womtec.com/how-to-draw-quality-logo.jpg" width="120" height="120" align="left" title="Как получить качественный логотип" alt="Качественный логотип" /></a>Логотип — это графическое представление компании, один из самых важных элементов еe фирменного стиля. Логотип позволяет вашим клиентам, покупателям и конкурентам узнать о компании с первого взгляда. Создать логотип очень просто. Достаточно иметь деньги и время. Но что делать, когда у нас нет ресурсов для разработки логотипа? Создавать самому, заказывать у дизайнер или фрилансера, а может быть воспользоваться онлайн-генератором? В этой статье мы ответим на этот вопрос.</p>
110<div class="meta">
111<span class="date">27 августа 2014</span>
112<span class="comment"><a href="http://womtec.ru/2014/08/how-to-draw-quality-logo/#comments" title="Комментарий к записи Как получить качественный логотип?">Комментариев: 7</a></span>
113<span class="tag"><a href="http://womtec.ru/tag/infographics/" rel="tag">Инфографика</a>, <a href="http://womtec.ru/tag/logos/" rel="tag">Логотипы</a>, <a href="http://womtec.ru/tag/services/" rel="tag">Сервисы</a></span>
114</div>
115</div>
116<div class="post post-brief">
117<h4><a href="http://womtec.ru/category/other/" title="Просмотреть все записи в рубрике &laquo;Разное&raquo;" rel="category tag">Разное</a> &raquo; </h4>
118<h1><a href="http://womtec.ru/2014/05/how-choose-pictures-for-site/" title="Как правильно выбирать картинки для сайта">Как правильно выбирать картинки для сайта</a></h1>
119<p><a href="http://womtec.ru/2014/05/how-choose-pictures-for-site/"><img src="http://media.womtec.com/how-choose-pictures-for-site.jpg" width="120" height="120" align="left" title="Как правильно выбирать картинки для сайта" alt="Как выбирать картинки для сайта" /></a>Выбор подходящих изображений для сайта начинается еще на этапе разработки дизайна. Именно дизайнер первым прикладывает руку к тому, как именно будут сочетаться тексты, картинки, иконки и другие графические и текстовые элементы сайта. Делает он это осмыслено, продумывая различные варианты расположения, прикидывая поведение пользователя и стараясь сделать поиск и восприятие информации как можно проще. Но, как часто бывает, после того как сайт готов и запущен, он отдается на поддержание контент-менеджеру &#8230;</p>
120<div class="meta">
121<span class="date">27 мая 2014</span>
122<span class="comment"><a href="http://womtec.ru/2014/05/how-choose-pictures-for-site/#comments" title="Комментарий к записи Как правильно выбирать картинки для сайта">Комментариев: 12</a></span>
123<span class="tag"><a href="http://womtec.ru/tag/services/" rel="tag">Сервисы</a>, <a href="http://womtec.ru/tag/photo/" rel="tag">Фотография</a>, <a href="http://womtec.ru/tag/photostock/" rel="tag">Фотостоки</a></span>
124</div>
125</div>
126<div class="wp-pagenavi">
127<span class="pages">Страница 1 из 40</span> | <span class="current">1</span><a href="http://womtec.ru/page/2/" class="page" title="2">2</a><a href="http://womtec.ru/page/3/" class="page" title="3">3</a><a href="http://womtec.ru/page/4/" class="page" title="4">4</a><a href="http://womtec.ru/page/5/" class="page" title="5">5</a><a href="http://womtec.ru/page/6/" class="page" title="6">6</a><a href="http://womtec.ru/page/7/" class="page" title="7">7</a><a href="http://womtec.ru/page/8/" class="page" title="8">8</a><a href="http://womtec.ru/page/9/" class="page" title="9">9</a><a href="http://womtec.ru/page/2/" >Следующая</a><span class="extend">...</span><a href="http://womtec.ru/page/40/" class="last" title="Последняя">Последняя</a></div>
128</div>
129</td><td class="tablebar">
130<div id="listmenu">
131<ul>	<li class="cat-item cat-item-29"><a href="http://womtec.ru/category/web-site/" title="Веб-сайты">Веб-сайты</a>
132</li>
133	<li class="cat-item cat-item-54"><a href="http://womtec.ru/category/resource/" title="Ресурсы">Ресурсы</a>
134</li>
135	<li class="cat-item cat-item-39"><a href="http://womtec.ru/category/web-creative/" title="Веб-креатив">Веб-креатив</a>
136</li>
137	<li class="cat-item cat-item-7"><a href="http://womtec.ru/category/design/" title="Дизайн">Дизайн</a>
138</li>
139	<li class="cat-item cat-item-13"><a href="http://womtec.ru/category/other/" title="Разное">Разное</a>
140</li>
141	<li class="cat-item cat-item-51"><a href="http://womtec.ru/category/twitter/" title="Твиттер">Твиттер</a>
142</li>
143	<li class="cat-item cat-item-1"><a href="http://womtec.ru/category/blog/" title="Наш блог">Наш блог</a>
144</li>
145	<li class="cat-item cat-item-20"><a href="http://womtec.ru/category/wordpress/" title="WordPress">WordPress</a>
146</li>
147	<li class="cat-item cat-item-82"><a href="http://womtec.ru/category/comics/" title="Комиксы">Комиксы</a>
148</li>
149</ul>
150</div>
151<div id="bar">
152<h3 class="sear"><a href="javascript:ShowHide('search','');" title="Поиск">Поиск</a></h3>
153<div id="search">
154<form id="searchform" method="get" action="http://womtec.ru/">
155<fieldset>
156<input id="s" type="text" name="s" placeholder="Что ищем?" />
157<input id="x" type="submit" value="Искать" class="button" />
158</fieldset>
159<p>Для <strong>тематического</strong> поиска статей используйте <span class="tag">рубрики</span>.</p>
160</form>
161</div>
162<h3 class="art"><a href="javascript:ShowHide('articles','');" title="Популярные статьи">Популярные статьи</a></h3>
163<div id="articles">
164<ul><li>Веб-сайты: <a href="http://womtec.ru/2010/09/yellow-color-in-web-design/" title="Желтый цвет в дизайне сайта">Желтый цвет в дизайне сайта</a></li><li>Веб-сайты: <a href="http://womtec.ru/2011/04/nature-websites/" title="Дизайн сайта с элементами природы">Дизайн сайта с элементами природы</a></li><li>Дизайн: <a href="http://womtec.ru/2009/01/graphics-editors-2/" title="Графические редакторы. Часть 2">Графические редакторы. Часть 2</a></li><li>Веб-сайты: <a href="http://womtec.ru/2013/03/flat-design/" title="Плоский дизайн. Примеры сайтов и интерфейсов">Плоский дизайн. Примеры сайтов и интерфейсов</a></li><li>Веб-сайты: <a href="http://womtec.ru/2012/09/blurred-backgrounds/" title="Размытое фоновое изображение в дизайне сайта">Размытое фоновое изображение в дизайне сайта</a></li><li>Веб-сайты: <a href="http://womtec.ru/2009/02/bright-and-unusual-design-web-site/" title="Сайты с ярким и необычным дизайном">Сайты с ярким и необычным дизайном</a></li><li>Дизайн: <a href="http://womtec.ru/2012/11/super-free-cyrillic-fonts/" title="Крутые бесплатные кириллические шрифты">Крутые бесплатные кириллические шрифты</a></li><li>
164Веб-сайты: <a href="http://womtec.ru/2009/08/horizontal-scrolling-websites/" title="Сайты с горизонтальной прокруткой">Сайты с горизонтальной прокруткой</a></li></ul>
165</div>
166<h3 class="com"><a href="javascript:ShowHide('com','');" title="Комментарии">Комментарии</a></h3>
167<div id="com">
168<ul>
169	<li><a href="http://womtec.ru/2010/08/professional-photography-web-sites/#comment-6714" title="Лучшие сайты профессиональных фотографов">Fotografas</a>: Отличная фотография.</li>
170	<li><a href="http://womtec.ru/2010/03/chart-graph-diagram-generators-online/#comment-6510" title="Построение графиков и диаграмм онлайн">Тимофей</a>: Хрень полная. А если у меня данных, ну штук 50-70, в...</li>
171	<li><a href="http://womtec.ru/2018/06/vector-graphics-and-cliparts-in-design/#comment-6353" title="Векторная графика и клипарт для экономии времени дизайнера">Irmaseo</a>: Время решает все.</li>
172	<li><a href="http://womtec.ru/2014/08/how-to-draw-quality-logo/#comment-6319" title="Как получить качественный логотип?">Дмитрий</a>: Есть еще один вариант &#8211; заказать у друга-дизайнер...</li>
173	<li><a href="http://womtec.ru/2009/12/web-typograph/#comment-6274" title="Типографы. Проверка и подготовка текста к web-изданию">Sindor</a>: Полезная статья, спасибо автору!</li>
174	<li><a href="http://womtec.ru/2018/06/vector-graphics-and-cliparts-in-design/#c
174omment-6225" title="Векторная графика и клипарт для экономии времени дизайнера">Ganesa</a>: Клипарты очень и очень выручают, даже те сервисы, которые с...</li>
175	<li><a href="http://womtec.ru/2017/05/atomic-design-interface-methodology/#comment-6099" title="Атомарный дизайн. Методология разработки интерфейса">Елена Калинина</a>: Атомарный дизайн пригодится очень при...</li>
176	<li><a href="http://womtec.ru/2013/03/logos-cities/#comment-6098" title="Логотипы городов Европы и мира">Елена Калинина</a>: Логотип того или иного города легко найти в...</li>
177</ul>
178</div>
179<h3 class="friends"><a href="javascript:ShowHide('friends','');" title="Друзья">Друзья</a></h3>
180<div id="friends" >
181<ul>
182<li><a href="https://ru.wix.com/" title="Wix.com" target="_blank">Создание сайтов — Wix.com</a></li>
183<li><a href="http://kuv.me/" title="КУВЬ — журнал идей и концепций" target="_blank">Журнал идей и концепций</a></li>
184<li><a href="http://dejurka.ru/" title="Дизайн журнал" target="_blank">Дежурка — Дизайн журнал</a></li>
185<li><a href="http://design-mania.ru/" title="Дизайн Мания" target="_blank">Дизайн Мания</a></li>
186</ul>
187</div>
188<h3 class="error"><a href="javascript:ShowHide('error','');" title="Нашли ошибку?">Нашли ошибку?</a></h3>
189<div id="error">
190<script type="text/javascript" src="http://womtec.ru/wp-content/orphus/orphus.js"></script>
190
191<p>Если вы нашли грамматическую ошибку на сайте, выделите ее и нажмите сочетание клавиш <strong>Ctrl+Enter</strong>.</p>
192<div class="orphus"><a href="http://www.orphus.ru/" rel="nofollow" id="orphus"><img src="http://womtec.ru/wp-content/orphus/orphus.gif" width="125" height="115" alt="Система Orphus" /></a></div>
193</div>
194</div></td></tr></table>
195</div>
196<div id="footer">
197<div class="info">&copy; 2009—2020 <a href="http://womtec.ru/" class="black">Womtec.ru</a> &mdash; блог о дизайне и веб-мастеринге<br /><a href="http://womtec.ru/about/" rel="nofollow" title="О блоге">О блоге</a> | <a href="http://womtec.ru/adv/" rel="nofollow" title="Реклама">Реклама</a> | <a href="http://womtec.ru/guest/" rel="nofollow" title="Гостевые статьи">Гостевые статьи</a></div>
198<div class="copy">
199<a href="http://validator.w3.org/check/referer" class="xhtml" title="XHTML" rel="nofollow">XHTML</a>
200<a href="http://jigsaw.w3.org/css-validator/check/referer" class="css" title="CSS" rel="nofollow">CSS</a>
201</div>
202</div>
203<script type="text/javascript">
204new Image().src = "http://counter.yadro.ru/hit?r" + escape(document.referrer) + ((typeof(screen)=="undefined")?"" : ";s"+screen.width+"*"+screen.height+"*" + (screen.colorDepth?screen.colorDepth:screen.pixelDepth)) + ";u"+escape(document.URL) +  ";" +Math.random();
205</script>
vendor: 2 bytes, line 205
205
206<script type="text/javascript">
207(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter19388884 = new Ya.Metrika({id:19388884,clickmap:true,trackLinks:true,accurateTrackBounce:true}); } catch(e) { } });
208var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); };
209s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";
210if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
211})(document, window, "yandex_metrika_callbacks");
212</script>
212
213<noscript><div><img src="//mc.yandex.ru/watch/19388884" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
214</body>
215</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.