<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>dZero | Tampa Web Design Company | Tampa Web Development</title> <link>http://dzerodesign.com</link> <description>Tampa web design and web development company specializing in custom web sites and web applications to help your business succeed.</description> <lastBuildDate>Mon, 22 Feb 2010 21:24:58 +0000</lastBuildDate> <generator>http://wordpress.org/?v=2.9.2</generator> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/dzero" /><feedburner:info uri="dzero" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><creativeCommons:license>http://creativecommons.org/licenses/by-nc-nd/2.0/</creativeCommons:license><feedburner:feedFlare href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feeds.feedburner.com/dzero" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare href="http://www.plusmo.com/add?url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://plusmo.com/res/graphics/fbplusmo.gif">Subscribe with Plusmo</feedburner:feedFlare><feedburner:feedFlare href="http://www.thefreedictionary.com/_/hp/AddRSS.aspx?http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://img.tfd.com/hp/addToTheFreeDictionary.gif">Subscribe with The Free Dictionary</feedburner:feedFlare><feedburner:feedFlare href="http://www.bitty.com/manual/?contenttype=rssfeed&amp;contentvalue=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.bitty.com/img/bittychicklet_91x17.gif">Subscribe with Bitty Browser</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsalloy.com/?rss=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.newsalloy.com/subrss3.gif">Subscribe with NewsAlloy</feedburner:feedFlare><feedburner:feedFlare href="http://www.live.com/?add=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><feedburner:feedFlare href="http://mix.excite.eu/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://image.excite.co.uk/mix/addtomix.gif">Subscribe with Excite MIX</feedburner:feedFlare><feedburner:feedFlare href="http://www.yourminis.com/subscribe.aspx?u=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.yourminis.com/images/addtoyourminisbadge.gif">Subscribe with Yourminis.com</feedburner:feedFlare><feedburner:feedFlare href="http://download.attensa.com/app/get_attensa.html?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.attensa.com/blogs/attensa/WindowsLiveWriter/BadgeredintoBadges_10C02/attensa_feed_button5.gif">Subscribe with Attensa for Outlook</feedburner:feedFlare><feedburner:feedFlare href="http://www.webwag.com/wwgthis.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.webwag.com/images/wwgthis.gif">Subscribe with Webwag</feedburner:feedFlare><feedburner:feedFlare href="http://hub.netomat.net/account/account.autoSubscribe.jspa?urls=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.netomat.net/blogger/images/icon_netomat_feedbutton.gif">Subscribe with netomat Hub</feedburner:feedFlare><feedburner:feedFlare href="http://www.podcastready.com/oneclick_bookmark.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.podcastready.com/images/podcastready_button.gif">Subscribe with Podcast Ready</feedburner:feedFlare><feedburner:feedFlare href="http://www.flurry.com/pushRssFeed.do?r=fb&amp;url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.flurry.com/images/flurry_rss_logo2.gif">Subscribe with Flurry</feedburner:feedFlare><feedburner:feedFlare href="http://www.wikio.com/subscribe?url=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.wikio.com/shared/img/add2wikio.gif">Subscribe with Wikio</feedburner:feedFlare><feedburner:feedFlare href="http://www.dailyrotation.com/index.php?feed=http%3A%2F%2Ffeeds.feedburner.com%2Fdzero" src="http://www.dailyrotation.com/rss-dr2.gif">Subscribe with Daily Rotation</feedburner:feedFlare><item><title>Bookmarks that help me design</title><link>http://feedproxy.google.com/~r/dzero/~3/xVashhaK3lo/</link> <comments>http://dzerodesign.com/archives/web-design/bookmarks-that-help-me-design/#comments</comments> <pubDate>Fri, 19 Feb 2010 22:45:16 +0000</pubDate> <dc:creator>zerolux</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[Design bookmarks]]></category> <category><![CDATA[Frontend design]]></category> <category><![CDATA[html]]></category> <category><![CDATA[jQuery]]></category><guid isPermaLink="false">http://dzerodesign.com/?p=547</guid> <description><![CDATA[About a year ago, I posted a blog entry outlining some of the design related websites that I check on a regular basis.  After further thought, I was a bit disappointed that I didn&#8217;t post more links.  So with this post I want to offer a few more of my favorites links.  [...]]]></description> <content:encoded><![CDATA[<p>About a year ago, I posted a blog entry outlining some of the design related websites that I check on a regular basis.  After further thought, I was a bit disappointed that I didn&#8217;t post more links.  So with this post I want to offer a few more of my favorites links.  This collection includes all kinds of sites including tutorials, blogs, roundups, reference sites, graphics links, and more.  They also cover a wide range of skill levels so there should be something for everyone.  Some are old, some are new, but all have been helpful to me in the past so I offer them in the hopes that they might help another.  Even if someone only finds one new site or idea from this post, I&#8217;ll be glad to have helped.</p><br /><div style="width:315px; float:left" <span class="bold blue text5">HTML, CSS, &#038; design links</span> <br /> Blogs I frequent:<br /><a target=_blank" href="http://css-tricks.com/">css-tricks.com</a><br /> <a target=_blank" href="http://scriptandstyle.com/">scriptandstyle.com</a><br /> <a target=_blank" href="http://buildinternet.com/">buildinternet.com</a><br /> <a target=_blank" href="http://speckyboy.com/">speckyboy.com</a><br /> <a target=_blank" href="http://www.smashingmagazine.com/">smashingmagazine.com</a><br /> <a target=_blank" href="http://cssglobe.com/news.asp">cssglobe.com</a><br /> <a target=_blank" href="http://sixrevisions.com/">sixrevisions.com</a><br /> <a target=_blank" href="http://www.noupe.com/">noupe.comk</a><br /> <a target=_blank" href="http://design-newz.com/">design-newz.com</a><br /> <a target=_blank" href="http://www.underconsideration.com/brandnew/">underconsideration.com</a><br /> <a target=_blank" href="http://sharebrain.info/">sharebrain.info</a><br /> <a target=_blank" href="http://www.instantshift.com/">instantshift.com</a><br /> <a target=_blank" href="http://line25.com/">line25.com</a><br /> <a target=_blank" href="http://webdesignledger.com/">webdesignledger.com</a><br /> <a target=_blank" href="http://www.alistapart.com/">alistapart.com</a><br /><br /> General design:<br /><a target=_blank" href="http://www.smashingmagazine.com/2009/10/05/mastering-css-coding-getting-started/">Mastering CSS</a><br /> <a target=_blank" href="http://www.smashingmagazine.com/2009/09/02/backgrounds-in-css-everything-you-need-to-know/">CSS Backgrounds</a><br /> <a target=_blank" href="http://reference.sitepoint.com/css">Sitepoint reference</a><br /> <a target=_blank" href="http://www.smashingmagazine.com/2009/08/17/taming-advanced-css-selectors/">Advanced CSS selectors</a><br /> <a target=_blank" href="http://www.tutorial9.net/web-tutorials/quick-easy-css-development-with-firebug/">Firebug &#8211; a must have!</a><br /> <a target=_blank" href="http://www.designerstalk.com/forums/">Designers Talk Forum</a><br /> <a target=_blank" href="http://forum.smashingmagazine.com/">Smashing Forum</a><br /> <a target=_blank" href="http://www.smashingmagazine.com/2009/07/20/50-new-css-techniques-for-your-next-web-design/">50 New CSS techniques</a><br /> <a target=_blank" href="http://www.tripwiremagazine.com/2009/07/mega-css-resource-roundup.html">Mega CSS roundup</a><br /><br /> Floats &#038; advanced styling:<br /><a target=_blank" href="http://www.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/">Negative margin guide</a><br /> <a target=_blank" href="http://ryanfait.com/sticky-footer/">Sticky footer</a><br /> <a target=_blank" href="http://css-tricks.com/all-about-floats/#more-795">Float info</a><br /><br /> Hacks:<br /><a target=_blank" href="http://stylizedweb.com/2008/02/14/10-best-css-hacks/">10 CSS hacks</a><br /> <a target=_blank" href="http://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/">IE CSS bugs</a><br /><br /> jQuery:<br /><a target=_blank" href="http://visionwidget.com/inspiration/web/398-latest-jquery-plugins.html">Plugin roundup</a><br /> <a target=_blank" href="http://speckyboy.com/2009/07/17/25-fresh-and-new-jquery-plugins-and-tutorials/">Another Plugin roundup</a><br /> <a target=_blank" href="http://webdeveloperplus.com/jquery/30-fresh-amazing-jquery-plugins-tutorials/">Yet Another Plugin roundup</a><br /> <a target=_blank" href="http://planetozh.com/projects/lightbox-clones/">Great Lightbox Matrix</a><br /> <a target=_blank" href="http://flowplayer.org/tools/index.html">jQuery Tools</a><br /> <a target=_blank" href="http://www.sohtanaka.com/web-design/jquery-easy-tips-tricks-tutorial/">Getting started with jQuery</a><br /><br /></div><div style="width:315px; float:left"> <span class="bold blue text5">Graphics links</span><br /> Fonts:<br /><a target=_blank" href="http://media.24ways.org/2007/17/fontmatrix.html">Great Font Matrix</a><br /> <a target=_blank" href="http://www.urbanfonts.com/">Great free fonts</a><br /> <a target=_blank" href="http://www.dafont.com/">Even More free fonts</a><br /> <a target=_blank" href="http://www.creamundo.com/">You get the idea</a><br /><br /> Vectors:<br /><a target=_blank" href="http://speckyboy.com/2009/09/18/49-amazing-resources-for-free-vector-graphics/">Vector source roundup</a><br /> <a target=_blank" href="http://www.vecteezy.com/">Great free vectors</a><br /> <a target=_blank" href="http://www.freevectordownload.com/index.html">More free vectors</a><br /> <br /> Icons:<br /><a target=_blank" href="http://www.iconfinder.net/">My fist stop for icons</a><br /> <a target=_blank" href="http://www.iconspedia.com/">Another great icon source</a><br /><br /> Textures/patterns:<br /><a target=_blank" href="http://www.tutorial9.net/resources/99-free-canvas-paper-paint-and-metal-textures/">Great texture roundup</a><br /> <a target=_blank" href="http://www.smashingmagazine.com/2009/02/06/100-beautiful-free-textures/">More textures</a><br /> <a target=_blank" href="http://www.highresolutiontextures.com/">Free &#038; awesome textures</a><br /> <a target=_blank" href="http://www.noupe.com/design/outstanding-website-background-guide-60-impressive-resources.html">Great resources for backgrounds</a><br /><br /> Inspiration galleries:<br /><a target=_blank" href="http://patterntap.com/">patterntap.com</a><br /> <a target=_blank" href="http://siteinspire.net/">siteinspire.net</a><br /> <a target=_blank" href="http://bestwebgallery.com/">bestwebgallery.com</a><br /> <a target=_blank" href="http://www.designbombs.com/">designbombs.com</a><br /> <a target=_blank" href="http://cssmania.com/">cssmania.com</a><br /></div><br class="clear" /><img src="http://feeds.feedburner.com/~r/dzero/~4/xVashhaK3lo" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://dzerodesign.com/archives/web-design/bookmarks-that-help-me-design/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://dzerodesign.com/archives/web-design/bookmarks-that-help-me-design/</feedburner:origLink></item> <item><title>DataTables &amp; jQuery UI Themes</title><link>http://feedproxy.google.com/~r/dzero/~3/ouowxdqhvbo/</link> <comments>http://dzerodesign.com/archives/web-design/datatables-jquery-ui-themes/#comments</comments> <pubDate>Mon, 15 Feb 2010 18:00:41 +0000</pubDate> <dc:creator>Daniel</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[Frontend]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[tips]]></category> <category><![CDATA[XHTML]]></category><guid isPermaLink="false">http://dzerodesign.com/?p=459</guid> <description><![CDATA[We build a lot of data driven web applications and we are always working with tabular data. I am not a big fan of styling tables, but with DataTables and jQuery UI themes this is a piece of cake. I will show you how you can make a beautiful table in just a few minutes. [...]]]></description> <content:encoded><![CDATA[We build a lot of data driven web applications and we are always working with tabular data. I am not a big fan of styling tables, but with DataTables and jQuery UI themes this is a piece of cake. I will show you how you can make a beautiful table in just a few minutes. First you will need to download <a href="http://datatables.net">DataTables</a>. Unzip the download and grab the DataTables.js and jquery.js files and put them in your public_html folder or htdocs folder for the site you want to implement DataTables on. Then we want to include those two files in the head of our HTML document as seen below.<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #00bbdd;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">html</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">meta</span> <span style="color: #000066;">http-equiv</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/html; charset=iso-8859-1&quot;</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">title</span>&gt;</span>DataTables Demo<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">title</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;style.css&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;jquery.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
                <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;jquery.dataTables.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">head</span>&gt;</span></pre></div></div>Next we will build a simple table for this demo.<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;">	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">table</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;users&quot;</span> <span style="color: #000066;">cellspacing</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">cellpadding</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;0&quot;</span>&gt;</span>
			<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">thead</span>&gt;</span>
				<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">th</span>&gt;</span>ID<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">th</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">th</span>&gt;</span>User<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">th</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">th</span>&gt;</span>Date<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">th</span>&gt;</span>
				<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
			<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">thead</span>&gt;</span>
			<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tbody</span>&gt;</span>
				<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>1<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>Bob<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>1/24/10<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
				<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
				<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>2<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>Dave<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>2/15/10<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
				<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
				<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>3<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>Chris<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
					<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>2/22/10<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
				<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
			<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tbody</span>&gt;</span>		
		<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">table</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">body</span>&gt;</span></pre></div></div>Note that we use the thead and tbody tags in the table, this is essential to make DataTables work properly with our table. <br /> Then we will add a bit of css to our stylesheet.<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#users</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">400px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>You should now have a table that looks like this. <br /><br /> <a class="screenshot" href="http://dzerodesign.com/wp-content/uploads/2010/02/tableShot_1.jpg"><img src="http://dzerodesign.com/wp-content/uploads/2010/02/tableShot_1-300x61.jpg" alt="" title="tableShot_1" width="300" height="61" class="alignnone size-medium wp-image-488" /></a><br /><br />Next we will go over to the <a target="_blank" href="http://jqueryui.com">jQuery UI site</a> and download one of the pre-made themes or roll your own using the theme roller. You can download all the pre-made themes using this link <a href="http://jquery-ui.googlecode.com/files/jquery-ui-themes-1.7.2.0.zip">jquery-ui-themes-1.7.2.0.zip</a>. Now lets unzip the downloaded themes zip file and grab the images folder, the jquery-ui.css file, and the ui.theme.css file from the theme you want to use and copy these to your public_html  folder or htdocs folder. Then we want to include the jquery-ui.css file and the ui.theme.css file in the head of our HTML document as seen below.<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #00bbdd;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">html</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">meta</span> <span style="color: #000066;">http-equiv</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/html; charset=iso-8859-1&quot;</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">title</span>&gt;</span>DataTables Demo<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">title</span>&gt;</span>
                <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;jquery-ui.css&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
                <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;ui.theme.css&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;style.css&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;jquery.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
                <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;jquery.dataTables.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">head</span>&gt;</span></pre></div></div>Make sure you include the jquery-ui.css file and the ui.theme.css file before the main css file for your site. This will enable you to be able to override the styling of the jquery-ui.css file and the ui.theme.css file without modifying them allowing you to easily switch themes in the future. Now all we have to do is implement the script to add DataTables to our table.<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
    $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
        $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#users&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dataTable</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span><span style="color: #3366CC;">&quot;bJQueryUI&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>The above code implements DataTables on the table and the bJQueryUI option adds all the necessary classes to our table to work with the jQuery UI CSS framework.Next we need to specify a width for DataTables wrapper. DataTables automatically adds a wrapper with the id from the table and wrapper prefixed with an underscore as you can see below.<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/* Wrapper created by DataTables */</span>
<span style="color: #cc00cc;">#users_wrapper</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">400px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>You should now have a table that looks similar to this depending on what theme you choose. (I used the vader theme for this demo) <br /><br /><a class="screenshot" href="http://dzerodesign.com/wp-content/uploads/2010/02/tableShot_2.jpg"><img src="http://dzerodesign.com/wp-content/uploads/2010/02/tableShot_2-300x183.jpg" alt="" title="tableShot_2" width="300" height="183" class="alignnone size-medium wp-image-499" /></a> <br /><br /> Now we just need to add some styling to position the elements added by DataTables. They add ids to all the elements for easy styling. You can inspect the elements you want to position with FireBug to get the ids, or refer to the styling documentation on the DataTables website.In the main stylesheet for our site lets add the following.<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/* Show # of entries element created by DataTables */</span>
<span style="color: #cc00cc;">#users_length</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Search element created by DataTables */</span>
<span style="color: #cc00cc;">#users_filter</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Table information element created by DataTables */</span>
<span style="color: #cc00cc;">#users_info</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Pagination element created by DataTables */</span>
<span style="color: #cc00cc;">#users_paginate</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Pagination previous element created by DataTables */</span>
<span style="color: #cc00cc;">#users_previous</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Pagination next element created by DataTables */</span>
<span style="color: #cc00cc;">#users_next</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Sorting arrows class created by DataTables */</span>
<span style="color: #cc00cc;">#users</span> <span style="color: #6666ff;">.css_right</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Even row class created by DataTables */</span>
<span style="color: #cc00cc;">#users</span> <span style="color: #6666ff;">.even</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#999</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>You should now have an awesome looking table like this. <br /><br /> <a class="screenshot" href="http://dzerodesign.com/wp-content/uploads/2010/02/tableShot_3.jpg"><img src="http://dzerodesign.com/wp-content/uploads/2010/02/tableShot_3-300x116.jpg" alt="" title="tableShot_3" width="300" height="116" class="alignnone size-medium wp-image-505" /></a> <br /><br /> Here are the files used in the demo. <a href='http://dzerodesign.com/wp-content/uploads/2010/02/dataTables_jQuery-UI_demo.zip'>dataTables_jQuery-UI_demo</a> <script type="text/javascript">jQuery(function($){$(".screenshot").colorbox();})</script><img src="http://feeds.feedburner.com/~r/dzero/~4/ouowxdqhvbo" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://dzerodesign.com/archives/web-design/datatables-jquery-ui-themes/feed/</wfw:commentRss> <slash:comments>1</slash:comments> <feedburner:origLink>http://dzerodesign.com/archives/web-design/datatables-jquery-ui-themes/</feedburner:origLink></item> <item><title>Magento Administration Screencast, Part 1</title><link>http://feedproxy.google.com/~r/dzero/~3/WmHtYcYaM7k/</link> <comments>http://dzerodesign.com/archives/web-design/magento-screencast-part-1/#comments</comments> <pubDate>Fri, 05 Feb 2010 15:41:02 +0000</pubDate> <dc:creator>brandon</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[administration]]></category> <category><![CDATA[magento]]></category> <category><![CDATA[screencast]]></category><guid isPermaLink="false">http://dzerodesign.com/?p=450</guid> <description><![CDATA[Here is part one of our Magento administration screencast series. We&#8217;re putting this series together to help our clients that are new to magento familiarize themselves with administering their shopping cart. Part one is simply a jump into the shallow end to get yourself started with adding simple products.Magento Administration Screencast Part 1 from dZero [...]]]></description> <content:encoded><![CDATA[<p>Here is part one of our Magento administration screencast series. We&#8217;re putting this series together to help our clients that are new to magento familiarize themselves with administering their shopping cart. Part one is simply a jump into the shallow end to get yourself started with adding simple products.</p> <br /><p><object width="639" height="354"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9123745&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9123745&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="639" height="354"></embed></object><p><a href="http://vimeo.com/9123745">Magento Administration Screencast Part 1</a> from <a href="http://vimeo.com/user3055844">dZero Design</a> on <a href="http://vimeo.com">Vimeo</a>.</p> <img src="http://feeds.feedburner.com/~r/dzero/~4/WmHtYcYaM7k" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://dzerodesign.com/archives/web-design/magento-screencast-part-1/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://dzerodesign.com/archives/web-design/magento-screencast-part-1/</feedburner:origLink></item> <item><title>Are you riding a dinosaur?</title><link>http://feedproxy.google.com/~r/dzero/~3/5bmwd4qrmxs/</link> <comments>http://dzerodesign.com/archives/web-design/are-you-riding-a-dinosaur/#comments</comments> <pubDate>Sat, 01 Aug 2009 15:00:55 +0000</pubDate> <dc:creator>zerolux</dc:creator> <category><![CDATA[Web Design]]></category><guid isPermaLink="false">http://dzerodesign.com/blog/?p=148</guid> <description><![CDATA[Some of the biggest headaches in the Web Design &#038; Development world are caused by the program we rely on everyday for both work and play, the humble web browser.  For many professionals, it&#8217;s a valuable tool that we must wield with precision on a daily basis.  For others, it&#8217;s simply a way [...]]]></description> <content:encoded><![CDATA[<p>Some of the biggest headaches in the Web Design &#038; Development world are caused by the program we rely on everyday for both work and play, the humble web browser.  For many professionals, it&#8217;s a valuable tool that we must wield with precision on a daily basis.  For others, it&#8217;s simply a way to check their bank account or find a goofy YouTube video to share with the family.  Most have no idea just how much they might be missing, or even that they can be at risk of losing sensitive data like bank and credit card information.  This post is intended mostly for the average Joe who might use his computer a few hours a week.  I make a living with my web browser (as do many other millions), but this isn&#8217;t the case for many out there.  This is meant to help them understand just how complex the web browser world is and why it&#8217;s important to stay current.</p> <br/><p>Their are two major issues that comprise most of the browser woes.  First, there are plenty of different browsers out there to choose from (Internet Explorer, FireFox, Opera, Safari, Ice Weasel, etc.). And while having multiple choices is always a nice thing, the problem is that everyone of these browsers was created by different companies, with different programmers, so each browser has it&#8217;s own way of interpreting each web page it displays.  Sadly, because of this, it&#8217;s not uncommon for bugs and glitches to occur.  When they do pop up, they can most often be squashed by a simple software update or patch.  In a perfect world, every web browser would be updated regularly and we would all be up to date and bug free.  Sadly, this is not the case, and this leads us to our second biggest browser headache.  There are far too many folks out there who are still using outdated browsers, some almost a decade old.  For instance, one of the worst offenders in the Web world is the (still) popular Microsoft Internet Explorer 6.  It was released in 2001 yet still holds a decent size market share in the browser world.  The average American might not realize that his outdated browser is leaving him wide open for major security issues, or that upgrading will help to speed up his entire web surfing experience.  Upgrading will also insure that the web pages he visits look their best.  As I mentioned previously, some older browsers either get things wrong or can&#8217;t handle them at all, so keeping up to date will make sure you&#8217;re not missing anything.</p> <br/><p> So, what can you do?  Well, first off, no matter what particular flavor of browser you choose (FireFox, Chrome, IE), just make sure it&#8217;s up to date.  Then when installing, make sure you choose to keep automatic updates turned on (or at least manually update it often).  This will make sure that you are always up to date and that your browser is kept as fast and secure as possible.  It will also insure that every website you visit will look and function just as the designers and developers intended.</p> <br/><p> Here&#8217;s a few download links for some popular browsers: <a href="http://www.mozilla.com/en-US/firefox/personal.html">FireFox</a> <a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&#038;displaylang=en">Internet Explorer 8 <a href="http://www.google.com/chrome">Google Chrome</a></p><img src="http://feeds.feedburner.com/~r/dzero/~4/5bmwd4qrmxs" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://dzerodesign.com/archives/web-design/are-you-riding-a-dinosaur/feed/</wfw:commentRss> <slash:comments>2</slash:comments> <feedburner:origLink>http://dzerodesign.com/archives/web-design/are-you-riding-a-dinosaur/</feedburner:origLink></item> <item><title>How to help your Web Designer/Developer help you</title><link>http://feedproxy.google.com/~r/dzero/~3/s7FgwUfzpmU/</link> <comments>http://dzerodesign.com/archives/web-design/how-to-help-your-web-designerdeveloper-help-you/#comments</comments> <pubDate>Sat, 09 May 2009 20:53:29 +0000</pubDate> <dc:creator>zerolux</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[tips]]></category> <category><![CDATA[Web Development]]></category><guid isPermaLink="false">http://dzerodesign.com/blog/?p=134</guid> <description><![CDATA[The hardest part of any project is bringing all of the involved parties together, getting them all on the same page and properly setting everyone&#8217;s expectations.  If your web designer/developer knows exactly what your expectations are from the start, the faster and better he can meet them.  This is accomplished with a bit [...]]]></description> <content:encoded><![CDATA[<p>The hardest part of any project is bringing all of the involved parties together, getting them all on the same page and properly setting everyone&#8217;s expectations.  If your web designer/developer knows exactly what your expectations are from the start, the faster and better he can meet them.  This is accomplished with a bit of homework, ideally before even talking to any design firm.  We&#8217;ve compiled a few tips to help you make your experience a bit smoother and also deliver a better end result.</p> <br/><p><span style="font-weight:bold">1) Be prepared:</span> Before starting any project, a client should take the time to prepare as much information as possible and build a requirements document.  This is a detailed outline of what will be accomplished with the website/application and what is required.  You should also list any features or must-have items you want to include, once again, with as much detail as possible.  When drawing up this document, pretend you will be submitting it to a complete stranger.  Would they be able to only read this document and fully understand what you&#8217;re trying to accomplish?  It might sound like a lot of work to some but it will only help to save time and headaches both when asking for a quote and when the project actually begins.  You&#8217;ll never hear a designer or developer complain about having too much information.  This also relates to out next point&#8230;</p> <br/><p><span style="font-weight:bold">2) Be specific:</span> No one knows your business better than you.  And because of this, you can&#8217;t assume that you&#8217;re web designer has the same understanding of your company as you.  Being open and offering as much information as possible will help the designer deliver the best product possible.  Email is a common communication tool in this business, so when replying, try to be as descriptive as possible.  This will help to prevent mis-understandings and will also save time because it will help prevent follow-up clarification emails.  This makes the entire design/development process much more efficient and faster.</p> <br/><p><span style="font-weight:bold">3) Be open to ideas:</span> Sometimes the best ideas and intentions just won&#8217;t translate right onto the web.  A good designer/developer should have the confidence and knowledge to tell a customer when they think something isn&#8217;t a good idea.  A good designer/developer should also be able to suggest a better way to accomplish the same task, so make sure you&#8217;re open to ideas and suggestions.</p> <br/><p><span style="font-weight:bold">4) Be available:</span> In this business, the two biggest challenges are information and communication.  Throughout the project, the client will constantly be asked to provide approval or further clarification of something.  If a client fails to respond in a timely fashion, this can quickly take it&#8217;s toll on a projects time line.  Sadly, this is a very common problem in this industry.  It is commonly preferred to do most communication through email for both accountability and reference.  Most firms have multiple clients so it&#8217;s much easier to reference an email while working on a particular project.  With this in mind, it is recommend that the client should try to check their email more often then normal, just to prevent any delays and keep the process moving along nicely.</p><img src="http://feeds.feedburner.com/~r/dzero/~4/s7FgwUfzpmU" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://dzerodesign.com/archives/web-design/how-to-help-your-web-designerdeveloper-help-you/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://dzerodesign.com/archives/web-design/how-to-help-your-web-designerdeveloper-help-you/</feedburner:origLink></item> <item><title>My "must check" bookmark list</title><link>http://feedproxy.google.com/~r/dzero/~3/H5epPs20SZo/</link> <comments>http://dzerodesign.com/archives/web-design/my-must-check-bookmark-list/#comments</comments> <pubDate>Thu, 09 Apr 2009 21:22:31 +0000</pubDate> <dc:creator>zerolux</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Frontend]]></category> <category><![CDATA[Graphic Design]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[XHTML]]></category><guid isPermaLink="false">http://dzerodesign.com/blog/?p=60</guid> <description><![CDATA[So I&#8217;ll admit it, I&#8217;m a bookmark-aholic.  I have a folder of &#8220;must check&#8221; bookmarks that I visit either on a daily or at least weekly basis.  Most of them center around front-end web design or design in general and feature great information and resources from some of the greatest design minds on [...]]]></description> <content:encoded><![CDATA[So I&#8217;ll admit it, I&#8217;m a bookmark-aholic.  I have a folder of &#8220;must check&#8221; bookmarks that I visit either on a daily or at least weekly basis.  Most of them center around front-end web design or design in general and feature great information and resources from some of the greatest design minds on the planet.  I use them for keeping up with trends, learning new skills, inspiration, and reference.  My bookmarks are one of my most important tools and I wanted to share my &#8220;must check&#8221; list for others to use. <br /> <br /><div style="width: 280px; float: left;"><h3>General Front End Design:</h3> <a href="http://sixrevisions.com/" target="_blank">sixrevisions.com/</a> <a href="http://css-tricks.com/" target="_blank">css-tricks.com/</a> <a href="http://sharebrain.info/" target="_blank">sharebrain.info/</a> <a href="http://www.smashingmagazine.com/" target="_blank">smashingmagazine.com/</a> <a href="http://www.instantshift.com/" target="_blank">instantshift.com/</a> <a href="http://webdesignledger.com/" target="_blank">webdesignledger.com/</a> <a href="http://www.sohtanaka.com/" target="_blank">sohtanaka.com/</a> <a href="http://www.webresourcesdepot.com/" target="_blank">webresourcesdepot.com/</a> <a href="http://www.webdesignerdepot.com/" target="_blank">webdesignerdepot.com/</a> <a href="http://www.olliekav.com/" target="_blank">olliekav.com/</a> <a href="http://woork.blogspot.com/" target="_blank">woork.blogspot.com/</a> <a href="http://www.blog.spoongraphics.co.uk/" target="_blank">blog.spoongraphics.co.uk/</a> <a href="http://www.noupe.com/" target="_blank">noupe.com/</a> <a href="http://colorburned.com/" target="_blank">colorburned.com/</a> <a href="http://www.v7n.com/" target="_blank">v7n.com/</a> <a href="http://abduzeedo.com/" target="_blank">abduzeedo.com/</a> <a href="http://blog.themeforest.net/" target="_blank">blog.themeforest.net/</a></div><div style="float:left "><h3>Tutorials:</h3> <a href="http://nettuts.com/" target="_blank">nettuts.com/</a> <a href="http://www.tutorial9.net/" target="_blank">tutorial9.net/</a><h3>jQuery &amp; Development</h3> <a href="http://jqueryfordesigners.com/" target="_blank">jqueryfordesigners.com/</a> <a href="http://www.webappers.com/" target="_blank">webappers.com/</a><h3>Graphic Design &amp; Misc.</h3> <a href="http://www.underconsideration.com/brandnew/" target="_blank">underconsideration.com</a> <a href="http://www.freshbump.com/" target="_blank">freshbump.com/</a> <a href="http://ilovetypography.com/" target="_blank">ilovetypography.com/</a> <a href="http://www.mindnever.com/art/" target="_blank">mindnever.com/art/</a><h3>Social/News:</h3> <a href="http://www.designfloat.com/" target="_blank">designfloat.com/</a></div><div style="clear: left";></div><img src="http://feeds.feedburner.com/~r/dzero/~4/H5epPs20SZo" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://dzerodesign.com/archives/web-design/my-must-check-bookmark-list/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://dzerodesign.com/archives/web-design/my-must-check-bookmark-list/</feedburner:origLink></item> <item><title>A New Blogining</title><link>http://feedproxy.google.com/~r/dzero/~3/C4-IrvoGndQ/</link> <comments>http://dzerodesign.com/archives/dzero-web-design-development/a-new-blogining/#comments</comments> <pubDate>Sun, 05 Apr 2009 07:55:45 +0000</pubDate> <dc:creator>Daniel</dc:creator> <category><![CDATA[dZero Web Design & Development]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[XHTML]]></category><guid isPermaLink="false">http://dzerodesign.com/blog/?p=5</guid> <description><![CDATA[We use WordPress for a lot of our client sites and figured it was time to finally get rid of our infrequently updated clunky old blog  (backend was coded by me). For those of you who don&#8217;t know WordPress is pretty much the industry standard blogging platform these days. WordPress can be customized to [...]]]></description> <content:encoded><![CDATA[We use<a title="WordPress" href="http://en.wikipedia.org/wiki/Wordpress" target="_blank"> WordPress</a> for a lot of our client sites and figured it was time to finally get rid of our infrequently updated clunky old blog  (backend was coded by me). For those of you who don&#8217;t know WordPress is pretty much the industry standard blogging platform these days. WordPress can be customized to fit into your current site design, or you can build your whole site with it.  It has a robust administrator area for managing your users and posts. <span id="more-5"></span> With our new blogging platform in place you will certainly be hearing more from dZero in the up coming months.  We have big plans and even bigger dreams for our company. If  you are a designer, developer, client, potential client, or you are just interested in web design and web technologies check back often or just go ahead and subscribe. If you would like to add your two cents click the comments link and feel free to do so.<img src="http://feeds.feedburner.com/~r/dzero/~4/C4-IrvoGndQ" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://dzerodesign.com/archives/dzero-web-design-development/a-new-blogining/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://dzerodesign.com/archives/dzero-web-design-development/a-new-blogining/</feedburner:origLink></item> </channel> </rss><!-- This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)
Database Caching 7/13 queries in 0.004 seconds using disk

Served from: server.dzerodesign.com @ 2010-02-24 13:52:15 -->
