The Science of Web Art, Design and Development

Zo’C featured in Designers Who Blog

Being the author of the Zo’C Powerblogroll — A Wordpress Plugin intended to transform the bulk blogrolls commonly are into powerful link-love tools — I couldn’t resist to offer Catherine Morley my plugin when I saw her blogroll was, literally, a few hundred links long.

Cat Morley - Designers Who Blog

I could tell you myself the story of how this happened, but yesterday I’ve been the featured designer on Designers Who Blog and since Cat decided to tell it in a much funnier way I’d be able to, then you’d better just go there and read it from her.

To me it was already a reason for pride that my plugin was the base for such a giantic and useful blogroll, but, makes me even prouder to be featured shoulder to shoulder in such a front line of great designers in DWB.

And by the way, did I mention how useful her blogroll is? I can’t stress that enough! If you are looking for great design blogs to follow, you should start there.

Comments (0)

Categorizing Pages and Posts in Wordpress

Having authored a plugin to display sub categories on wordpress, I’m often faced with users that realize they can’t use categories on pages, and they turn to me to explain how can be done. This post is meant to help all these people that want to learn why they can’t use categories on pages and, show you that this doesn’t mean you can’t categorize pages at all.

Pages and subpages

Parent pages and layoutsIn a conventional CMS, pages within a web site are classified in sections and subsections. Each section tipically contain a description of what the section is about and links to its subsections and pages.

Each CMS has its own way to do it and often its own jargon but, ultimately, it is the same philosophy.

Wordpress is not different in this respect. If you want to use it to run a regular (non-blog) web-site, you can.

Wordpress has a feature called pages, which are very similar to posts in many aspects, but they differ, essentially, in the fact that there is no chronology associated to it, pretty much like traditional web pages.

In order to run a non-blog website with Wordpress, you’ll rely on pages, rather than posts, to publish your content, and this also means that the publish date of this content will be much less important than in a blog, if important at all.

That might be good enough for a small site with half a dozen pages, but what if you have slightly bigger ambitions and you need to categorize your content?

Time for an example

Say you run a cooking site (not blog!) and you need the following pages/sections: Recipes, Desserts, Nutritional facts and an About page.

Food Menu

In Wordpress, the way to do it is to create a page for each one. Each page in Wordpress can have a parent page and all pages can be parents as well. These will be the topmost pages, so they have no parent but some of these pages will also work as sections by being parents of other pages.

For the rest of the content, each time you publish a recipe, you will create a page for it, and you will set the main recipes page as a parent. In this way, all recipes are sub pages of the recipes page, and the recipes page immediately becomes a category, as much as a page.

The same goes for the recipes and nutritional facts, but let’s give a bit of attention to the about page.

Although the about page will be categorized as a root page and be on the same level than the main categories, the about page can merely be a plain a simple page with no children.

Because of the way pages are categorized as sub-pages of other pages, you don’t have to distinguish sections from regular pages. In addition, if one day you want to add sections the the about page (eg, about the authors, our history, etc) you can simply create the pages and set the about page as parent.

Thanks to the ability to create different page templates, you can even style each section or page differently.

Posts and categories

Post Categories in WordpressFor a person with a background stronger in blogs than in static websites, categories might seem missing for pages on Wordpress, but actually is the other way around. For someone coming from a static sites background, the problem might seem to be quite the opposite.

The only basic difference between pages in static sites and posts in a blog is that posts follow a chronological sequence, while pages just sit there and the sequence in which they were written is not quite important.

Although this is the only remarkable difference, this radically changes the way authors and readers approach to each kind of website, and consequently the features a CMS needs to implement for each one.

For instance, blogs are meant to be followed over time. The latest information is supposed to be the most important at a given time and that is why posts are presented in reverse chronological order. It shouldn’t have to be like this, but is quite convenient.

Now, having said that, this doesn’t imply that older posts aren’t useful, and they should be made available in and presented in an organized way. But because the chronological factor, a blog has a few extra challenges on the organization subject.

  • Usually, much more content is created for a blog than for a static site
  • With the continuous addition of new content, classifications can grow obsolete pretty quicly
  • New sections may be needed and accommodate them must be made easy
  • Posts might belong to more than one section as time goes by

Regarding a section of pages as a page on itself does make sense, but a post section being regarded as a post makes no sense at all. I explain:

A post is characterized as such by its chronological aspect while categories’ creation date on themselves usually have no importance at all. Hence, there is no sense in regarding a category as a post. Actually, if you come to think of it, this paragraph is almost unnecessary as this though is pretty much counter-intuitive.

Enter categories!

Categories are simply a name you can create and you can relate posts with, pretty much as parent pages.

And similarities don’t stop there. A category might have a parent category, just like pages.

Also, you might not be aware, but Wordpress allow you to create different pages for displaying each category, so if you have a limited number of them or if you want to highlight some, you can actually style a template that work as parent page in most aspects. But this is out of the scope of this post and in material for a future discussion.

Comments (6)

Writing the perfect blog post

My good friend Michel Martine has written Jazz Blogging - It’s the Notes You Don’t Play an excellent post in which he fiercely defends a blog post shouldn’t be perfect and shouldn’t try to be, because one of the key features of a blog is conversation and space should be left to the reader to join the discussion.

I agree with him but only in part.

read full post…

Comments (7)

On Twitter, IRC and Chat Rooms

There has been much discussion lately about twitter, how to use it and heavy criticism, so I’d share my view on twitter and tell you how I use mine.

The year of 1997 was the one I took the deep plunge on the internet and, among other things I started to use the IRC chat system heavily.

One of my favorite places was the #photoshop channel on Undernet, where Photoshop techniques and design in general were discussed all day long. I usually got there first thing in the morning and kept logged until I went back home, and checked it and participated every now and then during the day.

(Maybe IRC is too old-school for many poeple - so a quick explanation would be that is more or less like what was known like chat rooms, but wasn’t normally performed on the web, you’d use a specific client instead. Details on Wikipedia)

What did I got from it? I had the chance to:

  • Ask experts and learned a lot, since I was a newbie
  • Explain things that I had already mastered to newbies
  • Be exposed to the work of experts
  • Show my work and have opinions on it
  • Just talk to nice people

That was the base for my first personal site on that very year which was, as expected, a gallery of images and tutorials on Photoshop ;)

By that time chat rooms mushroomed all around and most people I heard were using them to chat with girls or guys and learning how to transform that into friendship/sex/engagement/whatever.

That might be also a nice purpose on itself, if you come to think of it, and some got what they wanted, but most of these people were just wasting their time at large, IMO.

How about Twitter?

Times have changed, and today, if we were to use IRC like I did back then you’d be participating in a thousand IRC channels and will be impossible to follow.

Personally, I see twitter more or less like a chat room aggregator where every user is a chatroom and your time line is your reader.

In twitter you can,

  • Ask experts and learn a lot
  • Explain things you have already mastered
  • Be exposer to good material through links
  • Show your work and get exposed
  • Just talk to nice people

And because IRC worked so well for me back then, I pretty much have the same position about it.

Again, this is not how I think Twitter should be used, this is just how I use it.

Twitter can also make you waste a lot of time as much as it allows you to build campaigns for strategic growth of your site and many other things, Just like IRC and Chat rooms before. I think what you get largely depends on you alone, who do you follow and what do you share.

Comments (0)

Tutorial: A category based archive on Wordpress

I followed Lorelle’s advice advice and added a category based archive on Zo’C’s archive page, and now I’m going to tell you how to create yours.

At the end of this post, you’ll find the complete code in a single piece.

Step 1: Create the template file and find the content area

The first thing to do is create a new template page for your theme. The easiest way to do it is by duplicating your default page template which is the file “page.php”. Login via FTP, SSH or your favorite method an copy that file to “category_archive.php” and start editing.

Edit your file so at the very beginning it has the following lines, they are responsible for telling Wordpress this is a template page and its name.

<?php
/*
Template Name: CategoryArchive
*/
?>

The reason why we copied the default page instead of starting from the scratch is that any theme has is peculiarities (footer, sidebar, header, this and that) and we want to preserve them all, we just want to change the content. So, now, you must find the content.

read full post…

Comments (26)

Snow from my window: One of the virtues of working free-lance

Snow in the rooftops

Since Sharon has shared the view from her office I decided to do the same. (In form of a slideshow: click any image on this post to see it). Luckily, being a free-lance, office means wherever I can bring my notebook to.

Today, I woke up and it was snowing. After a winter with almost no snow, it was nice to see it on the third day of spring and wanted to share some of pictures.

I’m lucky to have a beautiful view from the alps from my window so I actually like to work at home, but when whether allows I also work in the park, in the lake or I could even work in the mountain, but that would be too much effort. Generally when I go to the mountain is just for the view and the exercise.

Yep, I’m working on sunday, but I’m lucky to work with this view!

How about your view? Were do you like to work, or where you’d like to?

Update: Since the light is wonderful this evening, I’ve added some new pictures!

My window by night

Snow in the rooftops

My window by night

read full post…

Comments (10)

Animation in Photoshop - Video Tutorial

Zo’C has entered the age of video. It took me a while to get all things right, but better safe than sorry isn’t it?

I intend to periodically share some videos on web design and development things. That can be Photoshop, Illustrator, how to install a tool, CSS tricks and so on. It could just as well be about videoblogging.

For my first tutorial on this new era I’m going to teach you how to create a cool animation in Photoshop like the one on my last post about videoblogging and podcasting and I’ll show you how to export it in several video formats including Flash video, Quicktime .mov and animated Gif’s.

Have a lot of fun!

Oh, and did I mention that you can subscribe via iTunes or any other tool via media feed.

Comments (5)

Podcasting, Videoblogging and Social Screencasting: tools and ideas

Out of Syntony TVThe so called Web 2.0 is the medium where readers are also writers or, in a more general sense, consumers are also producers. Every single comment you leave on a blog is content you produce and use to expose yourself while, hopefully, contributing to the whole online community one crumb at a time.

While probloggers build monetization and authority strategies for blogs and internet media sites, millions of other people just share their pictures in social sites like flickr, videos on youtube and so on.

The curious thing is that, to a certain measure, people are more interested in spontaneity than production. The fact that most people on the internet have access to rather advanced technology, makes it less interesting to see the technology by itself and more interesting to focus on each one’s perspective and enables people to use the technology to share those unique skills and ideas each one has.

Michael Martine would go as far as to say:

Over-analyzing before you begin is the best way to kill something before it even has a chance. Just go for it.

But of course you can’t do anything if you can’t handle this technology, so here is a quick guide of interesting stuff around the web, either if you want to be a web video entrepreneur or if you just want to share videos with your friends

read full post…

Comments (14)

Happy Birthday Zo’C

2 Years of Zo’CTwo years ago on February 22, 2006, the Zo’C blog started as a personal blog and, while I’ve been working on the web for over ten years now, this was my first time blogging. The very excitement of running the blog and being a blogger designer transformed it into the professional one it is today.

Lessons learned and achievements

Two years blogging really changed my perception of the web and aside for professional opportunities I also made friends in the blogosphere. Among the best things that happened in these two years I can count:

Friends on the blogosphere
In Italy people say: “Le montagne stano ferme, ma gi uomini s’incontrano” (the mountains are still, but people meet) and that is completely true. You never know what can turn out from an aquaintance. And being friendly on the blogosphere had brought me friends and work opportunities like few times before.
Guest-blogging
I haven’t guest blogged a lot, but the three posts I wrote for Domestik Goddess (1, 2, 3) and writing for the January writing project at The Giving Hand were a door to indulge my will to write about subjects other than those of my own blog. There are so many things to write about that is a waste writing for a single blog.
The Mediterrasian Cooking Blog
One of my inspirations for having a blog, initially, was food. I’ve always loved to cook and one of food inspirations was mediterrasian.com. I can’t but be proud I’ve been invited to join them to create the MediterrasianCooking blog, officially launched yesterday.
Cultural diversilty
Thanks to my deep plunge on the blogosphere I had come to know blogs about all kinds of different subjects and their bloggers. Besides all the fun, it has been a rich cultural experience.

The road ahead

Provide more value
I think in these two years I have been too shy in submitting valuable day-by-day content and have focused too much on big discussions. I intend to add more tutorials and doable stuff. Make it a blog more result-oriented that it has been so far.
Video and podcasting
I had a very pleasant experience publishing my first two videos, I’m willing to do more. And I like to combine this with the previous topic: tutorials and results.
More regular posting
I hadn’t been very nice in being predictable. My post frequency is “about once a week”, but just looking to the archive you can see one can see that I should try it a little harder.
More out links
I read a lot of things on the web, really a lot. Yet, I link back in very modest amounts. This is not because I like it this way, it just happened. I want to engage this blog on a bigger discussion with other blogs and links exist for this purpose.
More comments
It must be something with my writing style, because despite the reasonable high number of visits and subscribers, there aren’t as much comments as I’d like. I’ll have to work out a way to make the readers more welcome to join the discussions.
More guest blogging
Definitely, as a blogger, writing is intransitive: You have to write! And it is a pity to be restricted at your blog’s subject. I see myself guest-writing a lot more and maybe I should open the door for some guest-posts here in Zo’C.
Comments (20)

New blog: Mediterrasian Cooking

MediterAsianCooking.com logoBack in the old cooking times of Zo’C, when it was more personal than anything else, one of my main inspirations for content was MediterrAsian.com.

I’m proud to say that a few months ago, I was invited by the talented MediterrAsian team to join them on a blog project Olive Branch and today we are launching a multi author blog named “MediterrAsian Cooking“.

Mediterrasian Cooking is a blog to share cooking experiences and ideas based on the concept that Asian and Mediterranean food is not only delicious, but a great source of health.

You don’t have to enjoy the site with moderation, it is quite healthy, use it a much as you want.

By following some principles contained on these cuisines and lifestyles you can live longer and better and have more fun out of food and life. After all, who doesn’t like to eat Italian, Greek, Chinese, Japanese, Lebanese, Thai, Korean? And the list goes on.

The blog is authored by Ric Watson and Trudy Thelander from the original team and have been joined by Emily Seah and me. The blog was co-designed by Ric and me based on the mediterrasian site.

And the best part. You don’t have to enjoy it with moderation, you can have as much as you want, because despite its great flavor, is quite healthy, you can use it on every meal.

Comments (0)