<?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>MakeUseOf.com &#187; validator</title>
	<atom:link href="http://www.makeuseof.com/tags/validator/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.makeuseof.com</link>
	<description>Cool Websites, Software and Internet Tips</description>
	<lastBuildDate>Tue, 24 Nov 2009 12:01:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>&#8220;TEST EVERYTHING&#8221;&#8230; 100+ &#8216;Website Check&#8217; Tools in-one!</title>
		<link>http://www.makeuseof.com/tag/test-everything-100-website-check-tools-in-one/</link>
		<comments>http://www.makeuseof.com/tag/test-everything-100-website-check-tools-in-one/#comments</comments>
		<pubDate>Wed, 26 Dec 2007 19:28:53 +0000</pubDate>
		<dc:creator>Linda Martin-Peoples</dc:creator>
				<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[analytics]]></category>
		<category><![CDATA[blogging tools]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[proxy]]></category>
		<category><![CDATA[validator]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webmaster tools]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/tag/test-everything-100-website-check-tools-in-one/</guid>
		<description><![CDATA[I have just recently discovered a useful all-in-one tool for testing your website, blog or webpage (or someone else&#8217;s) for just about anything you can imagine!
Test Everything
&#8216;Test Everything&#8217; incorporates over 100 (128 to be exact) of the useful website checkers and validators, throughout 8 different categories, all in one spot! 
You will find CSS &#38; [...]]]></description>
			<content:encoded><![CDATA[<p>I have just recently discovered a useful all-in-one tool for testing your website, blog or webpage (or someone else&#8217;s) for just about anything you can imagine!</p>
<p><strong><a href="http://tester.jonasjohn.de/" title="Test Everything: Website Checker">Test Everything</a></strong></p>
<p>&#8216;Test Everything&#8217; incorporates over 100 (128 to be exact) of the useful website checkers and validators, throughout 8 different categories, all in one spot! </p>
<p>You will find CSS &amp; HTML validators, SEO Tools, Web Proxies, Network Tools, Image Tools, Text tools, a host of really cool Miscellaneous Tools, and you can easily check your site&#8217;s popularity on Social Bookmarking sites as well.</p>
<p><img src="http://www.makeuseof.com/wp-content/uploads/2007/12/te1.png" alt="te1.png" /></p>
<p>Want to test your design in different browsers? 18 of them are supported. Curious about your site&#8217;s loading time? You can check that here, too, along with several other SEO tools. </p>
<p><img src="http://www.makeuseof.com/wp-content/uploads/2007/12/te2.png" alt="te2.png" /></p>
<p>And while you&#8217;re at it, you can also fill in some info about your site or yourself at AboutUs.org, get a Site Report, and see what insight McAfee Site Advisor might have to offer. There are even a few &#8220;fun tools&#8221;, like <a href="http://www.makeuseof.com/dir/fakenamegenerator/">FakeNameGenerator</a> and Destroy the Web! (<a href="http://netdisaster.com/">netdisaster.com</a>). This is hilarious, by the way. You can see everything from tomatoes splatting all over your site, to ants crawling on it, helping you edit,  to cows and dogs &#8220;doing their business&#8221; on your fine work!</p>
<p>You can even stage a &#8220;demonstration&#8221; with people walking across your site holding protest signs made up of copy from your site! </p>
<p><img src="http://www.makeuseof.com/images/test-everything-muo.png" alt="13.png" /></p>
<p>All in all, you can take advantage of 128 dynamite tools and services, but if you know of some more which you think <em>should</em> be there but aren&#8217;t, there is a &#8220;Suggest a Service&#8221; feature, as well. </p>
<p>I tried many of the 128, and everything I tried worked fine. The only &#8220;negative&#8221; I found was that I could not get the &#8220;Bookmarklet&#8221; feature to cooperate, so I just installed a shortcut to my desktop instead.</p>
<p>I whole-heartedly recommend you check out <a href="http://tester.jonasjohn.de/">Test Everything</a>. It is truly a comprehensive and incredible tool!</p>
<div align="right"><em> From the &#8220;non-geek&#8221; perspective of</em> <a href="http://www.coolonlinetools.com">Linda Martin-Peoples</a></div>
<p>Did you like the post? Please do share your thoughts in the comments section!</p>
<p><em><strong>New on Twitter ?</strong> Now you can follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a> too.</em></p>

	<em><h4>Related posts</h4></em>
	<ul class="st-related-posts">
	<li><a href="http://www.makeuseof.com/tag/selected-25-css-applications-and-tools/" title="Selected 25 CSS Applications and Tools (September 29, 2007)">Selected 25 CSS Applications and Tools</a> (19)</li>
	<li><a href="http://www.makeuseof.com/tag/top-10-professional-sample-code-websites-for-programmers/" title="Top 10 Professional Sample Code Websites For Programmers (February 23, 2009)">Top 10 Professional Sample Code Websites For Programmers</a> (28)</li>
	<li><a href="http://www.makeuseof.com/tag/install-firebug-for-browsers-other-than-firefox/" title="How To Install Firebug on IE, Safari, Chrome &#038; Opera (March 14, 2009)">How To Install Firebug on IE, Safari, Chrome &#038; Opera</a> (22)</li>
	<li><a href="http://www.makeuseof.com/tag/5-html-tips-to-create-a-fast-loading-free-website/" title="5 HTML Tips to Create a Fast Loading Free Website (July 19, 2009)">5 HTML Tips to Create a Fast Loading Free Website</a> (33)</li>
	<li><a href="http://www.makeuseof.com/tag/write-develop-html-offline-with-first-page/" title="Write &amp; Develop HTML Offline with First Page (January 2, 2008)">Write &amp; Develop HTML Offline with First Page</a> (12)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/test-everything-100-website-check-tools-in-one/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Selected 25 CSS Applications and Tools</title>
		<link>http://www.makeuseof.com/tag/selected-25-css-applications-and-tools/</link>
		<comments>http://www.makeuseof.com/tag/selected-25-css-applications-and-tools/#comments</comments>
		<pubDate>Sun, 30 Sep 2007 02:03:38 +0000</pubDate>
		<dc:creator>Adam Hirsch</dc:creator>
				<category><![CDATA[Cool Software Apps]]></category>
		<category><![CDATA[Lists of tools]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[validator]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webmaster tools]]></category>
		<category><![CDATA[WYSIWYG editors]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/tag/selected-25-css-applications-and-tools/</guid>
		<description><![CDATA[ I am currently in the process of learning CSS (Cascading Style Sheets) based web design since it is now the standard foundation of layout for almost all web sites. I have read several books now and I still believe that I am slightly lost when it comes time to applying what I know from [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://makeuseof.com/images/css-resources.jpg" alt="CSS Tools and Applications" align="left" /> I am currently in the process of learning CSS (Cascading Style Sheets) based web design since it is now the standard foundation of layout for almost all web sites. I have read several books now and I still believe that I am slightly lost when it comes time to applying what I know from scratch. Over the past several months, I&#8217;ve been keeping a list for myself of potentially amazing tools and applications (most web based &#8211; all of them free) to make my CSS web design experience a snap. I purposely cut out over 30 options from this list, because these are the most user friendly and simplest to use.</p>
<p>Most descriptions are taken from the web page, since only an author can describe his tool the best, but I threw in some comments in parentheses. None of the options below are resource lists, they are pure applications or tools. Enjoy and I hope you learn and benefit from the following list&#8230;</p>
<p><strong>Complete CSS Coding (Layout, Fonts, Colors, Tweaks)</strong></p>
<p><img src="http://makeuseof.com/images/css-template-generators.jpg" alt="CSS Tools and Applications" /></p>
<p>(1) <a href="http://www.maketemplate.com/">HTML PHP CSS Website Template Maker</a> &#8211; CSS template generator creates a two column layout with both a header and a footer. This PHP / CSS Style Sheet template generator outputs full featured tableless code i.e. tables are NOT used for the template with the column layout.</p>
<p>(2) <a href="http://www.blumentals.net/csstool/">CSS Toolbox (Desktop – Windows)</a> &#8211; Free CSS Toolbox includes a number of tools for fast-tracking and enhancing the development of style sheet code, such as an advanced CSS Formatter and CSS Validator.</p>
<p>(3) <a href="http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php">1-3 Columned Page Maker</a> &#8211; Broken down into sections with all the necessary variables).</p>
<p>(4) <a href="http://www.ahfb2000.com/cssgenerator.php"> CSS Generator</a> &#8211; make simple cascading style sheets (everything but columns and layout).</p>
<p><strong>CSS Layouts</strong></p>
<p><img src="http://makeuseof.com/images/layout-generator.jpg" alt="CSS Layouts" /></p>
<p>(5) <a href="http://www.boxedcss.com/">Boxed CSS</a> &#8211; Boxed CSS is a free website that offers you CSS grids : they are free to be downloaded and modified, without a linkback required.</li>
<p>(6) <a href="http://code.google.com/p/blueprintcss/">Blue Print CSS</a> &#8211; Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.</p>
<p>(7) <a href="http://csscreator.com/?q=tools/layout">CSS Layout Generator</a> &#8211; This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.</p>
<p>(8) <a href="http://www.inknoise.com/experimental/layoutomatic.php">Lay-out-a-matic</a> &#8211; Simple layout options (few options in my opinion).</p>
<p>(9) <a href="http://builder.yaml.de/">YAML Building</a> &#8211; A tool for layout development of YAML based CSS Layouts (YAML = Yet Another Muliti-Column Layout).</p>
<p>(10) <a href="http://www.gwhite.us/downloads/css_grid_calc.html">CSS Grid Calculator</a> &#8211; Use the CSS Grid Calculator to quickly visualize page layout and draw grids in a variety of ways.</p>
<p><strong>Style Sheet Editors</strong></p>
<p>(11) <a href="http://www.cssfly.net/">CSS Fly</a> &#8211; CSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser. Simply edit the (X)HTML-code and the external Style-Sheet files : what you code is what you get!</p>
<p>(12) <a href="http://litmusapp.com/cssvista">CSS Vista</a> (Desktop/Windows) &#8211; CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously.</p>
<p><strong>Optimizer and Tweaking and Validators:</strong></p>
<p><img src="http://makeuseof.com/images/css-validators.jpg" alt="CSS Validators and Optimizers" /></p>
<p>(13) <a href="http://www.cleancss.com/">CleanCSS</a> &#8211; Powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise.</p>
<p>(14) <a href="http://csstidy.sourceforge.net/index.php">CSS Tidy</a> (Download/Open Source) &#8211; CSSTidy is an open source CSS parser and optimizer.</p>
<p>(15) <a href="http://www.cssdev.com/csstweak/">CSS Tweak</a> &#8211; Take your CSS and optimize it so that file sizes and download times are reduced. This tool is different from other optimizers as it gives you the option to stop it from altering your CSS code layout.</p>
<p>(16) <a href="http://jigsaw.w3.org/css-validator/">W3’s CSS Validator</a> &#8211; Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets.</p>
<p><strong>Additional Inputs and Options</strong></p>
<p>(17) <a href="http://csstype.com/">CSSTYPE</a> &#8211; Web safe typography on screen for pixel perfectionists.</p>
<p>(18) <a href="http://www.listulike.com/generator/">List-u-Like CSS Generator</a> &#8211; Create cross-browser list-based navigation bars with ease.</p>
<p>(19) <a href="http://www.colly.com/scripts/rollover.html">Colly&#8217;s CSS rollover generator</a> &#8211; With this CSS rollover generator, you can create two distinct styles of rollover button, using CSS and just one image.</p>
<p>(20) <a href="http://www.roundedcornr.com/">Rounded Cornr</a> &#8211; Generate HTML/CSS code and images for rounded corners.</p>
<p>(21) <a href="http://www.spiffycorners.com/">Spiffy Corners</a> &#8211; Offers a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or javascript.</p>
<p>(22) <a href="http://www.theboxoffice.be/">The Box Office</a> &#8211; lets you wrap/float/contour text around freeform images using CSS for usage in (X)HTML pages.</p>
<p>(23) <a href="http://cssmenumaker.com/index.php">CSS Menu Maker</a> &#8211; making professional CSS menus simple, for the average webmaster.</li>
<p>(24) <a href="http://www.iconico.com/CSSScrollbar/">CSS Scrollbar Color Changer</a> &#8211; The CSS for the scrollbars that you create is displayed automatically below. Copy it into your HTML page to easily change the scrollbars for your web site.</p>
<p>(25) <a href="http://www.csssprites.com/">CSS Sprite Generator</a> &#8211; Generate CSS Image Sprites.</p>
<p>That&#8217;s pretty much it. Got a favorite CSS tool that&#8217;s not in the list? Drop it in comments. Enjoy!</p>
<div align="right">Posted by Makeuseof guest-writer Adam Hirsch</div>
<p>Did you like the post? Please do share your thoughts in the comments section!</p>
<p><em><strong>New on Twitter ?</strong> Now you can follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a> too.</em></p>

	<em><h4>Related posts</h4></em>
	<ul class="st-related-posts">
	<li><a href="http://www.makeuseof.com/tag/top-10-professional-sample-code-websites-for-programmers/" title="Top 10 Professional Sample Code Websites For Programmers (February 23, 2009)">Top 10 Professional Sample Code Websites For Programmers</a> (28)</li>
	<li><a href="http://www.makeuseof.com/tag/test-everything-100-website-check-tools-in-one/" title="&#8220;TEST EVERYTHING&#8221;&#8230; 100+ &#8216;Website Check&#8217; Tools in-one! (December 26, 2007)">&#8220;TEST EVERYTHING&#8221;&#8230; 100+ &#8216;Website Check&#8217; Tools in-one!</a> (3)</li>
	<li><a href="http://www.makeuseof.com/tag/write-develop-html-offline-with-first-page/" title="Write &amp; Develop HTML Offline with First Page (January 2, 2008)">Write &amp; Develop HTML Offline with First Page</a> (12)</li>
	<li><a href="http://www.makeuseof.com/tag/a-web-developer-toolbar-guide/" title="Web Developer Toolbar for Firefox (May 21, 2008)">Web Developer Toolbar for Firefox</a> (4)</li>
	<li><a href="http://www.makeuseof.com/tag/install-firebug-for-browsers-other-than-firefox/" title="How To Install Firebug on IE, Safari, Chrome &#038; Opera (March 14, 2009)">How To Install Firebug on IE, Safari, Chrome &#038; Opera</a> (22)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/selected-25-css-applications-and-tools/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>
