<?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://zlob.in/category/verstka/feed/" rel="self" type="application/rss+xml" />
	<link>http://zlob.in</link>
	<description>Information must be free</description>
	<lastBuildDate>Mon, 06 Jun 2011 12:42:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>HTML 5 не за горами</title>
		<link>http://zlob.in/2009/html-5-ne-za-gorami/</link>
		<comments>http://zlob.in/2009/html-5-ne-za-gorami/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 05:12:28 +0000</pubDate>
		<dc:creator>Евгений Злобин</dc:creator>
				<category><![CDATA[web-разработки]]></category>
		<category><![CDATA[Верстка]]></category>

		<guid isPermaLink="false">http://zlob.in/?p=364</guid>
		<description><![CDATA[Уже многие ждут выхода HTML пятой версии, которая будет большим эволюционным скачком в развитии веба. Разработка HTML 5 длится уже с 2005 года. Какие обновления нас ждут в новой версии? Появление новых элементов и атрибутов. Улучшение семантики &#8211; &#60;header&#62;, &#60;footer&#62;, &#60;nav&#62;, &#60;section&#62;, &#60;article&#62;. Думаю, что это отличное решение, ведь практически в любом шаблоне можно найти [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://zlob.in/wp-content/uploads/2009/07/gearshtml5.png"><img class="alignleft size-medium wp-image-373" style="margin: 3px; padding: 2px; border: 1px solid #ccc;" title="html5" src="http://zlob.in/wp-content/uploads/2009/07/gearshtml5-300x225.png" alt="html5" width="300" height="225" /></a>Уже многие ждут выхода HTML пятой версии, которая будет большим эволюционным скачком в развитии веба. Разработка HTML 5 длится уже с 2005 года.</p>
<h2 style="clear: both;">Какие обновления нас ждут в новой версии?</h2>
<p><em><strong><span style="color: #808080;">Появление новых элементов и атрибутов.</span></strong></em><br />
<em>Улучшение семантики</em> &#8211; <span style="color: #333333;">&lt;header&gt;, &lt;footer&gt;, &lt;nav&gt;, &lt;section&gt;, &lt;article&gt;</span>. Думаю, что это отличное решение, ведь практически в любом шаблоне можно найти <span style="color: #333333;">&lt;div id=&raquo;header&raquo;&gt;, &lt;div id=&raquo;footer&raquo;&gt;, &lt;div id=&raquo;nav&raquo;&gt;</span> и подобные. Семантика данных контейнеров будет идентична обычному диву.<br />
Добавление новых функциональных элементов:<br />
<span style="color: #333333;">&lt;audio&gt;<br />
&lt;video&gt;<br />
&lt;aside&gt;</span><br />
<span style="color: #333333;">&lt;progress&gt;</span> &#8211; индикатор хода выполнения операции<br />
<span style="color: #333333;">&lt;meter&gt;</span><br />
<span style="color: #333333;">&lt;time&gt;<br />
&lt;canvas&gt;</span><br />
официально включён элемент embed. Особо хочу отметить элемент <strong>canvas</strong>, который предоставляет область для рисования изображений «на лету» средствами JavaScript. Именно это нововведенение и может поставить под большой вопрос применение flash технологий.</p>
<p><em><strong><span style="color: #808080;">Удаление устаревших элементов</span></strong> </em><span style="color: #333333;">&lt;center&gt;, &lt;font&gt;, &lt;strike&gt;, &lt;acronym&gt;, &lt;applet&gt;, &lt;basefont&gt;, &lt;big&gt;, &lt;dir&gt;, &lt;isindex&gt;, &lt;s&gt;, &lt;tt&gt;, &lt;u&gt;</span>. Все правильно &#8211; возможности данных элементов все адекватные верстальщики реализовавают через css. <span style="color: #ff0000;">Напрочь убраны фреймы</span> (frame, frameset, noframes).</p>
<p><span style="color: #808080;"><em><strong>Отказ от формальной совместимости  с SGML</strong></em><strong>.</strong></span></p>
<p><span style="color: #808080;"><em><strong>Расширение DOM-модели</strong></em><strong>.</strong></span></p>
<p><span style="color: #808080;"><em><strong>Добавление нового API</strong></em>:</span><br />
Рисование 2D-картинок в реальном времени;<br />
Контроль над проигрыванием медиафайлов;<br />
Хранение данных в браузере;<br />
Редактирование;<br />
Drag-and-drop;<br />
Работа с сетью;<br />
MIME.</p>
<p><span style="color: #808080;"><em><strong>Значительно переработано представление форм</strong></em>.</span><br />
В HTML 5 появятся такие параметры, как: type=&raquo;number&raquo; — поле для ввода числа, input type=&raquo;range&raquo; &#8211; ползунок для регулирования громкости или чего-то похожего. Также аттрибуты min, max и step будут предоставлять возможность регулировать минимальные, максимальные значения и шаг. И ещё многое и многое другое.</p>
<h2>Кто разрабатывает HTML 5?</h2>
<p>Основная проблема была в том, что консорциум W3C изначально забросил разработку и дальнешую модификацию стандарта HTML и все силы были прошены на разработку XHTML 2.0. Однако разработчики из Opera, Apple, Mozilla учредили рабочую группу WHATWG и начали работу над HTML 5 (<a href="http://www.whatwg.org/specs/web-apps/current-work/" target="_blank">Черновой вариант</a>). И с 2007 года WHATWG и W3C разрабатывают этот стандарт парралельно. А совсем недавно W3C полностью отказался от пути развития <a href="http://habrahabr.ru/blogs/webstandards/63470/" target="_blank">XHTML 2</a>.</p>
<h2>Какие выводы можно сделать?</h2>
<p>Разработка HTML 5 определяет основную тенденцию развития Интернета. И если раньше сайты были лишь средствами по предоставлению текстовой информации, то сейчас веб-сайты все больше напоминают полноценные приложения, требующие функционального и юзабельного интерфейса.</p>
<p>Flash технология может стать второстепенной, т.к. основные возможности по работе с мультимедиа во flash можно будет осуществлять через обычный html. Видео и аудио можно будет вставлять также легко, как и картинки.</p>
<p>Обычные приложение все в большей и большей степени переходят в веб. Достойное тому подтверждение &#8211; google vawe, google docs, google maps и готовящаяся операционная система от гугла.</p>
<p>Полагаю, что не обойдется без проблем. Если за браузеры opera, mozilla, chrome, safari более-менее можно быть уверенными, то как поведет себя Internet Explorer трудно предсказать. Может быть именно этот браузер и станет основным &laquo;стопом&raquo; в развитии веба.</p>
<p>Полезные ссылки:<br />
<a href="http://dimox.name/hello-html5-goodbye-xhtml2/" target="_blank">О том, как применять HTML 5 уже сейчас</a><br />
<a href="http://habrahabr.ru/blogs/webdev/49734/" target="_blank">Семантика в HTML 5</a><br />
<h3>Может быть Вам это интересно?</h3>
<ul class="similar-posts">
<li><a href="http://zlob.in/2011/avtoportal-cel-1/" rel="bookmark" title="20 апреля 2011">Автопортал &#8211; цель №1</a></li>
<li><a href="http://zlob.in/2010/trebuetsya-flash-developer/" rel="bookmark" title="13 июля 2010">Требуется FLASH-developer</a></li>
<li><a href="http://zlob.in/2010/youtube-api-javascript-upload/" rel="bookmark" title="26 июня 2010">YouTube API &#038; JavaScript Upload</a></li>
<li><a href="http://zlob.in/2009/s-novym-godom/" rel="bookmark" title="30 декабря 2009">С НОВЫМ ГОДОМ!</a></li>
<li><a href="http://zlob.in/2008/smm-ili-vkontakteru-v-dejstvii/" rel="bookmark" title="11 мая 2008">SMM или vkontakte.ru в действии</a></li>
</ul>
<p><!-- Similar Posts took 2.678 ms --></p>
                <p>&copy; "<a href = "http://zlob.in" tilte = "фриланс, заработок в сети">Паутина фриланса</a>".</p>                        ]]></content:encoded>
			<wfw:commentRss>http://zlob.in/2009/html-5-ne-za-gorami/feed/</wfw:commentRss>
		<slash:comments>42</slash:comments>
		</item>
		<item>
		<title>Резиновые сайты</title>
		<link>http://zlob.in/2008/rezinovye-sajty/</link>
		<comments>http://zlob.in/2008/rezinovye-sajty/#comments</comments>
		<pubDate>Sun, 12 Oct 2008 13:11:10 +0000</pubDate>
		<dc:creator>Евгений Злобин</dc:creator>
				<category><![CDATA[Верстка]]></category>
		<category><![CDATA[создание сайтов]]></category>

		<guid isPermaLink="false">http://zlob.in/?p=118</guid>
		<description><![CDATA[Делать резиновые сайты или статику &#8211; вот в чем вопрос. Резиновый &#8211; нет Если сайт выглядит как картинка и в дизайне всё строго на своих местах, элементы закреплены на жестких позициях, то в этом случае резиновая верстка может погубить всю красоту и изящность. Все элементы разъедутся, текст станет абсолютно нечитабельным. Все пропорции будут нарушены. Дизайнер [...]]]></description>
			<content:encoded><![CDATA[<p><a title="резиновый сайт" rel="lightbox[roadtrip]" href="http://zlob.in/wp-content/uploads/2008/10/rn.jpg"><img class="alignnone size-medium wp-image-119 alignleft" style="float: left;" title="резиновые сайты" src="http://zlob.in/wp-content/uploads/2008/10/rn.jpg" alt="резиновые сайты" width="212" height="144" /></a>Делать резиновые сайты или статику &#8211; вот в чем вопрос.</p>
<p><strong>Резиновый &#8211; нет<br />
</strong>Если сайт выглядит как картинка и в дизайне всё строго на своих местах, элементы закреплены на жестких позициях, то в этом случае резиновая верстка может погубить всю красоту и изящность. Все элементы разъедутся, текст станет абсолютно нечитабельным. Все пропорции будут нарушены. Дизайнер будет крыть вас благим матом за то, что вы испортили весь сайт. Из оправданий только: &laquo;заказчик захотел резиновый сайт&raquo;. Спорить с заказчиком &#8211; дело неблагодарное.</p>
<p>Возьмем, к примеру, газету. Представьте какой был бы ужас, если бы текст в газете был на всю ширину. Ведь не зря в газете всё делится на несколько колонок. Иначе читать было бы утомительно для глаз, да и попросту неудобно.</p>
<p>Помимо всего прочего растровая графика, в отличии от векторной, всегда имеет фиксированные размеры. И растягиванию без изменения в качестве не подлежит.</p>
<p><strong>Резиновый &#8211; да<br />
</strong><a href="http://www.artlebedev.ru" target="_blank">Самизнаетекто</a>, в одном из своих видео рассказывал о том, что все сайты в его студии делаются с резиновой версткой, т.е. подразумевающей под собой растягивание по всей ширине экрана. Все остальные сайты он называет &laquo;<strong>скриншотами</strong>&laquo;. Да, у Тёмы сайты очень легкие, воздушные, им необходим простор. Но возьмем, к примеру, работы <a href="http://pirogov.ru" target="_blank">студии Пирогова</a>. У них получаются сайты насыщенные графикой и резиновость большинству из них только навредит. Но и скриншотами язык не поворачивается их назвать.</p>
<p><strong>Выводы<br />
</strong>Мне кажется резиновость, в основном, подходит только для информационных сайтов (новостные порталы, форумы), где графика в дизайне используется по минимуму. А вот применять резиновую верстку или нет &#8211; нужно решать по обстоятельствам. Если при &laquo;резине&raquo; всё выглядит гармонично и эстетически верно, то так и оставить.</p>
<p><em>Постовой<br />
</em>Компания «Пневмотехника» предлагает различные компрессоры и компрессорное оборудование. Вам нужны <a href="http://pnevmo.com.ru" target="_blank">компрессоры</a>? Тогда мы идем к вам )<br />
<!-- sig2feed --><br />
<h3>Может быть Вам это интересно?</h3>
<ul class="similar-posts">похожие записи не найдены
</ul>
<p><!-- Similar Posts took 0.753 ms --></p>
                <p>&copy; "<a href = "http://zlob.in" tilte = "фриланс, заработок в сети">Паутина фриланса</a>".</p>                        ]]></content:encoded>
			<wfw:commentRss>http://zlob.in/2008/rezinovye-sajty/feed/</wfw:commentRss>
		<slash:comments>48</slash:comments>
		</item>
		<item>
		<title>Ускоряем работу сайтов</title>
		<link>http://zlob.in/2008/uskoryaem-rabotu-sajtov/</link>
		<comments>http://zlob.in/2008/uskoryaem-rabotu-sajtov/#comments</comments>
		<pubDate>Mon, 19 May 2008 11:07:24 +0000</pubDate>
		<dc:creator>Евгений Злобин</dc:creator>
				<category><![CDATA[Верстка]]></category>

		<guid isPermaLink="false">http://zlob.in/?p=21</guid>
		<description><![CDATA[Нашел просто замечательный сайт, целиком и полностью посвященный оптимизации кода сайтов (html, css, js). Большинство сайтов Рунета работают&#8230; почти всегда медленно. Иногда причина этого — плохой канал связи у конечного пользователя или самого сайта. Но ни веб-разработчики, ни онлайн-маркетологи зачастую не отдают себе отчет, насколько эту ситуацию можно изменить, и изменить кардинально. При проверке выдает [...]]]></description>
			<content:encoded><![CDATA[<p>Нашел просто замечательный <a href="http://webo.in" target="_blank">сайт</a>, целиком и полностью посвященный оптимизации кода сайтов (html, css, js).</p>
<blockquote><p>Большинство сайтов Рунета работают&#8230; почти всегда медленно. Иногда причина этого — плохой канал связи у конечного пользователя или самого сайта. Но ни веб-разработчики, ни онлайн-маркетологи зачастую не отдают себе отчет, насколько эту ситуацию можно изменить, и изменить кардинально.</p></blockquote>
<p>При проверке выдает просто ошеломляющие результаты. Показывает какие файлы и КАК могут быть оптимизированы. Причем, всё это выдается наглядно, используются графики и таблицы сравнений.</p>
<p>Помимо всего вышеперечисленного на сайте можно найти крайне полезные статьи для верстальщиков сайтов, ссылки и описания на основные инструменты оптимизаторов кода.</p>
<p>Хотя есть и ложка дегтя &#8211; на сайте полно рекламы: бегун, яндекс-директ и сапа.</p>
<p>p.s. снова Россия радует. На сей раз хоккеисты стали чемпионами мира. Впервые за последние 15 лет! Радости нет предела! <img onclick="grin(':apllodise:');" src="../wp-includes/images/smilies/laie.gif" alt=":apllodise:" /><br />
<h3>Может быть Вам это интересно?</h3>
<ul class="similar-posts">
<li><a href="http://zlob.in/2009/html-5-ne-za-gorami/" rel="bookmark" title="29 июля 2009">HTML 5 не за горами</a></li>
<li><a href="http://zlob.in/2011/avtoportal-cel-1/" rel="bookmark" title="20 апреля 2011">Автопортал &#8211; цель №1</a></li>
<li><a href="http://zlob.in/2008/polezno-pochitat/" rel="bookmark" title="21 сентября 2008">Полезно почитать</a></li>
<li><a href="http://zlob.in/2009/podklyuchenie-po-ssh/" rel="bookmark" title="2 февраля 2009">Подключение по ssh</a></li>
<li><a href="http://zlob.in/2008/xss-sdox-dobem/" rel="bookmark" title="9 мая 2008">XSS сдох? Добьем!</a></li>
</ul>
<p><!-- Similar Posts took 2.434 ms --></p>
                <p>&copy; "<a href = "http://zlob.in" tilte = "фриланс, заработок в сети">Паутина фриланса</a>".</p>                        ]]></content:encoded>
			<wfw:commentRss>http://zlob.in/2008/uskoryaem-rabotu-sajtov/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

