Monday, March 03, 2008

Site Spotlight: 16Toads.com

image
This week’s Site Spotlight features Paul Burton of 16toads.com. Below is the content of our interview.

Tell us about yourself and how you got involved in web development.

I’ve been working in the creative industry since 1995.  I began my career as an illustrator while a student at the Portfolio Center in Atlanta.  Since 1996, I’ve spent only three years working full-time for “the man” (while freelancing).  I’ve pushed myself to learn everything I could about art direction, design, web design and front-end development, motion graphics, and animation.  After the Internet bubble burst in 2001, and I found myself unemployed (from my second full-time stint), I started 16toads.com.  I haven’t looked back since.

The Portfolio Center has a reputation for producing great talent. Back then; I’m guessing most of the work was more traditional media though. What lessons or skills did you learn from there that have helped you the most with designing for the web?

Definitely.  I started at Portfolio Center in 1995, at the time when the “internet” had just been deemed a “commercial” industry by the NSF (National Science Foundation) and was nothing more than a curiosity to anyone outside of the American university system.  Web media wasn’t a lexicon on anyone’s tongues.  The lessons I learned were simple.  I was one of a handful of students who entered PC with a bachelor’s degree and a few years of “rough” experience in the real world.  The few of us who had real-life experience took our time there exceptionally seriously and treated our educations like a job, not like college.  I realized that for the school to benefit me, I would have to work three times as hard as anyone else.  I studied illustration at PC and completed their two-year program in a year and a half.  Twelve years later, I am, to the best of my knowledge, the only illustrator from my group still working in the industry in some capacity.  And, I continue to work harder than anyone else.

Tell us a little about 16toads?

The first question I am normally asked is, “Where does your name come from?” It’s a combination of my birthday and a nickname a friend gave me back in my days as an undergraduate fine art student in the studio program at the University of Utah.  Why did I choose the name?  Simple.  There were, even in 2001, far too many companies that ended their names with “ture” and “cent” and used some type of ridiculous ‘techno’ swoosh in their logo designs.  I was shooting for a memorable name that reflected my sense of humor and would lend itself to an “illustrated” look and feel.  It might sound ridiculous at first, but people remember the name and, in the end, that is all that matters.

What do we do?  Same thing as a million other independent design studios … Web design and development, branding, illustration, etc. … only, we do it all better.  We have perfected our ability to read the client’s mind.

When you started out in 2001 with 16Toads, how many clients did you start with? Do you have any funny clients or projects that you are less than proud of from the early days?

Zero.  But, truth be told, I had never given up my freelancing even when I was employed full-time, so I had six years of a reputation to build upon.  Do I have projects I am not so proud of?  No, everything I have done is phenomenal … I’m kidding, of course.

The independent design space is crowded for sure.  Can you shed a little light on what it is that you feel you do differently that helps you succeed? How does it impact your designs? 

I’m absolutely honest.  I don’t promise anything I can’t deliver and never compromise my integrity to land a job.  The result is I get to work with people who truly “want” to work with a professional designer and understand implicitly that design is process that requires their participation in order to be successful. 

I also subject myself to yearly rejection by the Communication Arts Illustration Annual to keep myself grounded.

Why did you choose ExpressionEngine for this project?

ExpressionEngine chose me.  I have experience with Drupal and Joomla on Linux and DNN for windows.  I hated working with all of them.  I am a designer, not a programmer.  As much as I know about GUI development, I am keenly aware of my coding limitations.  PHP baffles me.  I spent over a year testing and implementing CMS solutions before I, literally, stumbled across ExpressionEngine.  I was able to do two things with ExpressionEngine that I could not accomplish with any of the “open-source” solutions I have worked with:  (1) I was able to learn the code.  Granted, the learning curve was a bitch, and there were plenty of long nights filled with cursing, but I finally got there.  (2) ExpressionEngine allowed me to do the one thing none of the other CMS platforms could accomplish; ExpressionEngine allows a designer to design and wrap the CMS into the design rather than forcing the design to conform to the CMS.

Like you, ExpressionEngine kind of chose me out of frustration with all of the other systems. I tried Drupal (too confusing), Joomla (too lame) and DNN (UGHH). Can you talk a little about your experience with other systems versus ExpressionEngine?

Drupal. I hated working with it for a number of reasons, but the biggest factor in my decision to figuratively drop Drupal in the circular file revolve around templating.  Drupal templates, for me, a non-developer, were like translating the Rosetta Stone.  I started with a stock 3-column CSS/HTML template and spent countless hours trying to figure out how to adapt the template to my design.  My opinion is that it installing a CMS should not involve “hacking a template” (the results still give me nightmares).  Drupal templating simply isn’t flexible and that lack of flexibility seriously impedes the quality of the final design. It also requires far too much PHP knowledge to be of any use to a developer who is not a skilled IT person.  Not to mention, from a client standpoint, the control panel (CP) is like flying a Russian orbiter. 

On the other hand, ExpressionEngine is akin to Silly Putty.  Pull and twist it in any direction and you can make it fit virtually any design solution.  Granted, CMS is CMS and there will always be limits to how much a template can be designed, but there is simply no comparing the flexibility of ExpressionEngine with any other CMS platform. 

I’ve run out of similes.

What was the most difficult part of the site?

The first 100 hours of self-education on an earlier job prior to starting my own site rebuild.

What part of the site are you most proud of?

All of it.  I am not a programmer by nature; therefore, what may have taken a programming whiz a few hours to understand took me hours of trial and error.  Fact is, it’s not a complicated ExpressionEngine implementation, but I am thrilled with the lack of effort I now have to exert in order to update content.

Tell us about your approach to planning this site out.

Over many years, I have redesigned and rebuilt my site seven times.  Each time was an attempt to streamline the architecture and improve my ability to manage the content.  That said, I can’t really say I had a plan so much as an idea of what I did not want. ExpressionEngine allowed me to explore design possibilities and then implement the one design that would provide me with infinite scalability and ease of maintenance.

You mentioned that this is your first Expression Engine site. What lessons did you take from this one that will help you with future Expression Engine sites?

The Ellis Lab Knowledge Base talks of a “light bulb” moment.  I am not so sure I experienced that apogee … If I did; my cursing must have drowned out the light.  Nonetheless, at some point, something did click, and ExpressionEngine started to make sense.  My method of learning can be compared to forcing the square peg into the round hole, so I can’t shed any light on a particular lesson.

Can you give us some insight into how you used categories and the embeds to manage the site? 

I could have used a single weblog for most of the content entry site-wide, but I opted to create five weblogs in order to help organize the “edit” page and make searching for section-specific content easier.  Each weblog corresponds with a physical section of the site - header, left column, right column (main content), and weblog.  The “Work” weblog is the only one with page-specific criteria.  I then created categories to help manage all the content on each page.  Each weblog entries tag pulls in a specific category entry to a specific location.  I used the “limit=” parameter to control how much the layout could potentially shift vertically in a given location.

Embeds.  I embedded everything it made sense to embed.  Navigation, footer, lists, etc.  Basically, anything that I could possibly include on future expansion pages, I embedded.

Are you using any special ExpressionEngine Add-ons (modules, plugins, extensions)?

Freeform, TruncHTML, LG Social Bookmarks

Anything else you want to talk about or promote?

Recently, I launched a web site called stopworkforehire.com (which I am in the process of converting to ExpressionEngine) in an effort to educate creatives about work-for-hire and to act as a resource for independents to learn which companies utilize work-for-hire in their contracts.  Work-for-hire is a means by which companies strip our rights of copyright to the work they hire us to create and gives them carte blanche to repurpose the work for their sole profit.  Huh?  An example:  When you pay for a meal at a fine restaurant, you are paying for the right to eat what’s on your plate …Your payment does not automatically give you rights to the chef’s recipe … which you could then use to your own advantage.

Work-for-hire is a problem that has been around as long as artists have worked for companies, but it is a problem that has made resurgence in recent years due to a saturated job market and flagging economy.  As long as independents continue to sign rights-restrictive contracts, we, collectively, will never be able to negotiate fair prices and fair usage for our work and the consequence is that employers will continue to take advantage of our talents.  Educate yourself and understand that your business decisions affect everyone in the industry, not just your bottom line.  The only way this project will be successful is to find individuals who have the courage to say “no” to work-for-hire and ask them to consider supporting this effort.  Please visit www.stopworkforhire.com and judge for yourself whether or not you believe it is a worthwhile cause to support.  And, of course, if you do, spread the word.

Thanks Paul for all of your insight and entertainment! Be sure to visit 16toads.com and stopworkforhire.com when you have a chance.


Posted at 10:05 AM in Site Review
Comments (0) • PermalinkEmail this entry

Friday, February 29, 2008

Magical Mystical jQuery Tutorials

I love a good tutorials like I love women [almost]. WebDesignerWall has several great jQuery tutorials such as this:

Link: jQuery Tutorials


Posted at 02:53 PM in Tutorials
Comments (2) • PermalinkEmail this entry

Wednesday, February 27, 2008

ExpressionEngine Templates Using WordPress 1.2 CSS

ExpressionEngine user Doug Pardee shared something with me that I hadn’t noticed before. Wordpress 1.2 themes can easily be integrated into ExpressionEngine. Doug wrote the wiki page on it (Templates Using Wordpress 1.2) which explains how to do it.

You can find Wordpress 1.2 CSS templates at Alex King’s site. While the 1.2 templates may not be the greatest ever, it does give some additional starting points for templates, which seems to be needed for some using ExpressionEngine. Take a moment and checkout the wiki page when you have a chance. Thanks Doug for the links! You can check out Doug’s site at Creative Karma.


Posted at 08:11 AM in Tutorials
Comments (0) • PermalinkEmail this entry

Sunday, February 24, 2008

Site Spotlight: TheHotMag.com

image
Recently I interviewed Zlatko Najdenovski, the designer behind The Hot Mag. Below you will find the questions and answers from our interview.


Tell us about yourself and how you got involved in web development.

Well, I’m Zlatko Najdenovski and I live in Macedonia. Four years ago I started learning web design and technology in an IT academy in my home country. The courses lasted for a year and since then I have been involved in the web world where I’m constantly keeping up with the latest web technologies and design trends.

Tell us a little about TheHotMag?

It’s basically a blog, at least the community declares it as such, but my aim is to make it more like an online magazine. I decided for this celebrity niche because I found it quite attractive. TheHotMag is mainly focused on celebrities, but doesn’t exclude lifestyle and entertainment in general.


Why did you choose ExpressionEngine for this project?

The good thing about ExpressionEngine is that I have the complete freedom to modify, delete or add new functionalities to my site whenever I want and in a matter of minutes. If I had to hire a developer, it would cost me not just extra money, but extra time also. Now I’m not just a designer but a developer too, and ExpressionEngine has become my CMS of choice.

What was the most difficult part of the site?

Hmm… I’m not sure there was such a part. Thanks to the EE community I always received quick and detailed answers to all my questions during the development process.


Can you share a particular problem you ran into that the EE community helped you out with?

It seems all the folks on the EE forum are willing to spend a good amount of time to help the EE newbies (like me) with detailed answers. As for a concrete problem in my development process… well I had a few: I remember wasting hours trying to figure out how to show categories from two category groups in my articles listing. The people from the community helped me with quick answers and also suggested new ways to solve my problem.

Tell us about your plans for the future of the site.

My plans for the future are to make more unique content and if it’s profitable enough, find creative writers to write interesting stories that will attract a younger audience.

Are you using any special ExpressionEngine Add-ons (modules, plugins, extensions)?

Yes, so far I’m using “Allow EE Code”. That gives me the freedom to write EE tags in my weblog content, which I find quite useful. Soon I’m planning to implement “Gallery Categoree” and “No-follow” plug-ins.

Anything else you want to talk about or promote?

Well, again I would like to say a few nice words about ExpressionEngine. I like the complete freedom of EE and I won’t forget the helpfullness from the community forum.

Thanks to Zlatko for taking the time to share a little about his project!


Posted at 11:13 PM in Site Review
Comments (0) • PermalinkEmail this entry

Tuesday, February 19, 2008

Subtraction.com: The Switch is On

Khoi Vinh of the super-great Subtraction blog is converting his site from Movable Type to ExpressionEngine.

From the article:

To my surprise however, given a few short hours, I’ve gotten much further in getting ExpressionEngine to replicate my existing functionality than I thought I could. I literally started with zero knowledge of the software at the beginning of the week, and with less than six hours’ worth of labor, I’ve hobbled together a rough but serviceable, EE-powered re-creation of Subtraction.com.

imageKhoi provides a visual representation of the parts of the site that are powered by ExpressionEngine (in black) and the parts that are static (in red).

Check out Subtraction and the article. Don’t miss the comments from the always passionate ExpressionEngine crowd either.


Posted at 11:35 AM in News
Comments (6) • PermalinkEmail this entry
Page 2 of 13 pages  <  1 2 3 4 >  Last »