
<?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>JJMelo &#187; Design</title>
	<atom:link href="http://jjmelo.com/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://jjmelo.com</link>
	<description></description>
	<lastBuildDate>Tue, 01 May 2012 20:33:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>2012 New Redesign &#8211; finally got around redesigning my own site</title>
		<link>http://jjmelo.com/blog/2012-new-redesign/</link>
		<comments>http://jjmelo.com/blog/2012-new-redesign/#comments</comments>
		<pubDate>Fri, 17 Feb 2012 09:37:19 +0000</pubDate>
		<dc:creator>jjmelo2012</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://jjmelo.com/?p=621</guid>
		<description><![CDATA[I&#8217;ve finally updated my site&#8217;s look and feel! I finally got around to designing and coding a brand-spankin&#8217; new theme for this very own site. Last time I re-themed my site was about 3 years ago. I also did some architectural changes to this site: I did a clean install of WordPress on the root of the site, imported all my old articles and got rid of the old index file that redirected to /blog. I am still tweaking content &#8230;]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve finally updated my site&#8217;s look and feel! I finally got around to designing and coding a brand-spankin&#8217; new theme for this very own site. Last time I re-themed my site was about 3 years ago. I also did some architectural changes to this site: I did a clean install of WordPress on the root of the site, imported all my old articles and got rid of the old index file that redirected to /blog. I am still tweaking content and design around, but at this point I&#8217;m 99% done. So, what do you think of this new design? Please let me know in the comment section.</p>
<p><a title="photo credit" href="http://www.flickr.com/photos/creative_stock/6603724951/" target="_blank">[Photo credit]</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jjmelo.com/blog/2012-new-redesign/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Redesign Explained</title>
		<link>http://jjmelo.com/blog/redesign-explained/</link>
		<comments>http://jjmelo.com/blog/redesign-explained/#comments</comments>
		<pubDate>Fri, 13 Feb 2009 03:03:00 +0000</pubDate>
		<dc:creator>jjmelo2012</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured Articles]]></category>
		<category><![CDATA[WordPress.]]></category>

		<guid isPermaLink="false">http://www.jjmelo.com/blog/?p=282</guid>
		<description><![CDATA[As you can see if you are an old blog visitor, I&#8217;ve changed the appearance of things around here. This time, I didn&#8217;t create my own theme, I went the classic &#8220;buy a premium theme&#8221; route, and I&#8217;m quite happy with the results. My past experience with my creating my last two themes was very helpful; I learned a lot about the inner workings of WordPress, even though I didn&#8217;t create the theme completely from scratch, I went the Sandbox &#8230;]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-283   alignnone" src="http://www.jjmelo.com/blog/wp-content/uploads/picture-11.png" alt="" width="317" height="56" /></p>
<p>As you can see if you are an old blog visitor, I&#8217;ve changed the appearance of things around here. This time, I didn&#8217;t create my own theme, I went the classic &#8220;buy a premium theme&#8221; route, and I&#8217;m quite happy with the results. My past experience with my creating my last two themes was very helpful; I learned a lot about the inner workings of WordPress, even though I didn&#8217;t create the theme completely from scratch, I went the <a title="Sandbox" href="http://www.plaintxt.org/themes/sandbox/" target="_blank">Sandbox route</a> (who starts any coding project now a days with out some sort of recycled code, anyway?).</p>
<p><span id="more-282"></span></p>
<p>I decided I didn&#8217;t want to redesign a code myself and rather spend that time writing instead of designing. So I searched the web a while, exploring the premium WordPress websites out there until I found exactly what I needed; a subscription site with a all-you-can-download model with a very good price point. <a title="Elegant Themes" href="http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=980" target="_blank">Elegant Themes</a>, $20 for a year, where I have access to their growing library of themes, all of which are professionally designed and supported. I will also have access to all their new themes, for as long as I&#8217;m a paying subscriber. </p>
<p style="text-align: center;"><a href="http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=980"><img class="aligncenter size-full wp-image-284" src="http://www.jjmelo.com/blog/wp-content/uploads/picture-2.png" alt="" width="544" height="126" /></a></p>
<p>I modified the included logo of the theme I decide to use using the included PSD file, which is extremely helpful. Then I read the readme file included with the download and installed the theme. Everything went smooth and without a hitch, but if something were to arise, their support and forums are awesome (I had to seek help using another theme for an upcoming project). </p>
<p>If you are on the market for a new theme, and a free theme or making a theme yourself aren&#8217;t really an option, <a title="Elegant Themes" href="http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=980" target="_blank">check them out</a>, you can see all their themes as demos and their support for installation is great.  Since I can use as many themes as I like, I&#8217;ve started a <a href="http://julianpresentstrailers.com">new secret project</a>, something I&#8217;m trying to keep under wraps until its ready to launch. Oops.</p>
<p><em>#Disclaimer#: I discovered they have an affiliate program so I became a member and if you end up buying, I&#8217;ll get a commission, nothing big, but worth monetizing if possible. I wouldn&#8217;t be writing about them if I wouldn&#8217;t think their product is awesome, and hey, I&#8217;m a paying customer myself. I&#8217;ve also added a 125&#215;125 link on my sidebar. </em></p>
]]></content:encoded>
			<wfw:commentRss>http://jjmelo.com/blog/redesign-explained/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I&#039;ve started a new blog&#8230;here&#039;s how.</title>
		<link>http://jjmelo.com/blog/ive-started-a-new-blog-heres-how/</link>
		<comments>http://jjmelo.com/blog/ive-started-a-new-blog-heres-how/#comments</comments>
		<pubDate>Tue, 22 Jan 2008 11:19:26 +0000</pubDate>
		<dc:creator>jjmelo2012</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[WordPress.]]></category>
		<category><![CDATA[autism chronicles]]></category>
		<category><![CDATA[new blog]]></category>

		<guid isPermaLink="false">http://www.jjmelo.com/blog/2008/01/22/ive-started-a-new-blog...heres-how.</guid>
		<description><![CDATA[I did it. I bought a nice domain name (did I?), I set up WordPress and a new theme and I&#8217;ve setup a new blog for my girlfriend. She&#8217;s a behavior therapist that works with autistic children and I thought that the premise of a blog from the perspective of a therapist would be interesting. There is quite an extensive network of autism-related blogs out there, but most are from the perspective of the parents of autistic children. Check out &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://autismchronicles.com" target="_blank"><img src="http://www.jjmelo.com/blog/wp-content/uploads/ac.jpg" alt="ac.jpg" /></a></p>
<p>I did it. I bought a nice domain name (did I?), I set up WordPress and a new theme and I&#8217;ve setup a new blog for my girlfriend. She&#8217;s a behavior therapist that works with autistic children and I thought that the premise of a blog from the perspective of a therapist would be interesting. There is quite an extensive network of autism-related blogs out there, but most are from the perspective of the parents of autistic children. Check out the site at <a href="http://autismchronicles.com" target="_blank">http://autismchronicles.com</a>. After setting up the new blog, I thought that the documenting the whole process of starting a new blog would be interesting, so here goes.</p>
<p>1. Found a subject matter. I think this is the most important step for anyone planning on starting out a new blog. I&#8217;ve seen many blogs out there without a defined subject matter, which I guess isn&#8217;t wrong, <span id="more-184"></span>but I believe that successful blogs have defined subjects matter, i.e. <a href="http://JohnChow.com" target="_blank">JohnChow.com</a>, making money online, <a href="http://Gizmodo.com" target="_blank">Gizmodo</a>: gadgets and technology. In my case the subject matter for this new blog is quite clear, as I said, my girlfriend will blog about her daily experiences with autistic children and autism in general.</p>
<p>2. Got a domain name. I aimed for something memorable, short and relevant. Finding a good domain out there is not an easy task, so need be be creative. Also, try to stick to .com&#8217;s and .net&#8217;s.</p>
<p>4. Installed WordPress. I like WordPress and they have a huge momentum behind them. The WP community is very active and very helpful. For me, installing WP is very easy, thanks to Dreamhost&#8217;s one-click-installs, but most hosting providers out there offer automated ways of installing WP. If your host doesn&#8217;t offer this, I would suggest heading over to <a href="http://http://codex.wordpress.org/Installing_WordPress" target="_blank">WP&#8217;s official docs</a>.</p>
<p>5. Got a theme. In this case I used <a href="http://www.adii.co.za/2008/01/19/ungrid/" target="_blank">Adii&#8217;s recently launched unGrid theme</a>. I did a bit of customization by means of creating my own logo. Also, in the beginning don&#8217;t focus too much on the design of your blog (there are plenty of very attractive free themes out there), but focus mainly on your content. Its your content that will keep bringing people back to your blog, not the design. Either chose one of <a href="http://themes.wordpress.net/" target="_blank">many freely available themes</a>, <a href="http://www.wpdesigner.com/2007/08/08/how-to-design-a-wordpress-theme/" target="_blank">design your own</a> or <a href="http://www.uniqueblogdesigns.com/DesignServices/Default.aspx" target="_blank">hire someone to design it for you</a>. If you are low budget I would stick to a free theme, which can be easily customized.  More on <a href="http://codex.wordpress.org/Using_Themes/Theme_List" target="_blank">WP can be found here.</a></p>
<p>6. Forgot about monetization (at least at the beginning). Sure, one motivation for starting a blog is probably the making-money factor, but in order to make money you need traffic so again, focus on your content. For Autism Chronicles, I have not placed any ads and I&#8217;m not planning on doing that anytime soon.</p>
<p>7. Started blogging. My girlfriend will be the primary author on this blog, since she&#8217;s the one with the experience, but I will contribute by helping her socializing online (linking and participating on other blogs) and by posting autism-related articles in the news.</p>
]]></content:encoded>
			<wfw:commentRss>http://jjmelo.com/blog/ive-started-a-new-blog-heres-how/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>My blog&#039;s new design</title>
		<link>http://jjmelo.com/blog/my-blogs-new-design/</link>
		<comments>http://jjmelo.com/blog/my-blogs-new-design/#comments</comments>
		<pubDate>Tue, 15 Jan 2008 10:08:44 +0000</pubDate>
		<dc:creator>jjmelo2012</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.jjmelo.com/blog/2008/01/15/my-blogs-new-design</guid>
		<description><![CDATA[I launched this new design about 2 weeks ago, and just until now I realized that I needed to write about it. First, let me give credit where credit is due. I did not write the entire theme by myself, as a matter of fact, I didn&#8217;t write any of it, I just modified and added lines of code (mostly CSS). I did all this thanks to Sandbox, which is basically a clear canvas for people who want to start &#8230;]]></description>
			<content:encoded><![CDATA[<div align="center"><img src="http://www.jjmelo.com/blog/wp-content/uploads/newlogo1.jpg" alt="newlogo1.jpg" /></div>
<p>I launched this new design about 2 weeks ago, and just until now I realized that I needed to write about it. First, let me give credit where credit is due. I did not write the entire theme by myself, as a matter of fact, I didn&#8217;t write any of it, I just modified and added lines of code (mostly CSS). I did all this thanks to <a href="http://www.plaintxt.org/themes/sandbox/" target="_blank">Sandbox</a>, which is basically a clear canvas for people who want to start out making WP designs. I did run into some trouble making the whole thing centered, but nothing too complicated.</p>
<p>I started out with the new logo design in Photoshop CS3. Tried out some new fonts (after installing 4200 of them, which I had archived) and came out with the new JJMELO wording. Then I took one of my favorite pictures (the biplane, <a href="http://www.jjmelo.com/blog/wpg2?g2_itemId=6321" target="_blank">original here</a>) and turned into a vector file with Illustrator CS3. Then I made a shield (learning how to use the pen tool in Illustrator) and put the plane on top.  After that I installed the Sandbox theme then used Dreamweaver to modify it to my liking and about 4 hours later, this is what I got.</p>
]]></content:encoded>
			<wfw:commentRss>http://jjmelo.com/blog/my-blogs-new-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dumbfile&#039;s Redesign</title>
		<link>http://jjmelo.com/blog/dumbfiles-redesign/</link>
		<comments>http://jjmelo.com/blog/dumbfiles-redesign/#comments</comments>
		<pubDate>Tue, 30 Oct 2007 11:28:48 +0000</pubDate>
		<dc:creator>jjmelo2012</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Ranting]]></category>

		<guid isPermaLink="false">http://www.jjmelo.com/blog/2007/10/30/dumbfiles-redesign</guid>
		<description><![CDATA[Many of you already know about Dumbfiles, which is one of our company&#8217;s own projects. If you don&#8217;t, let me get you up to speed. Dumbfiles is a free one-click file uploading service that absolutely blows the competition out of the water when it comes to features: Upload unlimited files (up to 1GB each file) 20 at a time. Unlimited Downloading of files (so you can share the link!) No waiting in between files. Set up personalized banners for files &#8230;]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jjmelo.com/blog/wp-content/uploads/olddflogo2.jpg" style="border-width: 0px; margin: 5px 10px 5px 5px" alt="olddflogo" border="0" height="160" width="468" /><br />
Many of you already know about <a href="http://dumbfiles.com" target="_blank">Dumbfiles</a>, which is one of our company&#8217;s own projects. If you don&#8217;t, let me get you up to speed. Dumbfiles is a free one-click file uploading service that absolutely blows the competition out of the water when it comes to features:<span id="more-152"></span></p>
<ul>
<li>Upload unlimited files (up to 1GB each file) 20 at a time.</li>
<li>Unlimited Downloading of files (so you can share the link!)</li>
<li>No waiting in between files.</li>
<li>Set up personalized banners for files (for free)</li>
<li>No premium accounts, everyone gets all the bandwidth (huge pipe)</li>
<li>The wait is only 5 seconds for members and 10 seconds for non-members, while we prepare the download.</li>
<li>Unobtrusive ads and no hassles asking you to join for a daily/monthly/annual/ fee.</li>
</ul>
<p>We conceived it about 2 months ago after seeing how the many other free file host <em>suck</em>. We decided to launch the first phase as an experiment, at the beginning of September, sprinkling in a bit of Adsense here and there. Along the way, we added new features, like personalized ads, which were a big hit with the file uploaders.</p>
<p><!--more--></p>
<p>A month later, we saw huge growth, bigger that we had imagined. We had made a nice amount of $$ with Adsense, so we decided to redesign the whole thing, add a bunch of features and include different type of ads (of the adult type). We worked on the redesign and the new features for a whole week, spending the most part of the day and night on it. Now, lets get to the before and after shots.</p>
<p>Main Page:</p>
<p>Before: <a href="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles1.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles1-thumb.jpg" id="id" style="border-width: 0px" alt="dumbfiles1" border="0" height="172" width="244" /></a></p>
<p>After  <a href="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles1n.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles1n-thumb.jpg" style="border-width: 0px" alt="dumbfiles1n" border="0" height="161" width="244" /></a></p>
<p>The first thing you notice about the redesign is the new logo. I like to think that the new one is a bit more modern. It did take longer to design.</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/oldlogo.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/oldlogo-thumb.jpg" style="border-width: 0px" alt="oldlogo" border="0" height="136" width="333" /></a>  Old Logo</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/newlogo.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/newlogo-thumb.jpg" style="border-width: 0px" alt="newlogo" border="0" height="104" width="362" /></a> New Logo</p>
<p>The account page has been completely redesigned. We&#8217;ve sprinkled AJAX magic in it through-out. We eliminated tables and changed the colors. Also, the uploading feature has been included directly in the account page.</p>
<p>Before:<a href="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles2.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles2-thumb.jpg" style="border-width: 0px" alt="dumbfiles2" border="0" height="172" width="244" /></a></p>
<p>After: <a href="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles2n.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles2n-thumb.jpg" style="border-width: 0px" alt="dumbfiles2n" border="0" height="161" width="244" /></a></p>
<p>The upload page been moved and is now our secondary way to upload. Now this is what you get when you click on the Upload button (and agree to our ToS first):</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles6.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles6-thumb.jpg" style="border-width: 0px" alt="dumbfiles6" border="0" height="161" width="244" /></a></p>
<p>The download page, where the grand majority of the ads get displayed has had a complete overhaul. It was  probably the one that took the longest to redesign. Unfortunately I didn&#8217;t get a screenshot of it, but here&#8217;s the new version (but trust me, the old one wasn&#8217;t great).</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/dl.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dl-thumb.jpg" style="border-width: 0px" alt="dl" border="0" height="161" width="244" /></a></p>
<p>And this is the Download page you get when the file (or the user) has been tagged as adult-content.</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/dlc.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dlc-thumb.jpg" style="border-width: 0px" alt="dlc" border="0" height="161" width="244" /></a>  This prevents (or at least makes people verify) that they are 18 years old or over.</p>
<p>This is the &#8220;adult&#8221; file download page. NSFW</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/dla.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dla-thumb.jpg" style="border-width: 0px" alt="dla" border="0" height="161" width="244" /></a> Notice that all the Google Adsense have been removed, and the &#8220;adult&#8221; themed banners get displayed (we also have the ability to track each one the the banners to keep and eye on their performance).</p>
<p>Another big improvement we&#8217;ve made is the search page. We relied on tables and it wasn&#8217;t to eye pleasing. Take a look:</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles41.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles4-thumb1.jpg" style="border-width: 0px" alt="dumbfiles4" border="0" height="172" width="244" /></a>Search Page</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles5.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles5-thumb.jpg" style="border-width: 0px" alt="dumbfiles5" border="0" height="172" width="244" /></a> Search results</p>
<p>Now, the search feature is directly on the main page, as week as on the account pages, so there&#8217;s no need for a separate page for the main search feature. This is how the results are displayed, with the adult filter on:</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles5n.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles5n-thumb.jpg" style="border-width: 0px" alt="dumbfiles5n" border="0" height="161" width="244" /></a></p>
<p>With the adult filter off:</p>
<p><a href="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles5n2.jpg"><img src="http://www.jjmelo.com/blog/wp-content/uploads/dumbfiles5n2-thumb.jpg" style="border-width: 0px" alt="dumbfiles5n2" border="0" height="161" width="244" /></a></p>
<p>So, hopefully we&#8217;ll be able to grow a lot with all these new features and the redesign. We spent only only about a week redesigning this thing from scratch (which doesn&#8217;t seem a lot, be we&#8217;re just a team of 2). Check the site for yourself, or rather why don&#8217;t you go over to <a href="http://dumbfiles.com" target="_blank">Dumbfiles, and sign up today! Its free!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jjmelo.com/blog/dumbfiles-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

