<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Блог для вебмастеров &#187; Статьи и переводы</title>
	<atom:link href="http://www.getincss.ru/category/articles/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.getincss.ru</link>
	<description>Веб дизайн, CSS, SEO, юзабилити. Уроки веб-мастерства</description>
	<lastBuildDate>Mon, 19 Jul 2010 12:51:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Новая услуга &#8220;Постинг&#8221; в магазине контента PayText.Ru</title>
		<link>http://www.getincss.ru/2010/03/06/novaya-usluga-posting-v-magazine-kontenta-paytext-ru/</link>
		<comments>http://www.getincss.ru/2010/03/06/novaya-usluga-posting-v-magazine-kontenta-paytext-ru/#comments</comments>
		<pubDate>Sat, 06 Mar 2010 12:59:19 +0000</pubDate>
		<dc:creator>Блог для вебмастеров</dc:creator>
				<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.getincss.ru/?p=1238</guid>
		<description><![CDATA[<p>О новом магазине контента PayText.Ru написано уже немало, в том числе и я уже давала <a href="http://www.getincss.ru/2009/11/03/magazin-eksklyuzivnogo-kontenta-www-paytext-ru/">краткий обзор</a> этого проекта. Более-менее подробно описаны текущий функционал, принципы покупки и заказа контента в этом магазине. Как и в любом новом проекте, здесь можно найти как положительные, так и отрицательные моменты. Так, одним из минусов является отсутствие возможности заказа постинга (наполнение новыми темами и комментариями форумов и блогов). Но, как выяснилось, этот минус администрацией магазина был исправлен. Не так давно, ко многим существующим сервисам добавился еще и сервис "Постинг".</p>]]></description>
			<content:encoded><![CDATA[<p>О новом <a href="http://paytext.ru/">магазине контента PayText.Ru</a> написано уже немало, в том числе и я уже давала <a href="http://www.getincss.ru/2009/11/03/magazin-eksklyuzivnogo-kontenta-www-paytext-ru/">краткий обзор</a> этого проекта. Более-менее подробно описаны текущий функционал, принципы покупки и заказа контента в этом магазине. Как и в любом новом проекте, здесь можно найти как положительные, так и отрицательные моменты. Так, одним из минусов является отсутствие возможности заказа постинга (наполнение новыми темами и комментариями форумов и блогов). Но, как выяснилось, этот минус администрацией магазина был исправлен. Не так давно, ко многим существующим сервисам добавился еще и <noindex><a rel="nofollow" title="http://paytext.ru/news_5.html" target="_blank" href="http://www.getincss.ru/go/http://paytext.ru/news_5.html">сервис &#8220;Постинг&#8221;</a></noindex>.</p>
<p><span id="more-1238"></span>Интерфейс сервиса довольно удобен и не вызывает особых трудностей. При составлении заказа, выбора типа работы, создания новых тем (равно, как и комментариев) и другого любого вида работы с контентом также затруднений нет. Другое дело, когда сталкиваешься с системой заказа рерайтинга при постинге. У магазина PayText&#8217;а с выбором рерайтинга или копирайтинга, в отличие от других бирж, где происходит формальная проверка на уникальность выполняемой работы и, исходя из этих факторов, вы можете принять или отказать в исполнении данной работы, дела обстоят немного по-другому.     При указании рерайтинга как типа текста, здесь &#8220;всплывают&#8221; поля, где нужно вписывать материалы, которые авторы непосредственно переписывают и публикуют на вашем сайте. Кроме того, есть возможность указать до 20-ти материалов для рерайтинга. Указанные материалы для авторов будут появляться в случайном порядке.</p>
<p>При заказе рерайтинга, после модерации заказа, а также после проверки исполнения первой работы, сервис вместе с указанием уникальности текста, отображает сам текст, переписанный автором и процент схожести этого текста с оригиналом. Этот сервис является очень удобным решением и является явно полезным новшеством. Что касается заказа копирайтинга, в этой сфере найти какие-нибудь новшества практически невозможно, поэтому он выполнен в лучших традициях  других бирж контента.  Авторы, выполняющие <noindex><a rel="nofollow" title="http://paytext.ru/r_236/" target="_blank" href="http://www.getincss.ru/go/http://paytext.ru/r_236/">заказы по постингу</a></noindex> в данном проекте довольно грамотно выполняют свою работу. Правда, человек остается человеком, и без небольших недостатков не обходится. Но все это поправимо и решаемо. Что касается скорости выполнения заданий, то она высока. Наполнение статей в магазине очень заметно.</p>
<p>Можно сделать вывод о том, что работа идет очень активная, т.к. притом, что покупки статей осуществляются каждый день, количество статей неуклонно растет. Можно смело предполагать, что данный магазин найдет и займет достойную нишу, наряду со своими непосредственными конкурентными проектами.</p>
<hr /><br />
<noindex><a rel="nofollow" title="http://blogun.ru/?r=3994" target="_blank" href='http://www.getincss.ru/go/http://blogun.ru/?r=3994'><img src='http://blogun.ru/advert/080426-blogun-468x60.gif' height='60' width='468'/></a></noindex><br /><br />
<p><a href="http://www.getincss.ru/2010/03/06/novaya-usluga-posting-v-magazine-kontenta-paytext-ru/">Постоянная ссылка на статью</a> |<a href="http://www.getincss.ru/2010/03/06/novaya-usluga-posting-v-magazine-kontenta-paytext-ru/#comments">Комментариев: 11</a>
<br/>
Теги: 
</p>
	<h4 id="related-posts">Еще записи на эту тему</h4>
	<ul class="st-related-posts">
	<li>Нет похожих записей :\</li>
	</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.getincss.ru/2010/03/06/novaya-usluga-posting-v-magazine-kontenta-paytext-ru/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>CSS переменные с помощью PHP</title>
		<link>http://www.getincss.ru/2009/12/04/css-peremennye-s-pomoshhyu-php/</link>
		<comments>http://www.getincss.ru/2009/12/04/css-peremennye-s-pomoshhyu-php/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 07:23:27 +0000</pubDate>
		<dc:creator>Блог для вебмастеров</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Веб-разработка]]></category>

		<guid isPermaLink="false">http://www.getincss.ru/?p=1231</guid>
		<description><![CDATA[<p>Как мы знаем, CSS3 обещает нам такую фичу как CSS переменные, я рассказывала об этом <a href="http://www.getincss.ru/2008/04/11/novoe-v-css-3-animaciya-transformaciya-peremennye/" target="_blank">тут</a>. Но чудо это светит нам совсем не в ближайшем будущем. Однако выход всегда есть.</p>

<p>Если вы хотя бы немного знаете основы языка PHP, то нам с вами не составит труда  реализовать использование CSS переменных уже сейчас. Все довольно легко и просто, как пишет нам Крис Койер в своей <a href="http://css-tricks.com/css-variables-with-php/" target="_blank">статье</a>.</p>]]></description>
			<content:encoded><![CDATA[<p>Как мы знаем, CSS3 обещает нам такую фичу как CSS переменные, я рассказывала об этом <a href="http://www.getincss.ru/2008/04/11/novoe-v-css-3-animaciya-transformaciya-peremennye/" target="_blank">тут</a>. Но чудо это светит нам совсем не в ближайшем будущем. Однако выход всегда есть.</p>
<p>Если вы хотя бы немного знаете основы языка PHP, то нам с вами не составит труда  реализовать использование CSS переменных уже сейчас. Все довольно легко и просто, как пишет нам Крис Койер в своей <noindex><a rel="nofollow" title="http://css-tricks.com/css-variables-with-php/" href="http://www.getincss.ru/go/http://css-tricks.com/css-variables-with-php/" target="_blank">статье</a></noindex>.</p>
<p><span id="more-1231"></span></p>
<h3>Style.php</h3>
<p>Вместо привычного нам  расширения <code>.css</code>, мы подключим к страничке файл <code>.php</code></p>
<pre>&lt;link rel='stylesheet' type='text/css' href='css/style.php' /&gt;
</pre>
<h3>Тип документа</h3>
<p>В самом начале файла style.php необходимо указать, что на выходе нам все-таки нужен файл стилей, т.е. указываем тип документа:</p>
<pre>&lt;?php
header("Content-type: text/css; charset: UTF-8");
?&gt;</pre>
<blockquote><p>Ломаете голову как сдать сессию? У нас <a href="http://students-online.ru/kursovie/" target="_blank">курсовые работы на заказ срочно</a>.</p></blockquote>
<h3>Вводим переменные</h3>
<p>Теперь установим значения для нескольких переменных, например такие:</p>
<pre>&lt;?php
 header("Content-type: text/css; charset: UTF-8");

 $brandColor = "#990000";
 $linkColor = "#555555";
 $CDNURL = "http://cdn.blahblah.net"
?&gt;
</pre>
<h3>Использование переменных</h3>
<p>Достаточно просто вывести обозначенные переменные в необходимых местах стилей:</p>
<pre>#header {
 background: url("&lt;?php echo $CDNURL; ?&gt;/images/header-bg.png") no-repeat;
}
</pre>
<pre>a
 color: &lt;?php echo $linkColor; ?&gt;;
}
...
ul#main-nav li a {
 color: &lt;?php echo $linkColor; ?&gt;;
}
</pre>
<h3>Другие идеи использования CSS файла сгенерированного с помощью PHP</h3>
<ol>
<li><noindex><a rel="nofollow" title="http://css-tricks.com/snippets/css/compress-css-with-php/" href="http://www.getincss.ru/go/http://css-tricks.com/snippets/css/compress-css-with-php/" target="_blank">Сжатие CSS файла с помощью PHP</a></noindex></li>
<li>Теоретически, вы даже можете использовать информацию о User-agent для вывода стилей под конкретный браузер.</li>
<li>В зависимости от сезона года, вы можете менять стили, используя информацию о текущей дате.</li>
<li>Генерировать различные цвета, устанавливать фон случайным образом, и в конце-концов, просто тестировать.</li>
</ol>
<h3>Не работает?</h3>
<p>В некоторых случаях (например для реализации нашей идеи в Wordpress), вам возможно потребуется прописать следующие строчки в файле .htaccess (только для Apache):</p>
<pre>&lt;FilesMatch "^.*?style.*?$"&gt;
SetHandler php5-script
&lt;/FilesMatch&gt;
</pre>
<p>При этом файл стилей оставляем с расширением <code>.css</code>, а  <code>.htaccess</code> кладем в туже папку, где и стили.</p>
<hr /><br />
<noindex><a rel="nofollow" title="http://blogun.ru/?r=3994" target="_blank" href='http://www.getincss.ru/go/http://blogun.ru/?r=3994'><img src='http://blogun.ru/advert/080426-blogun-468x60.gif' height='60' width='468'/></a></noindex><br /><br />
<p><a href="http://www.getincss.ru/2009/12/04/css-peremennye-s-pomoshhyu-php/">Постоянная ссылка на статью</a> |<a href="http://www.getincss.ru/2009/12/04/css-peremennye-s-pomoshhyu-php/#comments">Комментариев: 20</a>
<br/>
Теги: 
</p>
	<h4 id="related-posts">Еще записи на эту тему</h4>
	<ul class="st-related-posts">
	<li>Нет похожих записей :\</li>
	</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.getincss.ru/2009/12/04/css-peremennye-s-pomoshhyu-php/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Как создать дизайн для самого худшего клиента &#8211; самого себя</title>
		<link>http://www.getincss.ru/2009/09/30/kak-sozdat-dizajn-dlya-samogo-xudshego-klienta-samogo-sebya/</link>
		<comments>http://www.getincss.ru/2009/09/30/kak-sozdat-dizajn-dlya-samogo-xudshego-klienta-samogo-sebya/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 08:39:27 +0000</pubDate>
		<dc:creator>Блог для вебмастеров</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[Это интересно]]></category>
		<category><![CDATA[грамотный дизайн]]></category>
		<category><![CDATA[дизайн для себя]]></category>
		<category><![CDATA[для дизайнеров]]></category>
		<category><![CDATA[клиент]]></category>

		<guid isPermaLink="false">http://www.getincss.ru/?p=1189</guid>
		<description><![CDATA[<p>Будучи дизайнером, делать работу для самого себя — возможно, самая трудная вещь, которую можно вообразить. На самом деле, большинство боится этого. Усугубляет ситуацию тот факт, что иметь свое представительство в интернете не просто жизненно важно для успешной работы, оно еще и должно быть лучшим. Ведь если вы не можете блеснуть умением на собственном сайте, то как можно ожидать, что кто-то сделает вам заказ?</p>
<p>В этой статье мы постараемся разобраться, что мешает нам создать дизайн для себя самого и сформулируем <strong>10 правил, как сделать самый лучший дизайн для себя</strong>. Вместе мы победим в себе эту темную сторону.</p>
<blockquote><p>Хотите узнать, какие сейчас самые стильные стрижки и модные <a rel="webmaster" href="http://www.prichesok.net/" target="_blank">прически</a>?</p></blockquote>]]></description>
			<content:encoded><![CDATA[<p style="text-align: right;"><strong><em>Перевод статьи &#8220;</em><noindex><a rel="nofollow" title="http://sixrevisions.com/web_design/how-to-design-for-your-worst-client-you/" href="http://www.getincss.ru/go/http://sixrevisions.com/web_design/how-to-design-for-your-worst-client-you/" target="_blank"><em>How to Design for Your Worst Client: You.</em></a></noindex><em>&#8220;</em></strong></p>
<p>Будучи дизайнером, делать работу для самого себя — возможно, самая трудная вещь, которую можно вообразить. На самом деле, большинство боится этого. Усугубляет ситуацию тот факт, что иметь свое представительство в интернете не просто жизненно важно для успешной работы, оно еще и должно быть лучшим. Ведь если вы не можете блеснуть умением на собственном сайте, то как можно ожидать, что кто-то сделает вам заказ?</p>
<p style="text-align: center;"><img class="size-full wp-image-1190 aligncenter" title="Как создать дизайн для своего худшего клиента - самого себя" src="http://www.getincss.ru/wp-content/uploads/2009/09/26-01_leading_image.jpg" alt="Как создать дизайн для своего худшего клиента - самого себя" width="550" height="321" /></p>
<p>В этой статье мы постараемся разобраться, что мешает нам создать дизайн для себя самого и сформулируем <strong>10 правил, как сделать самый лучший дизайн для себя</strong>. Вместе мы победим в себе эту темную сторону.</p>
<h3>Внутренняя борьба</h3>
<p>Как показывает история доктора Джекила и мистера Хайда, дуализм человеческой натуры всегда вызывал глубокий интерес. Дуализм проявляется в отношении к добру и злу, или, в нашем контексте, во внутреннем конфликте творческой личности. Для дизайнера эта внутренняя борьба может стать очень мощным инструментом, если научиться ее контролировать.</p>
<h3>Правило №1: Конечное назначение</h3>
<p>Когда вы садитесь в машину, вы же не начинаете просто куда-то ехать, надеясь как-нибудь попасть в пункт назначения? Нет, вы точно знаете, куда вы хотите отправиться. То же и со своим сайтом. Спросите себя, какой результат вы хотите получить на выходе? Только не нужно расплывчатых ответов типа «Хочу клевый сайт». Возможно, назначением сайта будет показать потенциальным клиентам, что вы заботитесь о восприятии сайта пользователем. Возможно, вы стремитесь получить признание в ряде галерей. Возможно, вам просто нужно место для эксперимента и совместного творчества с другими дизайнерами. В вашем сайте должно прослеживаться концентрированное и сфокусированное понимание его общего назначения.</p>
<h3>Правило №2: Составьте распорядок</h3>
<p><img class="alignleft size-full wp-image-1191" title="Безумный Макс" src="http://www.getincss.ru/wp-content/uploads/2009/09/26-02_mel_gibson.jpg" alt="Безумный Макс" width="300" height="130" />В фильмах «Безумный Макс» не существует правил и все движется просто так. То же самое происходит, когда в вашем проекте нет распорядка. Первозданный хаос. Первым делом нужно поставить себе ограничения. Некоторые, например, задают себе определенный дедлайн. Я не считаю, что дедлайны, поставленные самому себе, работают. Они только ограничивают вас и обуздывают вашу творческую энергию. Вы будете больше озабочены сроком сдачи проекта, и велика вероятность, что начнете задвигать его, как только он помешает другим начинаниям. Так что об этом забудем.</p>
<p>Определяйте для себя задачи в рамках поставленной цели. То есть, выделите конкретные страницы (например, главная, блог, портфолио, о себе, контактная информация). Поймите для себя, что вы хотите увидеть по завершении проекта.</p>
<blockquote><p>Профессионально выполненные <a href="http://baselshop.ru/" target="_blank">копии швейцарских часов</a> вы можете приобрести только на baselshop.ru<br />
 Хотите узнать, какие сейчас самые стильные стрижки и модные <a href="http://www.prichesok.net/" target="_blank">прически</a>?</p>
</blockquote>
<h3>Правило №3: Контент прежде всего</h3>
<p>Как можно конкретнее определитесь, что должно быть на каждой из страниц. То есть, первым делом решите, каким будет контент. Понятно, что это дизайнерское портфолио. При этом вам нужно к чему-то приложить свои дизайнерские навыки. Сколько раз клиенты заказывали вам дизайн, не говоря, каким будет наполнение сайта, или обещая сообщить об этом в скором времени (читай: за день до запуска сайта). Не поступайте так с собой.</p>
<p>Не нужно писать все до последней буквы, но хотя бы решите, что вы, например, сделаете ссылки в «подвале», обширную биографию на странице «О себе», или, может быть, какие работы вы разместите в начале раздела «Портфолио».</p>
<h3>Правило №4: Хватит сравнивать</h3>
<p>Кто-то всегда будет лучше вас. Всегда. Но важно помнить: <strong>первые несколько сайтов этого человека тоже были отстойными</strong>. И даже не просто отстойными, возможно это были худшие сайты из созданных. Так зачем вы пытаетесь создать лучший в мире сайт вот так с пол-оборота? Вы не научитесь делать сайты лучше, если не начнете делать их самостоятельно.</p>
<p>Хватит использовать другие сайты как «костыли», бесцельно бродя в поисках озарения. Если вы определили свои цели и желаемый контент, вы можете быстро двигаться вперед, пока не найдете элементы, которые помогут достичь вашей цели. А затем ПРЕКРАЩАЙТЕ смотреть по сторонам.</p>
<h3>Правило №5: Вдохновение и труд</h3>
<p>Иногда бывает сложно поймать вдохновение. Может быть, это оттого, что многие дизайнеры работают на агентство, целый день делая работу для других, а потом они приходят домой и им уже неохота вновь садиться за компьютер. Или они просто чувствуют, что уже не могут выдать что-либо оригинальное.</p>
<p>Сходите в музей, посмотрите фильм, или просто прогуляйтесь. Дайте себе передышку и у вас появятся новые идеи. Все ищут вдохновение примерно в одних и тех же местах в интернете. Может быть, именно поэтому у вас создается ощущение, что вы не можете родить отличную идею, какая еще никому и не снилась. Вы просто смотрите туда же, куда и все остальные дизайнеры в мире. Попробуйте что-нибудь другое и не пытайтесь изо всех сил поймать вдохновение, оно должно прийти само собой.</p>
<h3>Правило №6: Пуленепробиваемый бренд</h3>
<p><img class="alignleft size-full wp-image-1192" title="Пуленепробиваемый бренд" src="http://www.getincss.ru/wp-content/uploads/2009/09/26-03_worst_client_you.jpg" alt="Пуленепробиваемый бренд" width="300" height="130" />Это одна из самых главных вещей, которые я понял: в мире нет человека, такого же, как вы. Может быть, это звучит, как слова школьного психолога. Тем не менее, это правда.</p>
<p>Бренд, который вы создаете, не должен базироваться только на элементах дизайна (логотипе и цветах). Он должен отражать вашу индивидуальность и способ самовыражения. Бренд может быть дерзким и современным, с элементом неожиданности. Вы можете взять его и построить вокруг него дизайн. Ваш бренд является персональным, он должен исходить от вас, а не являться отражением чего-то вами виденного. Тренды обычно исчерпывают себя, поэтому избегайте их, во что бы то ни стало.</p>
<p>Как только вы определились со своим брендом, вы уже не можете его нарушить. Он становится пуленепробиваемым. Станьте лучшим дизайнером своего фирменного стиля. Используйте этот фундамент для этого сайта и его будущих версий. Все становится намного проще, когда вы знаете, кто вы есть.</p>
<blockquote><p><a href="http://finebuy.ru/" target="_blank">Проектор</a> Optoma EP721i &#8211; лидер продаж! Лучшая цена только на finebuy.ru<br />
 Не секрет, что <a href="http://bukibuki.ru" target="_blank">ноутбуки</a> Asus сейчас самые популярные. Выберите модель, которая подходит вашим критериям.</p>
</blockquote>
<h3>Правило №7: Совершенство бесконечно</h3>
<p>Теперь настало время избавиться от внутреннего критика. Если вы все еще слышите, как кто-то говорит вам, что работа еще недостаточно хороша — просто не стоит их слушать (это относится и к голосам за пределами вашей головы). Давайте смотреть на вещи реально. Вы так можете работать над дизайном несколько следующих лет, и все равно не будете удовлетворены. После того, как вы выполнили все предыдущие правила, вы сможете сформировать свой сайт и свой стиль так, что будет намного проще создать нужный вам дизайн.</p>
<p>Признайте свои слабые и сильные стороны. Дизайнеры по натуре любят то, что они делают, и привязываются к своим творениям. Все, что вы делаете, вы делаете с полной отдачей. Вы не сможете дать больше, и если вы не оставите что-то за рамками, вы никогда не сможете получить «обратную связь» или увидеть результаты работы. Без такого опыта невозможно вырасти до более профессионального дизайнера. Не забывайте, что лучшим дизайнерам иногда не удавалось понять, что лучше оставить за рамками своей работы.</p>
<h3>Правило №8: Самое то</h3>
<p>Ну так как вы узнаете, что получилось самое оно? Когда было потрачено достаточно времени? Дайте вашему дизайну «перебродить» несколько дней и вернитесь к нему вновь. Если вы смотрите на работу и понимаете, что она все еще хороша, или даже лучше, значит, вы на правильном пути.</p>
<p><img class="alignnone size-full wp-image-1193" title="Карате Кид" src="http://www.getincss.ru/wp-content/uploads/2009/09/26-04_worst_client_you.jpg" alt="Карате Кид" width="300" height="130" /></p>
<blockquote><p><em><strong>Даниэль</strong>: «Но как я узнаю, что моя картина хороша?»</em></p>
<p><em><strong>Мияги</strong>: «Если она исходит из тебя, то она всегда хороша».</em></p>
<p>- Из <noindex><a rel="nofollow" title="http://www.imdb.com/title/tt0087538/" target="_blank" href="http://www.getincss.ru/go/http://www.imdb.com/title/tt0087538/">Карате Кид</a></noindex></p>
</blockquote>
<h3>Правило №9: Вы не творческий гений</h3>
<p>Даже лучших дизайнеров иногда «заклинивает». Я недавно видел беседу о творческих способностях на TED. Автором была Элизабет Джилберт. Она говорила о том, что творческое вдохновение или «гений» может не исходить изнутри нас, а скорее быть данным нам извне. Что-то вроде музы в греческой мифологии. С этой точки зрения, творческим личностям не стоит быть столь требовательными к себе, стараясь каждый раз достигать блестящего результата. Это действительно изменило мой личный взгляд на творчество и такие ситуации, когда дизайнерские идеи не бьют из тебя ключом.</p>
<p>- <noindex><a rel="nofollow" title="http://www.ted.com/index.php/talks/elizabeth_gilbert_on_genius.htmlhttp:/www.ted.com/index.php/talks/elizabeth_gilbert_on_genius.html" target="_blank" href="http://www.getincss.ru/go/http://www.ted.com/index.php/talks/elizabeth_gilbert_on_genius.htmlhttp:/www.ted.com/index.php/talks/elizabeth_gilbert_on_genius.html">Элизабет Джилберт о взращивании творческих способностей</a></noindex>.</p>
<h3>Правило №10: Используйте силу</h3>
<p><img class="alignleft size-full wp-image-1194" title="Используйте силу" src="http://www.getincss.ru/wp-content/uploads/2009/09/26-05_worst_client_you.jpg" alt="Используйте силу" width="300" height="130" />Все эти правила вместе очень сильно помогают преодолеть внутреннюю борьбу при создании дизайна для себя. Не забывайте использовать то, что было создано, следуя этим правилам, как компас, который не даст вам сбиться с пути.</p>
<p>Например, если вы увидели ссылку на классный сайт, после того, как вы прекратили смотреть и начали творить, используйте нечто вроде вашего Пуленепробиваемого Бренда. Подумайте о назначении того классного сайта. Он работает на того дизайнера, а не на ВАС. Цели того дизайнера, скорее всего, очень сильно отличаются от ваших. Просто посмотрите и продолжайте двигаться по пути к своему отличному дизайну.</p>
<h3>В добрый путь</h3>
<p>Эти правила помогут вам преодолеть внутреннюю борьбу при создании дизайна для себя. Я использовал эти правила и понятия, чтобы справиться с собственными трудностями в дизайне и надеюсь, что другим они тоже будут полезны.</p>
<hr /><br />
<noindex><a rel="nofollow" title="http://blogun.ru/?r=3994" target="_blank" href='http://www.getincss.ru/go/http://blogun.ru/?r=3994'><img src='http://blogun.ru/advert/080426-blogun-468x60.gif' height='60' width='468'/></a></noindex><br /><br />
<p><a href="http://www.getincss.ru/2009/09/30/kak-sozdat-dizajn-dlya-samogo-xudshego-klienta-samogo-sebya/">Постоянная ссылка на статью</a> |<a href="http://www.getincss.ru/2009/09/30/kak-sozdat-dizajn-dlya-samogo-xudshego-klienta-samogo-sebya/#comments">Комментариев: 32</a>
<br/>
Теги: <a href="http://www.getincss.ru/tag/gramotnyj-dizajn/" rel="tag">грамотный дизайн</a>, <a href="http://www.getincss.ru/tag/dizajn-dlya-sebya/" rel="tag">дизайн для себя</a>, <a href="http://www.getincss.ru/tag/dlya-dizajnerov/" rel="tag">для дизайнеров</a>, <a href="http://www.getincss.ru/tag/klient/" rel="tag">клиент</a>
</p>
	<h4 id="related-posts">Еще записи на эту тему</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.getincss.ru/2008/08/03/formula-uspeshnogo-sajta/" title="Формула успешного сайта (3 Авг 2008)">Формула успешного сайта</a> (17)</li>
	<li><a href="http://www.getincss.ru/2008/07/14/oshibka-404-chto-v-imeni-tebe-moem/" title="Ошибка 404: что в имени тебе моем? (14 Июл 2008)">Ошибка 404: что в имени тебе моем?</a> (9)</li>
	<li><a href="http://www.getincss.ru/2008/02/25/esli-by-arxitektory-rabotali-kak-veb-dizajnery/" title="Если бы архитекторы работали как веб дизайнеры (25 Фев 2008)">Если бы архитекторы работали как веб дизайнеры</a> (3)</li>
	<li><a href="http://www.getincss.ru/2008/07/21/vyjgraj-planshet-wacom-bamboo/" title="Выйграй планшет Wacom Bamboo! (21 Июл 2008)">Выйграй планшет Wacom Bamboo!</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.getincss.ru/2009/09/30/kak-sozdat-dizajn-dlya-samogo-xudshego-klienta-samogo-sebya/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>Понятие о безопасной палитре цветов</title>
		<link>http://www.getincss.ru/2009/09/23/ponyatie-o-bezopasnoj-palitre-cvetov/</link>
		<comments>http://www.getincss.ru/2009/09/23/ponyatie-o-bezopasnoj-palitre-cvetov/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 13:00:11 +0000</pubDate>
		<dc:creator>Блог для вебмастеров</dc:creator>
				<category><![CDATA[Веб-разработка]]></category>
		<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[безопасная палитра]]></category>
		<category><![CDATA[безопасные цвета]]></category>

		<guid isPermaLink="false">http://www.getincss.ru/?p=1175</guid>
		<description><![CDATA[<p>Существует палитра из 216 цветов, поведение которых мало предсказуемо при использовании разного железа и программных платформ. Она называется <strong>web-безопасной</strong> (или просто безопасной) палитрой, и эти цвета распознаются всеми браузерами и системами (ну, за исключением совсем уж древних систем). Хотя эти цвета и не выглядят точно один в один из-за особенностей разных мониторов, они хотя бы однозначно распознаются всеми системами.</p>

<p>Web-безопасные цвета были выбраны математически, а не в силу того, что эти цвета используются чаще всего. RGB-коды для безопасных цветов состоят из нуля и других шестнадцатеричных цифр, делящихся на три: 3, 6, 9, C (12) и F (15). Кроме того, эти цифры всегда используются попарно.</p>


<blockquote> Нужна <a href="http://www.kokoc.com" rel="webmaster" target="_blank">раскрутка сайта</a>? Заходи на www.kokoc.com</blockquote>]]></description>
			<content:encoded><![CDATA[<p style="text-align: right;"><em><strong>Перевод статьи &#8220;<noindex><a rel="nofollow" title="http://www.merttol.com/articles/web/understanding-web-safe-colors.html" href="http://www.getincss.ru/go/http://www.merttol.com/articles/web/understanding-web-safe-colors.html" target="_blank">Understanding Web Safe Colors</a></noindex>&#8220;</strong></em></p>
<p>Существует палитра из 216 цветов, поведение которых мало предсказуемо при использовании разного железа и программных платформ. Она называется <strong>web-безопасной</strong> (или просто безопасной) палитрой, и эти цвета распознаются всеми браузерами и системами (ну, за исключением совсем уж древних систем). Хотя эти цвета и не выглядят точно один в один из-за особенностей разных мониторов, они хотя бы однозначно распознаются всеми системами.</p>
<p><strong>Web-безопасные цвета</strong> были выбраны математически, а не в силу того, что эти цвета используются чаще всего. RGB-коды для безопасных цветов состоят из нуля и других шестнадцатеричных цифр, делящихся на три: 3, 6, 9, C (12) и F (15). Кроме того, эти цифры всегда используются попарно.</p>
<blockquote><p>Профессиональная  <a href="http://web-gu.ru/" target="_blank">разработка интернет-магазинов</a> в Перми.<br />
 Нужна <a href="http://www.kokoc.com" target="_blank">раскрутка сайта</a>? Заходи на www.kokoc.com</p>
</blockquote>
<p><strong>Например:</strong></p>
<ul>
<li>#3366FF является безопасным цветом, потому что состоит из парных цифр, делящихся на три.</li>
<li>#2255AA не является безопасным, поскольку числа не делятся на три.</li>
<li>#3693CF не является безопасным, поскольку цифры хоть и делятся на три, но не являются парными.</li>
</ul>
<p>Повышение значений парных цифр, например от 33 к 66, означает 20% повышение насыщенности данного тона.</p>
<p><img class="alignnone size-full wp-image-1181" title="Примеры безопасных цветов" src="http://www.getincss.ru/wp-content/uploads/2009/08/examples-of-web-safe-colors.jpg" alt="Примеры безопасных цветов" width="580" height="509" /></p>
<p>Многие цвета помимо шестнадцатеричных кодов имеют имена. Например, в таблице стилей можно написать «color:red». Загвоздка в том, что только десять из этих имен цветов соответствуют в точности одному и тому же коду во всех браузерах. Казалось бы, нечто такое очевидное, как «red» должно бы всегда соответствовать коду #FF0000, но, к сожалению, это не всегда так. Например, имя цвета «brown» соответствует коду #A52A2A в Navigator 7.2 и коду #993333 в Internet Explorer 6. Хотя новые версии Internet Explorer и Firefox лучше согласуются между собой, все равно безопаснее использовать шестнадцатеричные коды, а не имена.</p>
<p>Фактически, все графические программы и среды web-разработки предлагают собственные версии безопасной палитры. К сожалению, эта палитра имеет строгие ограничения, особенно когда речь идет о более тонких и сложных оттенках, которые так любят многие дизайнеры. Так что происходит, если вы выбираете цвет, не являющийся web-безопасным? Если у посетителя сайта стоит достаточно мощная система, чтобы отобразить именно этот цвет, то он выглядит должным образом. Если же нет, браузер делает одно из двух: либо на свое усмотрение меняет цвет на ближайший к нему, который он может распознать, либо использует дитеринг.</p>
<blockquote><p><a href="http://seoprogon.ru/" target="_blank">Грамотная регистрация в каталогах Рунета<br />
 </a>Веб-студия Юнима. <a href="http://web.unima.ru/" target="_blank">Создание сайта</a> в Саратове.</p>
</blockquote>
<p><strong>Дитеринг</strong> подразумевает смешение пикселей двух разных цветов  с целью создания оптического обмана, чтобы наш глаз воспринял третий, промежуточный цвет — фактически, происходит его подмена. Дитеринг на экране компьютера работает по тому же принципу, по которому наш глаз воспринимает быстро сменяющиеся отдельные кадры как одно плавно движущееся изображение. Даже несмотря на то, что наш глаз выполняет такое слияние автоматически, зернистость в области дитеринга все равно заметна и отвлекает внимание, особенно если заливка большой области выполнена сплошным цветом. Дитеринг не всегда плох (иногда его применяют целенаправленно для получения особых эффектов), однако сплошной цвет является более предпочтительным, чем смешанный.</p>
<blockquote><p><em>Есть несколько алгоритмов дитеринга. Один из самых ранних и самых популярных по сей день — <noindex><a rel="nofollow" title="http://en.wikipedia.org/wiki/Floyd-Steinberg_dithering" href="http://www.getincss.ru/go/http://en.wikipedia.org/wiki/Floyd-Steinberg_dithering" target="_blank">алгоритм Флойда-Штейнберга</a></noindex>, разработанный в 1975 г.</em></p>
<p><em>Одним из преимуществ данного алгоритма является минимизация помех изображения, благодаря диффузному процессу; с помощью диффузных алгоритмов обычно удается получить изображение, которое намного ближе к оригиналу, чем изображение, полученное с помощью более простых алгоритмов дитеринга. </em></p>
<p>—    <em>Wikipedia</em></p>
</blockquote>
<p><img class="alignnone size-full wp-image-1182" title="Пример дитеринга" src="http://www.getincss.ru/wp-content/uploads/2009/08/ditering.jpg" alt="Пример дитеринга" width="580" height="520" /></p>
<p>Из-за этой проблемы некоторые специалисты до сих пор советуют придерживаться web-безопасной палитры. Однако, она налагает серьезные ограничения: 216 цветов это не так уж много для большинства дизайнеров (вроде меня). Неизбежно, в точности такого цвета, как нам представляется, просто не оказывается в безопасной палитре.</p>
<p>Это ставит нас перед дилеммой: следует ли ограничиться безопасной палитрой из 216 цветов, чтобы быть уверенными, что наши цвета не изменятся и не подвергнутся дитерингу у тех пользователей, чьи браузеры не могут распознать большее количество цветов? Или радостно и безоглядно выбирать из 16,8 миллиона великолепных, изумительных и выразительных цветов, которые все же могут увидеть на экране многие, пусть и не все, пользователи?</p>
<h3>Заключение</h3>
<p>Фактически, старых компьютерных систем с цветовым диапазоном из 256 цветов осталось так мало, что большинство специалистов уже объявляют, что web-безопасная палитра осталась в прошлом. И все же, ответ на вопрос, стоит ли использовать безопасную палитру, звучит как: «Зависит от обстоятельств». Зависит от того, насколько значительную долю вашей потенциальной аудитории составляют пользователи со старыми компьютерами, поддерживающими только 256 цветов. Зависит от того, будут ли заходить на сайт с коммуникаторов или сотовых телефонов, которые могут поддерживать только 256 цветов. Даже для таких пользователей использование безопасных цветов наиболее важно на больших поверхностях сплошного цвета в графических элементах и фонах HTML-страниц, где больше всего заметны дитеринг или смена цвета. Если ни одно из этих условий, вроде бы, не влияет на большую часть вашей аудитории, то вы можете спокойно использовать любые цвета, которые поражают ваше воображение.</p>
<hr /><br />
<noindex><a rel="nofollow" title="http://blogun.ru/?r=3994" target="_blank" href='http://www.getincss.ru/go/http://blogun.ru/?r=3994'><img src='http://blogun.ru/advert/080426-blogun-468x60.gif' height='60' width='468'/></a></noindex><br /><br />
<p><a href="http://www.getincss.ru/2009/09/23/ponyatie-o-bezopasnoj-palitre-cvetov/">Постоянная ссылка на статью</a> |<a href="http://www.getincss.ru/2009/09/23/ponyatie-o-bezopasnoj-palitre-cvetov/#comments">Комментариев: 18</a>
<br/>
Теги: <a href="http://www.getincss.ru/tag/bezopasnaya-palitra/" rel="tag">безопасная палитра</a>, <a href="http://www.getincss.ru/tag/bezopasnye-cveta/" rel="tag">безопасные цвета</a>
</p>
	<h4 id="related-posts">Еще записи на эту тему</h4>
	<ul class="st-related-posts">
	<li>Нет похожих записей :\</li>
	</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.getincss.ru/2009/09/23/ponyatie-o-bezopasnoj-palitre-cvetov/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Цикл Деминга: применение в веб-дизайне</title>
		<link>http://www.getincss.ru/2009/08/11/cikl-deminga-primenenie-v-veb-dizajne/</link>
		<comments>http://www.getincss.ru/2009/08/11/cikl-deminga-primenenie-v-veb-dizajne/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 17:10:01 +0000</pubDate>
		<dc:creator>Блог для вебмастеров</dc:creator>
				<category><![CDATA[Веб-разработка]]></category>
		<category><![CDATA[Это интересно]]></category>
		<category><![CDATA[PDCA circle]]></category>
		<category><![CDATA[круг Деминга]]></category>

		<guid isPermaLink="false">http://www.getincss.ru/?p=1165</guid>
		<description><![CDATA[<p>В данной статье, я хочу проилюстрировать вам применение <em>круга Деминга</em> - так же известного как <a href="http://en.wikipedia.org/wiki/PDCA">круг PDCA</a> (Plan, Do, Check, Act) - в веб-дизайне. Если вы никогда не слышали об этом, круг Деминга - это модель (разработанная <a href="http://en.wikipedia.org/wiki/W._Edwards_Deming" target="_blank">Эдвардом Демингом</a>), которая описывает итеративный (повторяющийся) процесс, направленный на поддержание непрерывности совершенствования разработки, обычно используемая в бизнес процессах реинженеринга и  в менеджменте качества. </p>
<p>Эта модель включает 4 основных этапа:<br />
 - <strong>Plan:</strong> установить цели и определить методы их достижения;<br />
 - <strong>Do:</strong> осуществить запланированное;<br />
 - <strong>Check:</strong> сравнить полученный результат с ожидаемым;<br />
 - <strong>Act:</strong> улучшить полученный результат.</p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: right"><em>Перевод статьи <noindex><a rel="nofollow" title="http://woork.blogspot.com/2009/08/deming-cycle-application-to-web-design.html" href="http://www.getincss.ru/go/http://woork.blogspot.com/2009/08/deming-cycle-application-to-web-design.html" target="_blank">The Deming Cycle: an application to web design</a></noindex></em><em>.</em></p>
<p>В данной статье, я хочу проилюстрировать вам применение <em>цикла Деминга</em> &#8211; так же известного как <noindex><a rel="nofollow" title="http://en.wikipedia.org/wiki/PDCA" target="_blank" href="http://www.getincss.ru/go/http://en.wikipedia.org/wiki/PDCA">круг PDCA</a></noindex> (Plan, Do, Check, Act) &#8211; в веб-дизайне. Если вы никогда не слышали об этом, цикл Деминга &#8211; это модель (разработанная <noindex><a rel="nofollow" title="http://en.wikipedia.org/wiki/W._Edwards_Deming" href="http://www.getincss.ru/go/http://en.wikipedia.org/wiki/W._Edwards_Deming" target="_blank">Эдвардом Демингом</a></noindex>), которая описывает итеративный (повторяющийся) процесс, направленный на поддержание непрерывности совершенствования разработки, обычно используемая в бизнес-процессах реинженеринга и  в менеджменте качества. Эта модель включает 4 основных этапа:</p>
<p>- <strong>Plan:</strong> установить цели и определить методы их достижения;<br />
 &#8211; <strong>Do:</strong> осуществить запланированное;<br />
 &#8211; <strong>Check:</strong> сравнить полученный результат с ожидаемым;<br />
 &#8211; <strong>Act:</strong> улучшить полученный результат.</p>
<blockquote><p>А для вас <a href="http://blog.0-02.ru/posting-zarabotok-i-katorga/" target="_blank">постинг</a> это заработок или каторга?<br />
 Скоро осень, пора выбрать <a href="http://www.gs-ks.ru/" target="_blank">отопительные приборы</a>. Советую обратится в компанию Гольфстрим.</p>
</blockquote>
<p>Проще всего представить круг Деминга можно следующим образом:</p>
<p><span id="more-1165"></span></p>
<div style="text-align: center;"><img class="alignnone size-full wp-image-1167" title="Круг Деминга" src="http://www.getincss.ru/wp-content/uploads/2009/08/damingcycle.png" alt="Круг Деминга" width="346" height="276" /></div>
<p>Еще одна хорошая иллюстрация, показывающая как важен последний этап:</p>
<p style="text-align: center"><img class="size-full wp-image-1166 aligncenter" title="Круг Деминга" src="http://www.getincss.ru/wp-content/uploads/2009/08/picture_deming_cycle_pdsa.gif" alt="Круг Деминга" width="337" height="396" /></p>
<p>Этот цикл может быть очень полезен, если применить его к процессу веб-разработки, особенно для:</p>
<p>- совершенствования качества работы;<br />
 &#8211; организации вашего кода в сниппетах (или классах) для последующего использования в проектах, чтобы повысить скорость и эффективность работы;<br />
 &#8211; упрощения и рационализации рабочего места в процессе разработки.</p>
<p><strong>Plan:</strong> на этом этапе вам необходимо установить цель вашей работы и представить ожидаемый результат. Очень важно иметь ясное представление о том, чего вы хотите в итоге добиться. План основных действий поможет вам спланировать время на этапе разработки, составить &#8220;TO-DO&#8221; лист, чтобы выполнять все по-порядку и отслеживать ваш ежедневный прогресс.<br />
 <strong></strong></p>
<p><strong>Do:</strong> на этом этапе вам нужно выполнить все задачи в соотвествии с составленным выше планом.</p>
<p><strong>Check:</strong><span style="font-weight: bold;"> </span>на этом этапе вы должны оценить полученный результат процесса разработки по отношению к вашим ожиданиям, поставленным задачам и целям с точки зрения общего качества конечного продукта. Вы можете представить <strong>качество</strong> как <strong>результат/приложенные усилия</strong>. Высокая нагрузка и низкий результат &#8211; признак низкого качества вашей работы (вы много работали, а конечный продукт не соотвествует вашим ожиданиям). В общем, ваша задача на этом этапе &#8211; поиск компромисса между результатом и затраченными усилиями.<br />
 Оценка результата сводится к тому чтобы определить &#8220;показатели&#8221;, отвечающие за разницу между тем что вы планировали сделать и тем что в итоге получилось.  Самый простой и интуитивный показатель &#8211; это промежуток времени между запланированными этапами и настоящей датой их завершения. Для каждого промежутка, на этом этапе, вам нужно понять почему вы провалили разработанный план. Может быть, слишком амбициозные цели? Плохой план? На этой ступени очень полезно найти ответы на все эти вопросы, чтобы в будущем избежать подобных ошибок.</p>
<p><strong>Act:</strong> на этом этапе вам нужно заняться усовершенствованием достигнутого результата, и более того, всего процесса разработки, которому вы следовали. Например, вы можете привести в порядок часть кода (классы, сниппеты), который вы чаще всего используете в своих проектах, что позволит сэкономить массу времени, особенно при разработке новых проектов.</p>
<p>Для более углубленного изучения цикла Деминга, советую почитать следующие статьи:</p>
<p>- <noindex><a rel="nofollow" title="http://en.wikipedia.org/wiki/PDCA" target="_blank" href="http://www.getincss.ru/go/http://en.wikipedia.org/wiki/PDCA">PDCA Cycle</a></noindex><br />
 &#8211; <noindex><a rel="nofollow" title="http://www.12manage.com/methods_demingcycle.html" target="_blank" href="http://www.getincss.ru/go/http://www.12manage.com/methods_demingcycle.html">Deming Cycle (PDSA)</a></noindex><br />
 &#8211; <noindex><a rel="nofollow" title="http://en.wikipedia.org/wiki/W._Edwards_Deming" target="_blank" href="http://www.getincss.ru/go/http://en.wikipedia.org/wiki/W._Edwards_Deming">W. Edwards Deming</a></noindex></p>
<hr /><br />
<noindex><a rel="nofollow" title="http://blogun.ru/?r=3994" target="_blank" href='http://www.getincss.ru/go/http://blogun.ru/?r=3994'><img src='http://blogun.ru/advert/080426-blogun-468x60.gif' height='60' width='468'/></a></noindex><br /><br />
<p><a href="http://www.getincss.ru/2009/08/11/cikl-deminga-primenenie-v-veb-dizajne/">Постоянная ссылка на статью</a> |<a href="http://www.getincss.ru/2009/08/11/cikl-deminga-primenenie-v-veb-dizajne/#comments">Комментариев: 12</a>
<br/>
Теги: <a href="http://www.getincss.ru/tag/pdca-circle/" rel="tag">PDCA circle</a>, <a href="http://www.getincss.ru/tag/krug-deminga/" rel="tag">круг Деминга</a>
</p>
	<h4 id="related-posts">Еще записи на эту тему</h4>
	<ul class="st-related-posts">
	<li>Нет похожих записей :\</li>
	</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.getincss.ru/2009/08/11/cikl-deminga-primenenie-v-veb-dizajne/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>
