<?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/"
	>

<channel>
	<title>Design Ninja &#187; HTML/CSS</title>
	<atom:link href="http://www.csscrowned.com/category/htmlcss/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.csscrowned.com</link>
	<description>The beauty of web design</description>
	<pubDate>Fri, 16 Oct 2009 15:38:09 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Backgrounds with CSS</title>
		<link>http://www.csscrowned.com/2009/04/backgrounds-with-css/</link>
		<comments>http://www.csscrowned.com/2009/04/backgrounds-with-css/#comments</comments>
		<pubDate>Wed, 01 Apr 2009 15:47:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[HTML/CSS]]></category>

		<category><![CDATA[CSS]]></category>

		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.csscrowned.com/?p=24</guid>
		<description><![CDATA[CSS is one of the powerful design elements with which you can do wonders. Let&#8217;s see some examples of web backgrounds, how to insert the code in the CSS and a couple of sites at which you can download good backgrounds. 
For example, you can serve to check the weight chart as a whole the [...]]]></description>
			<content:encoded><![CDATA[<p>CSS is one of the powerful design elements with which you can do wonders. Let&#8217;s see some examples of web backgrounds, how to insert the code in the CSS and a couple of sites at which you can download good backgrounds. </p>
<p>For example, you can serve to check the weight chart as a whole the site is expanded by the presence of these funds. </p>
<p>Probably not necessary but I leave with you the code to get a Background.<br />
The Background can be linked directly to the body element or inserted into a layer. One thing to remember is that you place a background-color not to be in standby mode until it loads the image. I usually use ground colors that resemble the image you are loading. </p>
<p>When we have a background image, we can make this image remains fixed or move with the movement of the rest of the page. The values of this property are fixed or scroll.<br />
Another of the conditions that we can establish the origin of the photograph that is when we place a background image is generally in the upper left corner of the screen, with this order we can change that origin. </p>
<p>If you want something light weight, the best solution is to get a pattern that is repeated across the screen. Cgtextures has an impressive gallery with all sorts of images and textures for your imagination. I have not stopped searching for more sites to post this because I believe that with these two examples you can make good impression of the material that is available, everything from here on is to find the image closest to your design. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.csscrowned.com/2009/04/backgrounds-with-css/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Transition from HTML 4 to HTML 5</title>
		<link>http://www.csscrowned.com/2009/03/transition-from-html-4-to-html-5/</link>
		<comments>http://www.csscrowned.com/2009/03/transition-from-html-4-to-html-5/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 04:56:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[HTML/CSS]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.csscrowned.com/?p=8</guid>
		<description><![CDATA[
The W3C published a document explaining the differences between the specifications of HTML 4 and HTML 5. 
HTML 5 is on track, but is not yet complete and therefore is not supported by any browser. He is currently at the stage of &#8220;Draft&#8221;, indicating that several details still being discussed and therefore can still change [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://cdn-write.demandstudios.com/upload//4000/000/00/4/44004.jpg" height="350" width="500" alt="" /></p>
<p>The W3C published a document explaining the differences between the specifications of HTML 4 and HTML 5. </p>
<p>HTML 5 is on track, but is not yet complete and therefore is not supported by any browser. He is currently at the stage of &#8220;Draft&#8221;, indicating that several details still being discussed and therefore can still change before its final submission. </p>
<p>However, the World Wide Web Consorcium already has more or less clear differences that lead to this future with HTML 4 HTML 5 specification. Why have published a paper that anyone interested can look at to begin to learn about new developments will soon in other browsers and systems of access to the web. </p>
<p>The paper on the differences in HTML 4 and HTML 5 can be found at URL: http://www.w3.org/TR/2009/WD-html5-diff-20090212/ and was published last February 12, 2009 . It&#8217;s in English, as you can imagine, but not so hard to read as we have used other documents of the W3C. However, we make a small summary: </p>
<p>General Characteristics </p>
<p>A series of changes to the architecture of the site that will try to push HTML 5, the most varied, to give a few examples: </p>
<p>- The specifications for HTML 5 will be divided into 2 target audience: developers and devices that interpret it (and other browsers). While developers to take on the stringent requirements that will have a number of changes to the devices that implement HTML 5 specifications are presented wider respect backward compatibility (to continue successfully processed pages in HTML 4 and earlier ). </p>
<p>- HTML is a language labeling, but the syntax can be expressed in labels such as those that come from using XML syntax and always, it varies a little. We may choose to express it in HTML or as provided in a more rigid syntax in XML. </p>
<p>Changes in language </p>
<p>Will create several new elements, as SECTION, ARTICLE, ASID, HEADER, FOOTER, NAV, even dialogue &#8230; there will be two new labels to add AUDIO and VIDEO, and other things to make as interesting as DataGrid, PROGRESS, TIME, CANVAS, DETAILS &#8230; </p>
<p>Another thing that draws attention is the INPUT field, which will now have many more possible values in the attribute type: datetime, date, month, week, number, url, email, color &#8230; </p>
<p>In this paper we will find quick explanations on these new elements, in addition to the list of new features and changes in the elements and attributes that already exist. It also will create a set of APIs that will help create more complex Web applications. </p>
<p>All this will have to watch him go with time and once the specifications have been published HTML 5 finally</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csscrowned.com/2009/03/transition-from-html-4-to-html-5/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Paging- How To?</title>
		<link>http://www.csscrowned.com/2009/01/paging-how-to/</link>
		<comments>http://www.csscrowned.com/2009/01/paging-how-to/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 21:41:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[HTML/CSS]]></category>

		<guid isPermaLink="false">http://www.csscrowned.com/?p=43</guid>
		<description><![CDATA[Paging is performed when we consider that the amount of information that we will show the user should be divided der, to thereby help you find it, either. But if that is the reason, let us do good to the end huh?.
The page is not just a place below and above, or an endless index [...]]]></description>
			<content:encoded><![CDATA[<p>Paging is performed when we consider that the amount of information that we will show the user should be divided der, to thereby help you find it, either. But if that is the reason, let us do good to the end huh?.</p>
<p>The page is not just a place below and above, or an endless index pages for the user to the press. As important as the movement between pages is the information displayed in each of these pages. Let&#8217;s see the process in several sections.</p>
<p>PAGE</p>
<p>To design a page of results (whether or not search results), we have to think about what the user wants to find. An example is in any auction or sales site. If you are looking for cars for example, the logical thing to us, we the option of ordering the result by price, city, or mileage, and that order must affect the complete pagination, thus help the user find what you want. Ultimately, the result page must, if required, have the option of ordering the results and that this affects the subsequent pages.</p>
<p>LOCATION OF THE PAGE</p>
<p>Once again depends on several factors. The page can be longer or shorter, then it also happens that we can interest the user has made it commercially around the scroll to see everything we are interested in any case will always be at the bottom of the page and highlighted in such a way that is easy to find.</p>
<p>There are occasions on which I also recommend bringing to the top of the page. For example, if a search returns results for me all the artists that I pop, and I&#8217;ve got a filter for leaving alphabetically, it does not seem logical to have to swallow the whole of each page scroll up to the point that interests me . In such cases, much easier to have a next to top of page.</p>
<p>WHAT MUST BE THE PAGE?</p>
<p>     * Let&#8217;s use sufficiently large areas so that users do not have to aim with your mouse to find the link.<br />
     * Identify if the current page.<br />
     * Enough space between the navigation links.<br />
     * Provide options above and below.<br />
     * If it is necessary to provide the first and last options.<br />
     * I am in favor of informing the user not only what page is, but also the number of results and pages that exist.<br />
     * If possible, give the option to move faster. You can choose either the destination page, or making links like &#8220;next 10&#8243; or &#8220;next 100&#8243; &#8230;.</p>
<p>Perhaps the page I liked most was that I found in dirty.ru. Se trata de un sistema que informa del número total de páginas, indica correctamente la página en la que nos encontramos, nos muestra franjas de 15 páginas para trasladarnos, pero además tiene un scrollo para trasladarnos rápidamente entre los resultados, ver ejemplo</p>
<p>Other paging systems give us the option to also choose the number of results you want per page, or move directly to a specific page. For example, in Stock. xchng shows page as we see at the beginning and end of the page and give us the option to choose the amount of performance and mobility to a specific page.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csscrowned.com/2009/01/paging-how-to/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
