<?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; Web Design</title>
	<atom:link href="http://www.csscrowned.com/tag/web-design/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>Importance of web colors</title>
		<link>http://www.csscrowned.com/2009/03/importance-of-web-colors/</link>
		<comments>http://www.csscrowned.com/2009/03/importance-of-web-colors/#comments</comments>
		<pubDate>Sun, 22 Mar 2009 21:36:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[General]]></category>

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

		<guid isPermaLink="false">http://www.csscrowned.com/?p=37</guid>
		<description><![CDATA[Basically a website is a product of marketing, is the image of a brand, an idea. Large companies spend huge sums of money to develop a corporate image carefully to help them succeed unless a more extensive market.
Well, as important or more (if we see the number of potential public can reach) is a web [...]]]></description>
			<content:encoded><![CDATA[<p>Basically a website is a product of marketing, is the image of a brand, an idea. Large companies spend huge sums of money to develop a corporate image carefully to help them succeed unless a more extensive market.</p>
<p>Well, as important or more (if we see the number of potential public can reach) is a web design, although many makers still do not share this idea &#8230;</p>
<p>The color of a web exercised a certain impact on the user, so the choice of the band are going to use that color is of paramount importance to a greater acceptance.</p>
<p>Once the user arrives at our site, we have about 10 seconds or not to call attention to this potential customer.</p>
<p>Colors can make you feel comfortable and safe, or otherwise. For this there are various combinations with its corresponding impact, which I define below.</p>
<p>Warm colors</p>
<p>     * Those who go from red to yellow (orange, brown &#8230;).<br />
     * Tendency to be aggressive and emotional.</p>
<p>Cold colors</p>
<p>     * Van&#8217;s purple to green.<br />
     * Green is the composition of blue and yellow, blue, the more you have, the more it will be cold.<br />
     * Tendency to serenity.</p>
<p>Neutral colors</p>
<p>     * White and black, and therefore gray.<br />
     * Increase the potential for warm colors.</p>
<p>Harmonious colors</p>
<p>Too much color can be disturbing and chaotic, while the offense, it can be boring, as always the middle ground is the best solution.</p>
<p>Computers are the color depending on the amount of red, green and blue RGB. These colors, unfortunately not always show the same, dependent on the machine with the user, and this can cause serious functional and aesthetic problems. Here comes as the dilemma, we use certain colors in the palette of the operating systems? Or we risk &#8230;</p>
<p>THE COLOR IN TEXTS</p>
<p>It is very important to establish good contrasts between the source and its background, it largely depends on the attention of the user in general should provide as much as possible the readability of texts.</p>
<p>Black on white is always a good choice. Red and blue are useful to highlight. Avoid as far as possible the black background</p>
<p>THE MEANING OF COLOR AND CULTURE IN GENERAL</p>
<p>     * Blue - peace, tranquility, calmness. In China, blue is associated with immortality in Colombia is associated with the soap in India, blue is the color of Krishna and the Middle East blue is a color of protection.<br />
     * Black - power, sophistication, elegance, wealth, fear and evil. In many cultures is the color of mourning.<br />
     * Green - nature, health, good fortune, generosity, youth, &#8230; in Ireland has a religious significance (Catholic) and in certain tropical cultures is associated with danger.<br />
     * Orange - energy, balance, warmth, enthusiasm, dynamism, Ireland has also &#8230; religious significance (Protestant)<br />
     * Purple - royal, spirituality, nobility, ceremony, mystery, &#8230;<br />
     * Red - love, danger, desire, speed, force, violence, anger, blood, &#8230; In China, good luck and celebration, and purity in India.<br />
     * White - simplicity, purity, peace, humility, &#8230; In Japan it means death and funeral color in Islam.<br />
     * Yellow - joy, happiness, optimism &#8230; In Asia has meaning imperial.</p>
<p>Color is a very powerful tool, is the first to create sensations to the user, hence its importance. Studied carefully to whom it is directed to your website and choose the colors properly.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csscrowned.com/2009/03/importance-of-web-colors/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Good or bad web design?</title>
		<link>http://www.csscrowned.com/2009/03/good-or-bad-web-design/</link>
		<comments>http://www.csscrowned.com/2009/03/good-or-bad-web-design/#comments</comments>
		<pubDate>Thu, 12 Mar 2009 21:18:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

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

		<guid isPermaLink="false">http://www.csscrowned.com/?p=22</guid>
		<description><![CDATA[There are many factors when assessing whether a website is good or evil. Certainly the first impression on the Internet is crucial, but then when we started to navigate or find what I was looking for, often all you get is more frustration. 
We can detect the quality of a website, answering these questions: 
 [...]]]></description>
			<content:encoded><![CDATA[<p>There are many factors when assessing whether a website is good or evil. Certainly the first impression on the Internet is crucial, but then when we started to navigate or find what I was looking for, often all you get is more frustration. </p>
<p>We can detect the quality of a website, answering these questions: </p>
<p>    1. Does your GOAL? - Each site requires a clear framework to survive the tremendous competition that exists. A website should have a goal, teach, sell, distracted &#8230; and perform it once defined. The purpose of a website should be to achieve the greatest possible communication with your prospects.<br />
       If you enter a website to see a hotel, the first thing I see, besides the price, the rooms are, with good pictures, I want to see the services we have and the location, how much distance is the beach? &#8230;. This sure is going to capture my interest, and if they also have a good payment system with a user-friendly platform, the result will be very good. If on the contrary, I have a house with a slow loading site, with pictures of poor quality, with nobody to answer mail, but that if, full of advertising people (who get free reeds), etc. . What will you be there to flee quickly. </p>
<p>          2.  IS YOUR WEB SITE LIGHT? - One of the problems that we find is that there is established a good architecture for the design of the site and all contents are needed, however, are not well displayed, apelmazados too, too much noise or external distract the attention of the user (too much advertising, or too many outstanding strident buttons, &#8230;)<br />
       Any website should be clear enough to communicate with its user, either to convey information, to communicate two-way with him, to show a product &#8230; And most of the time (if not always), clarity is achieved with simplicity. </p>
<p>    3. IS YOUR WEB Usable? - To make your website successful, any user, or at least the target that is addressed, must learn to use it without any doubt. The usability needs of a site, depending on the nature of it, for example, a travel website, you must have a very good search engine (or more), in which we can easily find the trip that we are looking for, with a result search ordered by preference, be it price or proximity to the beach.   A blog should have a good documentation of his post, and then be able to find the clouds of tags, categories. The users are very impatient, and if it takes a while to find what you&#8217;re looking for, prefer to go elsewhere soon expected. Usability is time and loyalty. </p>
<p>    4. IS ACCESS? - Accessibility is fundamental if we are to achieve our goals. Our website is to be able to see well in any browser, if you who are designing the website that tells you if you&#8217;re in the explorer is not in firefox, or sailing around the world explorer, or a thousand other things that occasions I have heard, run!, get yourself a real designer. The code also has to have either their labels, the blind for example, navigate to programs that read the tags of an image. If you do not put the alt tag, in addition to positioning convictions lose accessibility. We cannot force the user to use a particular browser, resolution or plugin for your web browsing. </p>
<p>    5. Who is? - The user must be the beacon of the design and development of a website, however, often do not have it in mind until we see that we do not get the views we had estimated. It is often designed for one or according to guidelines of us who work in charge, thinking of himself and not the end user. We must study the user to upload content that interest you, if we focus on the interests of the owner, you will not achieve our goals. </p>
<p>    6. WATERWAY IS YOUR SITE? - Navigation affects the usability and accessibility. A web can not have a guide to be used, it must be intuitive, we must always know where we stand as forward or back to what we see. A clear menu navigation, some well-defined links in design and in the text that identifies them. The design should not come at the expense of shipping.<br />
       When we develop a web site, we know which pages are most important to us and which are secondary. The user need not enter the home from our site, so you probably do not see these important pages, so it must be referring to them with links.<br />
       We must always be in the worst, which is intuitive for the designer, you may not be so for most users, that is also highly recommended, in addition to patterns, see our non-expert users with diagrams and check that they are able to navigate. </p>
<p>    7. THE LOOK OF YOUR WEB - As I said at the beginning of this post, it is very important, an attractive web captures interest. And it is very important to see a design professional. This is a point that unfortunately is not taken into account, as it mistakenly thinking websites are responsible only in price and not on who makes you &#8230;<br />
       We have to watch the trends, innovation, the image that we in the web is the showcase of our business, we can not afford to show an old image or disordered. A website should be redesigned every two or three years. If the content is good, it is not expensive, it is an investment that produces benefits. The design must be aesthetically consistent with the message and purpose of the site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csscrowned.com/2009/03/good-or-bad-web-design/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Design errors to avoid</title>
		<link>http://www.csscrowned.com/2009/02/design-errors-to-avoid/</link>
		<comments>http://www.csscrowned.com/2009/02/design-errors-to-avoid/#comments</comments>
		<pubDate>Tue, 10 Feb 2009 21:29:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[General]]></category>

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

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

		<guid isPermaLink="false">http://www.csscrowned.com/?p=30</guid>
		<description><![CDATA[This is a post devoted to all the &#8220;gurus&#8221; that hide behind their position of responsibility and taught us how to design your company&#8217;s website. Then (always) to blame for our failure to reflect what we demanded.
This is a listing of many of the mistakes that are often committed to the design of a website [...]]]></description>
			<content:encoded><![CDATA[<p>This is a post devoted to all the &#8220;gurus&#8221; that hide behind their position of responsibility and taught us how to design your company&#8217;s website. Then (always) to blame for our failure to reflect what we demanded.</p>
<p>This is a listing of many of the mistakes that are often committed to the design of a website or blog. Some errors in designing a website that you will see in this post may seem ridiculous or obvious, but I assure you that continue to design pages with the same errors.</p>
<p>Let&#8217;s see how they influence the first impression, text, graphics, and usability in general.</p>
<p>ERRORS IN THE FIRST IMPRESSION:</p>
<p>     * We are wonderful but the user does not know how we can help.<br />
     * After several seconds, does not yet know what the page.<br />
     * The site takes many seconds to load.<br />
     * The user can not differentiate between what is relevant and purely decorative graphics, finds no hierarchy<br />
     * We ask users to register before entering, so much effort worthwhile?.<br />
     * Our site will automatically download music that also is difficult to disconnect.<br />
     * Our site is not the same in different browsers.<br />
     * The content does not conform to what the user has searched.<br />
     * Our pages are not &#8220;air&#8221; (blanks).<br />
     * Force the user to install a plugin to view the web.<br />
     * Our design has been &#8220;borrowed&#8221; from another site.<br />
     * Pdf files do not identify with an icon.</p>
<p>ERRORS IN TEXTS AND LINKS:</p>
<p>     * The links are not distinguished from the rest of the text.<br />
     * You do not have the font on your machine that we have chosen to model.<br />
     * Not enough contrast between text and background of the text.<br />
     * Our texts are centered or justified.<br />
     * We use a font type and size appropriate for our target.<br />
     * Our material wealth are not separated by paragraphs.<br />
     * Our owners are not attractive and are not distinguished from the rest of the paragraph.<br />
     * We have too many links.</p>
<p>ERRORS IN GRAPHICS, VIDEO AND AUDIO:</p>
<p>     * Our logo appears to have been designed by an amateur.<br />
     * Our logo is not conducive to home.<br />
     * Our graphics are very cumbersome.<br />
     * Our site looks like a festival with so much flash and animated gif.<br />
     * We show the videos and not automatically when the user chooses.<br />
     * We have just uploaded the page with an icon &#8220;page under construction, come back another day&#8221; (&#8230;. Sure to come back, wait seated).<br />
     * The display resolution of the design is not adequate (for being too large or small).<br />
     * The colors besides being ugly, do not mix, and have nothing to do either with the corporate image or the theme of the website.<br />
     * Our blinking text and cause an epileptic fit on the user.<br />
     * The important buttons on the web are merged with the rest of the page, no stress and are placed in a bad place.<br />
     * Our graphics are so heavy that you never have enough patience to see them.</p>
<p>ERRORS IN NAVIGATION:</p>
<p>     * Our user needs explanations for how to navigate our site.<br />
     * Our user reached this page via a search engine does not know where it is not as out of there.<br />
     * The back button of your browser is disabled.<br />
     * Our menu is not at the top of the website.<br />
     * There is no hierarchy in the pages.<br />
     * The names of the categories and subcategories are too long and are not descriptive.<br />
     * Scroll horizontally in our pages.</p>
<p>ERRORS IN THE CONTENT:</p>
<p>     * Still not knowing what is going here.<br />
     * We have placed many ad server so that advertisements can not find our content.<br />
     * The content is not ordered.<br />
     * Our language is rich and full of jargon, which is a shame website for kids &#8230;<br />
     * Our pages are not only unnecessary long full of content, but also is not party paragraphs and we scare the user (An online version of Don Quixote?.<br />
     * We have offensive content or graphics.<br />
     * The public access to sites under construction and we still have many broken links.<br />
     * When the user encounters a form, in addition to having to fill a thousand boxes, that these are not well organized and on top do not know what button to clika &#8230;<br />
     * We are geniuses in SEO, we have positioned us for the first word &#8220;football&#8221;, but yes, this is a burial site &#8230;<br />
     * The last time we update our content, reigned peseta, worth around half, and the user is above us and misleading advertising claims &#8230;</p>
<p>And if that was not enough &#8230;:</p>
<p>     * Use frames.<br />
     * We have no search engine and if we are not at the top of the website.<br />
     * We have not validated HTML.<br />
     * We have not validated the CSS.<br />
     * We put dates on the articles, knowing that we will go for months without a raise again.<br />
     * Our site is full of spelling errors.<br />
     * No contact information.<br />
     * We do not know when to use and when to use gif images jpg.<br />
     * Do not let &#8220;air&#8221; between the texts, images and margins of the main box.<br />
     * Our site has a script to refresh again and again.<br />
     * &#8230;. and many more that we do not remember, probably because my mind has always wanted to delete them</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csscrowned.com/2009/02/design-errors-to-avoid/feed/</wfw:commentRss>
		</item>
		<item>
		<title>10 Good design practices</title>
		<link>http://www.csscrowned.com/2009/01/10-good-design-practices/</link>
		<comments>http://www.csscrowned.com/2009/01/10-good-design-practices/#comments</comments>
		<pubDate>Fri, 30 Jan 2009 21:37:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.csscrowned.com/?p=39</guid>
		<description><![CDATA[
1. Bad programming search
       in the design of a search engine, we must take into account the typographical errors you may commit the user, allowing plural, scripts, and other variants of search terms. Furthermore, the search result is usually based on the number of times the word appears, rather [...]]]></description>
			<content:encoded><![CDATA[<p>
1. Bad programming search<br />
       in the design of a search engine, we must take into account the typographical errors you may commit the user, allowing plural, scripts, and other variants of search terms. Furthermore, the search result is usually based on the number of times the word appears, rather than the importance of the document that contains it.<br />
       You prefer to use the search engine to find content, and more, if the usability of the site is bad.<br />
    2. PDF documents<br />
       nothing worse than finding navigation in a PDF, since it breaks the entire flow. Besides slowing down, most of the time the document does not match the size of the browser user. Let therefore this type of file to where the user has to download a file and read it later.<br />
    3. Change the color of visited links<br />
       this point in my view is controversial. Jakob Nielsen argues quite rightly that not change the color of visited links is detrimental to the usability and navigability difficult for the user, as it is easy to err and return to pages already visited to be pressed by mistake to the same link.<br />
       I agree with that assessment, although no longer just for those occasions when it is a huge list of links, but for a missed connection or a couple of options on a page I do not think is necessary.<br />
    4. The walls of text<br />
       an endless block of text without proper interlined, and without points apart, causing a rejection of the user. The appearance is very dense it will be difficult to digest. We must use titles, subheadings, separate the ideas of paragraphs, making it generally appealing to the user. I would add more, it would be advisable inlcuso, we could read the document in disorder. This is achieved by separating the ideas and very descriptive titles and subtitles.<br />
    5. Font Size<br />
       is important that you feel comfortable while reading a text. A source is too small or too large hurts reading. Ideally, you can modify to suit the consumer, with css and relative values rather than absolute.<br />
    6. Page titles with low visibility<br />
       The page title is very important, because the search result of any search engine will be the title that appears in the list, and it is very important that is sufficiently descriptive and attractive to the user&#8217;s choice against others.<br />
       The titles are also used as input in the browser favorites, so it is very important that are descriptive of the contents of the page that you represent.<br />
       For the home is recommended to start with the company name followed by the description, do not use items at the beginning or phrases such as &#8220;welcome to &#8230;.&#8221;.<br />
       It also serves as the title of the page to name the browser window we have open, so a user with multiple windows open, welcomes us to identify with a glance, it is also important to get maximum information on the first words.<br />
    7. Selective attention<br />
       anything that looks like an ad is rejected in the way of finding information that a user performs. I disagree that you can not design something that looks like an ad, what is needed is that the design is sufficiently integrated into the style sheet in our website, so the user will recognize as the information itself web product and not as external.<br />
       I had to devise creative Muchoviaje.com many other portals such as Terra, msn, wanadoo &#8230;. and I can assure you that the best results was provided by the creativities that matched the style of web hosting, but with a difference.<br />
    8. Consistency<br />
       this is one of the most frequent errors today. When the navigation is consistent and &#8220;flat&#8221;, ie smooth, any design that departs from that line, draw the attention of a powerful user. A consistent and smooth navigation that leads the user to feel comfortable and confident, always knows how to tackle a new page because it comes from another of the same architecture. Insecurity in navigation caused by the departure of the user of the website, and of course ends with loyalty.<br />
    9. Pop<br />
       a pop-up makes the user is left without one of their main means of navigation, the back button. Step is a hyperlink from one page to another, and that is what we expect when we click. The user has the rejection of pop-ups, so it is advisable to indicate that this link will open in a new window, to avoid surprises.<br />
   10. Do not give the user what is currently seeking<br />
       another common mistake is to try to fool the user. We must assume that if a product is not of interest to a user does not have to sell at any price. In many instances the cost is hidden, or they give you one since then has nothing to do with the final release, not to mention when we entered we found a page on a search result and when we got all we are related our interests are the same keywords entered into the browser and other content entirely different.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csscrowned.com/2009/01/10-good-design-practices/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
