Dec 12

ThemeForest Week In Review

Sat, 12/12/2009 - 01:08 — julie

This week we have a great interview with rockstar author target="_blank" href="">Kriesi. We’ve also seen the launch of target="_blank" href="">CodeCanyon and a new marketplace “Buy Now” option, along with lots of spectacular new items.

Interview with Christian ( >Kriesi)

Christian is one of ThemeForest’s most prolific authors with nearly 7,000 sales and a growing portfolio of nearly 20 items. This week I’ve asked Christian to answer a few questions and here’s what the 27 year old rockstar author had to say.

class="postimage-center"> target="_blank" href=""> src="" alt="Kriesi's Profile" width="590" height="242"/>

Q #1: When creating a new template for Theme Forest, what aspects are top priority and why?

A: “My 3 Main concerns are”

  • Design – of course this is one of the main reasons why customers purchase a template.
  • Quality of code (php, as well as HTML Markup, CSS and JavaScript) – I believe once you get a customer to purchase a theme, he will only return and buy if he was able to easily adapt the theme to his needs. This means that clean coding is mandatory.
  • Features – Build a good amount of features into your theme. Slideshows, Lightboxes, Additional option Pages, Multiple Skins etc.

“Most customers wont need every feature you build into a theme but you can make your files more interesting (and also increase the price) by adding some valuable features. Just be careful to not overdo it. No one needs an WordPress option page for selecting one of 8 Lightboxes and 12 different jQuery Slideshows src='' alt=':)' class='wp-smiley'/> ”

Q #2: Can you briefly walk us through your process of creating a theme or template and the time it takes from start to finish?

A: “I almost always start with designing in Photoshop. As most of my fellow designers have experienced themselves, this can last anywhere from a day for a whole template if inspiration strikes me, to 1 or 2 Weeks till I am happy with a layout. When I am done layouting the front page as well as 1 or 2 sub pages, I start coding the HTML only Version.

Depending on the Template and the JavaScript involved, the whole PSD to HTML step usually takes around 20-30 hours. Sometimes a little more since during this step I still tend to play with the design a little bit and add or remove details. Thats why my HTML version almost never looks exactly like the Photoshop File src='' alt=':)' class='wp-smiley'/>

This is one of the things I like most when working for ThemeForest projects. Without a real deadline, these Steps always last longer than with a normal client but most of the time I am way more satisfied with the outcome src='' alt=':)' class='wp-smiley'/>

Then the HTML theme hits the Marketplace and if people like it I start building the WordPress Version. Again depending on the theme I would say my average HTML to WordPress step lasts 20-40 hours.

So as you can see I am not especially fast when creating themes, that’s why there are almost never more than 1 HTML and 1 WordPress template per month, but I try to deliver my absolute best with every new release.”

class="postimage-center"> target="_blank" href=""> src="" alt="Display 3 in 1 - Business & Portfolio HTML Theme" width="590" height="300"/>

Q #3: The review process can seem tricky at times. As you’ve had quite a bit of experience with it, what are some tips you would give to authors just starting out?

A: “If you are new to one of the marketplaces chances are high that your first few submissions will get rejected. Don’t take it personally, it happened to most authors here, including me. Everyone knows that it’s not particularly exciting to get a theme rejected that you have crafted with passion, but you need to take this as a chance to step up your game. Do the improvements suggested by the reviewer and also make use of the marketplace community, which is VERY helpful (more than I’ve ever seen in any other forum). If you ask, you will always find someone who helps you out with some quick tips.”

Q #4: What are your top five pet peeves in design or web development?

  1. Should I even name it? IE6 of course is the unrivaled #1 src='' alt=':)' class='wp-smiley'/>
  2. Clients who want everything for nothing and
  3. Customers who use you as their pixel pushing tool of choice src='' alt=':)' class='wp-smiley'/>
  4. Unstable programs – Hi Photoshop
  5. “13-year-old arguments (e.g. liquid vs. fixed width) that will never be resolved because the right answer is, it depends on the project.” (by Jeff Zeldman, so true)

Q #5: What are three of your favorite features used in websites?

  1. I love the rise of unobtrusive javascript and the possibilities that came with this. The things I love the most are features that make my browsing experience faster. src='' alt=':)' class='wp-smiley'/> /> Javascript/Ajax Tabs, Image Tooltips or Lightboxed Gallerys for example.
  2. Social Bookmarking/Retweeting – cant even count the interesting articles I’ve read because others discovered them for me… thanks src='' alt=';)' class='wp-smiley'/>
  3. I also love CSS-only tricks. Those which when you see them for the first time are so mind boggling that you would bet any amount that there is some sort of javascript involved. src='' alt=':)' class='wp-smiley'/>
class="postimage-center"> target="_blank" href=""> src="" alt="Levitation Wordpress Business & Portfolio - 4 in 1" width="590" height="300"/>

Q #6: What do you usually use purchased items for and what are a couple tips you can share, from a buyers perspective, to help authors increase sales?

A: “I buy marketplace items for 3 reasons:”

  1. To save time
  2. To get something which I couldn’t do on my own, which leads to #3
  3. To learn

“If a customer asks me for a feature for his website I would always consider buying it for a cheap price here, but only if it is well documented and if the author offers support. There is no point in spending 20 bucks and then needing to wade through undocumented code without any guidance, maybe in a script language that I barely understand (like Actionscript for example) and wasting my time.

So saving time is in any case an absolute necessity. I often buy stuff like flash files and after effects projects, most of the time for non- commercial projects, and I buy them because they are so stunning that I would need to spend 2 years of learning to do something equally amazing src='' alt=':)' class='wp-smiley'/>

And whilst I am working with these files I improve myself and most of the time also get new insights on how others work, that’s pretty near. src='' alt=':)' class='wp-smiley'/> ”

Q #7: What are some tips or words of wisdom you would like to share with our readers?

A: “I consider myself to be to young to spread wisdom, especially because I think I had more luck than judgement when I look back at the last year src='' alt=':)' class='wp-smiley'/>

I can only repeat what I already said when talking to Jeffrey for Nettuts: Learn from your mistakes, listen to reviewers and customers and improve with every file you release and you will succeed. It happened to me, it can also happen to you src='' alt=':)' class='wp-smiley'/> ”

- -

Thanks for taking the time to answer these questions Kriesi!

class="postimage-center"> target="_blank" href=""> src="" alt="Kriesi's Portfolio" width="600" height="107"/>

Notable Additions to the Forest

This week we’ve got seven great new items to check out, starting with Email Templates. Don’t forget though that there are target="_blank" href="">boatloads of amazing new items each week just as worthy of your attention, so be sure to check those out as well.

[Email Templates] target="_blank" href="">Versatile Email Template – 7 layouts + 5 colors

class="postimage-center"> target="_blank" href=""> src="" alt="Versatile Email Template - 7 layouts + 5 colors" width="590" height="300"/>

“Versatile is a professional HTML email template!”

This email template has 7 pre-built layouts, 5 color schemes, layered PNG source files and many more options and features.

[Email Templates] target="_blank" href="">TechOffers – Multipurpose Minimalist Newsletter

class="postimage-center"> target="_blank" href=""> src="" alt="TechOffers - Multipurpose Minimalist Newsletter" width="590" height="300"/>

“TechOffers email template has been specially crafted with a clean and neat newsletter template in mind.”

[PSD] target="_blank" href="">#1 Business layered .PSD template // adaptable.

class="postimage-center"> target="_blank" href=""> src="" alt="#1 Business layered .PSD template // adaptable." width="590" height="223"/>

“This is a COMPLETE layered .PSD template with Web 2.0 look & feel for business companies.”

[HTML] target="_blank" href="">Durable Business & Portfolio Html Template

class="postimage-center"> target="_blank" href=""> src="" alt="Durable Business & Portfolio Html Template" width="590" height="300"/>

“The home page includes custom 3d style slider that allows you to change the slides using different transitions which can be editable via config.xml file. Highly customized About Page, Blog Page, Portfolio Page and Services Page, you are able to edit each block as i have well commented each code.”

[HTML] target="_blank" href="">Chapter 26 – Minimal HTML theme

class="postimage-center"> target="_blank" href=""> src="" alt="Chapter 26 - Minimal HTML theme" width="590" height="300"/>

“Chapter26 is a minimal, clean and fresh HTML /CSS theme geared towards portfolio/marketing, although the layout can be used in many different contexts. This theme is packed full of features and subtle effects that really make it fun to use as well as view.”

[WordPress] target="_blank" href="">Centivio – Business Wordpress Theme – 10 Colors

class="postimage-center"> target="_blank" href=""> src="" alt="Centivio - Business Wordpress Theme - 10 Colors" width="590" height="300"/>

“Centivio is clean web 2.0 style wordpress theme for business, company and corporate website. This theme comes with 10 color options for this theme for you can easily choose the color base on your business brand.”

[WordPress] target="_blank" href="">Delicious photography

class="postimage-center"> target="_blank" href=""> src="" alt="Delicious photography" width="590" height="300"/>

“This theme gives a nice flash-like experience while browsing the site. Theme will suits best for photographers or other artists who want to showcase their work in a very modern and unique way.”

More Great ThemeForest Items

These are some seriously great templates, themes and scripts but don’t forget that there’s lots more! View them target="_blank" href="">here!

class="postimage-center"> target="_blank" href=""> src="" alt="all-files" width="600" height="443"/>


class="postimage-center"> target="_blank" href=""> src="" alt="CodeCanyon" width="600" height="478"/>

If you’re wondering where all the JavaScript and PHP Scripts ran off to, take a peek at Envato’s new marketplace – target="_blank" href="">CodeCanyon. They’ve taken the popular and rapidly growing selection of scripts and programming related items and given them their own fantastic new home. Make sure to check it out and get in on the action!

class="postimage"> src="" alt="blog-screenshot" width="200" height="118"/>

Blog Review

This week’s fantastic blog posts (and last week’s review src='' alt=';-)' class='wp-smiley'/> ).

class="postimage"> src="" alt="forum-screenshot" width="200" height="210"/>

Chatter In The Forest

Here’s some notable forum threads you might’ve missed.

Web Roundup

There’s a tremendous amount of information on the web and it’s not always easy to find the cream of the crop. Here are some great tutorials and articles from around the web that are definitely worth checking out.

class="postimage" target="_blank" href=""> src="" alt="Top 15+ Best Practices for Writing Super Readable Code" width="200" height="200"/>

target="_blank" href="">Top 15+ Best Practices for Writing Super Readable Code

Code readability is a universal subject in the world of computer programming. It’s one of the first things we learn as developers. Readable and maintainable code is something to be proud of in a finished product. We can share it with others, contribute to other projects, and reuse code from applications we wrote months or even years ago.

This article will detail the fifteen most important best practices when writing readable code.


class="postimage" target="_blank" href=""> src="" alt="JavaScript from Null: Video Series" width="200" height="200"/>

target="_blank" href="">JavaScript from Null: Video Series

Thanks to the wide adoption of libraries like jQuery and Mootools, JavaScript’s popularity has skyrocketed in the last few years. However, in the process, an interesting thing occurred: many newer developers are learning these libraries without taking the time to actually learn about raw JavaScript techniques. What percentage of jQuery users don’t know how to fade out an element with only raw JS? My guess is that it’s much higher than many would think.

If you want to truly understand the library you’re working with, and improve your skill-set, it’s vital that you learn the fundamentals of raw JavaScript.

This screencast series focuses exclusively on JavaScript, and will take you from your first “Hello, World” alert up to more advanced topics.


class="postimage" target="_blank" href=""> src="" alt="33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles" width="200" height="200"/>

target="_blank" href="">33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles

Since previous article about CSS text effects got really big attention I decided to research and find more interesting articles and websites just focused on CSS3, teaching you how to use it, showing pros and cons and much more. To be honest it’s hard for me to keep up with technologies myself, but we really cannot not to use those new great selectors to make our designs even more beautiful, user-friendly and lightweighted. However since HTML5 is sort of tied with CSS3, I will soon continue with HTML5 article as well, so don’t miss it and keep coming back! Enjoy!


class="postimage" target="_blank" href=""> src="" alt="Best of CSS Design 2009" width="200" height="200"/>

target="_blank" href="">Best of CSS Design 2009

Since 2007, every year I do a round up of best of CSS from target="_blank" href="">Best Web Gallery (check out target="_blank" href="">07 and target="_blank" href="">08 collection). Well, it is the time of the year again — Best of CSS Design 2009. This year I’ve selected another 50 nicely designed web sites. Among the list, I notice a lot of them are minimalistic design with beautiful serif fonts. The grungy and sketchy styles are still strong. However, the target="_blank" href="">large background is no longer as hot as in 2008, instead, texturized background is popular in 2009.


class="postimage" target="_blank" href=""> src="" alt="Letting Go of John Hancock" width="200" height="200"/>

target="_blank" href="">Letting Go of John Hancock

As competition strengthens, every step is vital in making or breaking a deal. Because clients expect everything to be faster, better, and simpler, web professionals must take an instant, foolproof, paperless, modern approach to how clients approve proposals and sign contracts. These documents speak volumes: After all, they are often your first chance to showcase your approach to doing business. I have a way to allow clients to submit legally binding signatures through a web page or PDF file—preserving the classic “signature” aspect while eliminating the most archaic requirements of many modern proposals and contracts. Let’s see how it works.


Copyright 2009. E-mail Me
Auto Spare Parts