When you export graphics to be used in web pages, file size is important and for as obsolete as Gifs may seem to the eyes of some, don’t be mistaken,
the indexed color system isn’t going anywhere. Even if Gifs are a bit in decline, Png files can use the indexed color system and this is actually very useful.

Despite the predominance of Jpegs and support to millions of colours, many images are simple enough that they could benefit of using more modest color systems
like indexed color which allows for up to 256 colours but allows you to control with precision which colours these would be and exactly how many, allowing for
extremely compact image sizes.

The RGB system allows you to represent up to 16,777,216 colours. Each colour is represented by 24bits; 8 bits for each of the red, green and blue channels.

This is the cost of having a wide colour spectrum for an image, which is much welcome for that picture you took at the paradisiac island you went on your last holidays.
You need blues and greens for skies and sea, yellows, oranges and reds for the flowers and exotic birds and so on. You can’t settle for less.

Now, how about the icons on your navigation bar? Say they are 16px tall and 16pixels wide. They have only 256 pixels overall, so you can’t possibly have more
than 256 colours, even if no two pixels share the same.

Of course is very rare that an image has every single pixel of a different colour, so in practice you have significantly bigger images with no more than 256 colours.
Further, there are types of images that, for as big as they can be, they have a limited number of colours, for instance, illustrations and drawings with no gradients
or with small ones.

This is where the indexed color system comes in handy.

In this mode, you can have only up 8 bits per pixel. Compared with 24 in RGB, that is a third of the uncompressed size. Very tempting and even more so when
you discover that you can specify the image depth (the amount of bits per pixel) to any amount up to 8. So, if you can afford to have only 16 colours, you only
need 4 bits per pixel.

Photoshop, just as any other half-decent image editor, will allow you to work in RGB for flexibility and to export files in indexed colour on Gif or PNG format for
the web (and on several other formats, that I won’t cover here).

Now, it is a fact that if we remove some of the colours of a colourful image we won’t notice. In fact, this is how the Jpeg compression algorithm works; it will discard
colour information to reduce the file size.

The GIF and PNG compression algorithms are quite different and, in fact you can use that to your advantage, because while the Jpeg will always discard colour information,
the GIF and PNG compression algorithms are conservative and they will preserve your image intact. This is particularly important for drawings and illustrations that have
much less details than photographs and even little losses can be quite damaging.

But having said that, you can use photoshop to discard some of the colours in the image before you export them as GIF or PNG.

To save images for the web in Photoshop, you have to go to File → “Save for web & Devices”. A dialog will open showing you the original image and how the final image will look like.

Now, in the right pane, you’ll see several options and if you select either PNG-8 or GIF, you will have a box for the colour reduction algorithm that allows you to chose
from

• Perceptual
• Selective
• Adaptive
• Restrictive (Web)
• Custom
• Black & White
• Grayscale
• MacOS
• Windows

Let’s start for the easy ones. Black & white will make pixels either black or white. No shades of gray, no colours, only one bit for each pixel. Grayscale will use
8 bits per pixel and will approximate each pixel to a shade of gray, the resulting image will have no colour, but will have shades of gray. MacOS and Windows will
approximate the colours on the image to the closest colour of the basic palette of these systems and custom will allow you to pick the colours you want on your palette.

Custom is very powerful, but can also be very annoying. Also, very often you already selected some colours that you’ve put on your image and you want to preserve.

This is where Perceptual, Selective and Adaptive come in.

If the original image contains more colours than the output file (you can select the number of colours on the right pane, up to 256) some will have to be adapted.

The Perceptual algorithm will create a palette that prioritizes the colours that the human eye has greater sensitivity. This means that colours that appear more
frequently may not be present in the resulting image at all.

The Selective algorithm will prioritize broad regions of colours. If you want to keep your colours as faithful as possible
to the original, this one is more likely to do that.

The Adaptive algorithm on the other hand will prioritize the colours present in more pixels across the image. Predominant hues will have more tones
in the palette.

Finally, Restritive (web) is a bit out of fashion these days but in the old days when was uncommon for computer monitors to show more than 256 colours
a special palette was created for the web with colours that any monitor would be able to show. This palette is made of 6 equidistant shades of each of the three
RGB channels. The tones are 0×00, 0×33, 0×66, 0×99, 0xcc and 0xff. Meaning that you can combine these to form the 216 colours of the web palette, for instance
the colour 0×33ffcc is a web safe colour. You may never need this last one, but it won’t hurt to know either, right?

Gravatars on Zo'C

And as I said, it doesn’t have to be a single image for all emails. If you have different emails for different purposes, your avatar would display the image you’ve set up for it, leaving you to different images for different email addresses.

Getting Started

First things first, if you don’t know what a gravatar then the best thing to do is start by getting one for yourself, although you don’t need one in order to use avatars on your website.

Go to Gravatar’s site, sign up for free, add at least one email address and an image for it. You can leave a comment on this post and you’ll see your face besides it.

Putting Gravatars on your site — the hard way

Once you’ve put your hands on someone’s avatar, all you have to do is to get encode it using an hexadecimal MD5 hash for the email and add it to the end of this url

http://www.gravatar.com/avatar/

This is to protect the privacy of your user’s email. For instance, the MD5 hash of my email 4c7e77a76f68420298c3e2cf692a47a9. This is one directional cryptography, meaning that you can’t, in practice, know what the email is, but if you know the email, you can easily produce this string.

You can easily get my Gravatar by asking for the image at

http://www.gravatar.com/avatar/6f4484a28c0debf9a262d25b998df8f3

And you can pass parameters to for sizes and many other things. For a full list see the explanation on their site.

Putting Gravatars on your site — The easy way

Hash encoding email addresses may not be your cup of tea, but you can probably guess that there are many implementations around for Gravatars.

If you use Wordpress ≥ 2.5, all you have to do is call the get_avatar() function. The first argument is the comment author email or Hass, the second one is the size (optional) and a third optional argument is allowed to specify the URL of a default image for those who haven’t got a Gravatar yet.

<?php
    if (get_bloginfo('version')>=2.5) {
        echo get_avatar( $comment->comment_author_email, $size = '72');
    }
?>

If you use another platform, check the extensive list of implementations that can help you integrate Gravatars on your site.

I may be a bit outdated, I know, but I just discovered the Wordpress iPhone App, and nothing better than using it to write about itself.

I don’t think there’s much to say. If you use wordpress you know you should expect a quality tool and you can do most things you would do on the web interface but with added mobility and you can use your iPhone camera (which is lame, I know, but is handy and it’s always with you).

I have just started exploring it, but I don’t see much missing for a quick post editor to carry on the pocket. The one thing I do think it could be present (and is one of the reasons why I’ve got an iPhone in the first place) is the ability to use geodata on your posts from within the app. I hope this feature is present in future versions.

In any case, the app is quite nice, it’s free and you can find it on
iPhone.wordpress.org

(And yes, the lame picture on this post was taken with my iPhone)

Cloud computing is a term referring to the web as an abstract cloud providing you the services you need without having to rely on a local system for more than connecting to the internet and the services you require.

Spotify is just like that!

They have signed up with several major record labels to create a huge music repository you can browse and play instantly, categorize and share with friends. The simplest explanation I can give you goes like this: “Is just like your iTunes, but with a much bigger library.

Spotify – the story from Spotify on Vimeo.

Why is timely?

First, let me rant a bit about the music industry.

For many, many years, people bought LPs, then CDs and, while tapes have been available for a long time, they were never preferred. Most of us (all?) did record a tape for a friend when asked and moral consequences of that were minimal, if at all. The means to copy and the final quality were rudimentary enough not to cause a deep impact on the music industry.

Since the advent of the CD recorder and music and video compresssion formats like mp3, copying has not only been made easier, but often more convenient than the traditional method. I remember once I’ve seen a comment in the internet of some huge collector of downloaded audio and video saying:

I don’t mind paying for a film or music I want, what I mind is the need to antecipate my film or music choices in a day or more, when technology exists to make it available immediately

Anonymous user on a forum

Now, before anything else, I’m not in favor of piracy, not at all. But having said that, that speech has a point: pirate downloads offer, in many aspects, a better service than the traditional process, labels are still trying to enforce. Of course the price is unbeatable, well at least until you get caught, but I’m inclined to believe a good part of the piracy only happens because of lack of music distribution services that are compatible with the times we live.

What about iTunes store? I hear you asking. Fair point! I haven’t said there aren’t, just that they are in short supply. And what about last.fm? You might add. Yes, they too!

Let’s compare them!

The iTunes Store

The iTunes store is pretty much similar to the traditional method, but with great advantages. You can buy songs individually, you can have them downloaded imediately and start listening. Additionally you keep some, once you downloaded it, the song is yours, you can backup it, synchronize your iPod… it’s yours. Just like a CD.

On the shortcomings side, you have to manage your own backups, disk space, synchronization, etc. But probably the biggest problem is, just like CD’s that you have to buy the songs to even try them. If you don’t like them, you have to pay anyway.

Last.fm

One of my favourite features on last.fm is the variety of artists, it is on the cloud, you don’t have to worry about a thing, it is a great service, but not surprisingly, given its name, is more analogous to a radio than to your own music collection.

How Spotify works

You can have either a free or paid Spotify account. The free version will present 30 seconds ads every now and then (not very often, IMO), the premium version will allow you to go completely ad-free for a very monthly fee. And a very cool feature is the 24 hours ad-free pass.

Now, the bad news. Because Spotify is still in Beta, signing up for the free service is invite only. So you need to either receive one from a friend or subscribe to the invite list. To do so, go to Spotify click on “Get Started” and add your email to the list.

And before you ask, I wish I could give some invites, but unfortunately, I have none :(

Once you have your account, you don’t need to keep a music library, the songs are streamed from the server, and because of that you can try and use all the songs you want and you don’t pay extra for songs you didn’t liked or you don’t want to keep. Even with iTunes, if you want to share a song with a friend, your friend must buy if before she knows if it’s worthy.

With Spotify, anyone having an account can freely accept your suggestions at no extra cost. To me, this sounds just like life in the cloud should be.

The problems

Of course, there are shortcomings as well. First and foremost, is not as portable as music you actually have, physically. If you don’t have internet access, you are out of music which is pretty much a problem of cloud computing as a whole. Also, you need a client to listen to songs, and for the time being, that is only available to Mac and PC (and to Linux via Wine), but no mobiles so far.

Having free accounts, you know you will still be able to access “your songs” even if you quit the premium account, which is a good thing.

Conclusion

At this point I should say I’m not affiliated with Spotify in any way, I just like their service but I do encourage you to register either on the waiting list or for a trial on the premium service because I think this is the way music is going and I’m very happy it is.

Spotify, can we have movies too?

Being the geek I am, I mostly preferred to watch the keynotes on the developer track, rather than the business track, but the good news is that the organizers are publishing the videos of all keynotes for free, so I’m catching up the ones I missed and so can you.

Some of my favourite are

How to build a desktop app from your web app

Jeremy Baines will explain how to take advantage of the knowledge you already have as a web developer to build desktop applications.

How oAuth and portable data can revolutionise your web app

I think it becomes more and more obvious on a daily basis that every site can provide a better service to users if it can identify them, but at this point, this means having an account on every site you get in. Not only this is boring, but is also dangerous. Most people won’t be able to keep one password for each site and, chances are not every site you will register to is completely honest.

What about mashups then? A mashup will only work if it can have access to a few of your web accounts on your behalf.

Enter oAuth! Chris messina will cover the subject of openids and keeping a consistent identity through different sites securely.

And more…

Also very interesting is Kevin Rose talking about The Future of the News and Francisco Tomalsky on Building Desktop Caliber Web Apps with Objective-J and Cappuccino.

As far as I can tell, not all videos have been uploaded yet and one of the ones missing is Yahoo’s own Christian Heillmann talking about Y!OS (Yahoo! Open Strategy), look forward for this one, because Y!OS is changing to reach more developers to use Yahoo!’s APIs.

The book alone is a great reason to join us and contribute to the survey, but actually there are better reasons. Blogging is a recent and interdisciplinary profession and not a lot of people understand this professional side.

On one hand you tell your family you run a blog and they think you have an online journal, on the other hand people that regard a professional side on blogging start “make money online” blogs with strategies that are as good as the ones to get rich by collecting underpants.

Blogging professionaly is neither easy nor a guaranteed road to get rich, and I predict many blogs will shut down in the future and a lot of frustrated will be generated. The best way to avoid this is having a clear picture on your mind before you start and as you go.

Nothing better than a serious survey to help on that. And if nothing of this appeals to you, hey, don’t you want to win the book and learn how to become a 6-figure blogger?

Pages and subpages

In 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.

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

For 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.

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.

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

How do I make a video easily?

The straight answer would be

1. Get a webcam
2. Configure it
3. Make test videos (and don’t bother to edit them)
4. Make a real video
5. Upload it and spread the word

It is a little rude to put things like that, but it can actually be that easy. Check Michael Martine’s post to read details on each of these points

How do I create a video show?

Well, if you want to publish a videoblog, then you have to start to concern about other things like giving your video posts a sense of sequence and identity. In other words, you need to think of it as a show.

Youtube isn’t probably the best tool. You’ll need a system that offers you more that merely hosting your videos, you’ll need a system that allows you to host your show. That means, hosting a series of videos that have a chronology, and help you build and maintain your show’s identity.

I found the Blip.tv service very good for hosting a show. They accept most video formats and they won’t resize your video, so you can actually put online a show with the resolution you need.

How do I do live broadcasting?

If you want to create a live show and keep the archives, then you can use Ustream.tv. Ustream.tv is free and allows you to create a program based on live broadcasting and all you need is a camera and a microphone connected to your computer, and your webcam counts.

How do I create a videoblog?

Is nice to have a show at Blip.tv or similar service, but you’ll like to have your own webpage for that, won’t you. Not only a static page, but you’ll like the videos to be displayed on it just like a blog and you want a feed for it so people can get your podcast directly from iTunes.

There is a very nice and easy to follow tutorial on Freevlog that helps you with most of that.

You can learn more at Blip.tv Learning Section, they will even help you monetize your show.

How do I create a screencast?

Screencast are videos of your computer screen taken just like old fashioned screenshots, but animated. You can watch these two I made, to get the idea.

Screencasts are videos just like any other, so the only question that remains unanswered is how to record one.

There are a lot of screencast options avaliable out there and some of them are free.

As a Mac user, I personally have been playing with three

Copernicus

Is distributed free, handles screencasts beautifully but doesn’t record sound. It is ideal if you want to add sound in post production or if you want (or don’t mind) to record sound separately. You can use Audacity for that either in Mac OS, Windows or Linux.

Screencast-o-Matic

Screencast-o-Matic is a java appication that runs online. No need to install anything, is platform independent and is fully featured. Works like a charm and you can use it wherever you are, even on a cyber cafe in the middle of nowhere. They will even host your video if you want, but you can also export it as a .mov to your computer. The downside is that you can only record in either 640×480, 800×600 or 1024×768px and if you chose to host it with them, they’ll downsize it to a max of 800×600px

Jing

Jing is exist in Mac OS and Windows flavors and is a cute little application that sits in your desktop and allows you to record upload and share screencasts from a simple and intuitive interface. It is made to work together with screencast.com, but you can also configure it to share files in any server (or your local computer) via FTP. It also handles snapshots and uploads them directly to flicrk, or any ftp server of your choice.

If you’d like to see a longer list of software available to other platforms, you can check this one. This is where I learned about Jing and copernicus, but I haven’t tested any of the Linux and Windows options yet.

Social Screencasting?

Ok, ok, ok. Not everyone wants to be the star of her own show. Some people just want to use the power of video to show someone distant a screencast and make her understand things as if she were there.

Jing is a tool that allows you to do just that!

By clicking on the little icon that might stand on your desktop (if you want it to) you can start recoding and immediately upload it. You don’t need a blog or any production. All you need to do is create a screencast account of configure an FTP you have. It will automatically give you embedding code and urls for agile publishing or sharing.

And, hey, why I am explaining this? There is a video that show it much better.

Google always claimed that their algorithm was to reflect the true democratic nature of the web, through linkbacks, but these days they have power enough to just dictate what they want,

A client called me this week seeking advice because Google has sent them a mail (yes, I know, amazing, google sent them an email) telling them that they were blacklisted for at least 30 days because they had put too many keywords on the pages of their company’s website.

While it is true there were two many, is wasn’t quite absurd and it was more like a bad job than gaming the system. Just a myriad of combinations of the terms they legitimately want to be searched for.

It made me think: It could have happened to anyone, because is really a silly project mistake. They are no spammers at all and they don’t sell links on their company site, that’s for sure.

So actually, in this case, their are penalizing those who don’t follow their rules, instead of trying to adapt the algorithm to be better in finding the true democracy.

Of course Google is only powerful because we made so, and they have the right to index whatever they want based on any criteria.

But seems that just like democracy in political matters is just an illusion unless you have conscience and diversity enough.

I’m willing to release a new, much more user friendly, version. But while this doesn’t happen, I’ve recorded two videos showing how to install and configure the plugin.

In the video, I use the One Click Install plugin that is a great one and I strongly recommend. If you don’t want to use it, however, you’ll have to use the normal FTP method as with any other plugin.

Installing, activating, and using the plugin from your theme

(video will open in a new window)

Adding links to Wordpress

In case you don’t know how to fill all the information that your Powerbloroll can display (such as the favicon, description, notes, RSS, etc.) this video shows you how to do it.

(video will open in a new window)

If you come to think of it, it is probably helping your visitors very little, unless they are looking for a specific post and have a rather good idea of when it was published. But if they do know that much, they are more likely to use the search box instead.

I consider that archives need the right amount if information to make them useful, not more, not less. And in this case, an archive needs more.

In this post I’ll show you how to create a separate Wordpress page that lists all your posts in reverse chronological order and categorized by month, just like mine.

This will benefit your blog because you’ll have a permanent reference for all your posts with name and dates, so users can always refer to it, when looking for a post they seen, or digging your site for more.

Step 1: Create a new template

This part is easy, you have to duplicate a file in your theme called page.php and name the copy with a name you like. I’ll call it powerarchive.php.

Open powerarchive.php and Make sure the file starts with this

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

Technically this is a PHP comment, meaning that it won’t be seen by the PHP interpreter. In practice, the wordpress applications looks for some special comments to find specific files. In this case, the comment is telling wordpress that the file is a page template and its name is Powerarchive. We are going to use this later, when we publish the archive page.

Step 2: Hollow the layout

Now, a tricky part. You must find where is the core-content part of the layout. This changes from theme to theme, but you must look for some signs. For isntance, on my theme, you’d find something like this

<div id="content" class="hfeed">

	<h1 class="entry-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php echo __('View').' "'.the_title('', '', false).'"'; ?>"><?php the_title(); ?></a></h1>

<?php /* more php code */ ?>

   <?php endwhile; endif; ?>

</div><!-- content -->

The <div> opened just before the <h1> and closed just after the end of the loop (<?php endwhile; endif; ?>) is the container we are looking for. Just hollow that div, except for the page title and maybe some other information you might want to keep.

Step 3: Change the content

So far, we have managed to have an empty page with a title. So our next step has to be change the way it behaves, and show the archives just after the title we left.

The whole idea is to get all the posts in reverse chronological order (newer first), cycle through them and, as we go, print the month name and year as a header for the set of posts on that month.

The first thing to have in mind is that, as we cycle through the posts, is that we must be able to compare a post and the previous one and see if they are on the same month, because if the month has changed, the header for the month must be displayed.

Let’s initialize a variable that will hold the date for the post being analyzed and another one for the date of the previous post.

  <?php
        $prev_date = NULL;
        $date = NULL;
    ?>

Then, get all posts in the blog

<?php query_posts("posts_per_page=-1&order=DESC"); ?>

Loop through getting the month and year of each one, as well as setting the date of the current post for the sake of comparing it with the previous one.

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <?php
        $date  = get_the_time('m.Y');
        $year  = get_the_time('Y');
        $month = get_the_time('m');
        $baseUrl = get_bloginfo('url');

If the current date (containing month and year) is different from the previous one, this is because we have started to list posts from a different month, so we should start by printing the header with a link to the listing of those posts. Don’t forget to start by opening the list tag for the post titles.

        if($date != $prev_date)
        {
            if ($prev_date) echo "</ul>\n";
            $prev_date = $date;
            echo "<h3>";
            echo "<a href='" . $baseUrl ."/". $year ."/". $month . "'>";
            echo get_the_time('F Y');
            echo "</a>";
            echo "</h3>";
            echo "<ul>";
        }
    ?>

Finally, let’s print the post date and post title into a list item, close the loop and the list tag

    <li><?php the_time('M d') ?>. <a href="<?php the_permalink() ?>"><?php the_title() ?></a></li>

    <?php endwhile; endif; ?>

    </ul>

Here is how the code should look

  <?php
        $prev_date = NULL;
        $date = NULL;
    ?>

    <?php query_posts("posts_per_page=-1&order=DESC"); ?>

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <?php
        $date  = get_the_time('m.Y');
        $year  = get_the_time('Y');
        $month = get_the_time('m');
        $baseUrl = get_bloginfo('url');

        if($date != $prev_date)
        {
            if ($prev_date) echo "</ul>\n";
            $prev_date = $date;
            echo "<h3>";
            echo "<a href='" . $baseUrl ."/". $year ."/". $month . "'>";
            echo get_the_time('F Y');
            echo "</a>";
            echo "</h3>";
            echo "<ul>";
        }
    ?>

    <li><?php the_time('M d') ?>. <a href="<?php the_permalink() ?>"><?php the_title() ?></a></li>

    <?php endwhile; endif; ?>

    </ul>

While some turned out really boring and unsibscribed soon, others got me thinking:

If I had this kind of technology when I was a geek teen, I’d be delighted! Finding resources for my crazy projects would have been so much easier.

And then a question popped into my mind, just as there are great podcasts out there and, further, it is a wonderful technology whose full use still have to be show, there is a lot of garbage out there and that could not be a good thing for children.

Of course, this is not a debate that starts with podcasts, it is being debated for everything about the web since it became popular, about a decade ago. Strange as it might seem, is seems that a large number of parents act according with the following thought:

The web is a great tool that can do a lot of harm that is something we can’t fight.

Part of this thought is true, but I don’t think it has to be true on its entirety.

For start, it is true that the use of computers and video games in excess can physically harm people, not only children, and this should be addressed by

• Improving Ergonomics on computer devices
• Learning good practices on how to use computers

Computers are becoming ubiquitous and invisible

Thinking of computers as that big box on (or under your desk) is a rather old-fashioned way of thinking on the subject and certainly not a point of view that would help solve the matter. Today computers are ubiquitous, they are everywhere and more and more they become even invisible to our eyes.

Today computers are ubiquitous, they are everywhere and more and more they become even invisible to our eyes.

As they blend into the world that already existed before they came to our home, it seems safe to say that computers are going to become so ergonomic that we are going to use them without even noticing.

On the meantime, there are computers on cell phones and all kinds of devices different from the old beige-box, and mostly, they are or they will be connected to the internet, which brings us back to our initial question: is the web harmful to children?

In many aspects, yes! Through the web, children are exposed to all kinds of information that are not suited to their minds still in early development. They are also exposed to other people that can harm their growing process. In the lightest case, they are exposed to so much information that they might just be more confused than enlightened by it.

So, would I like to have all this when I was a kid?

So, would I like to have all this when I was a kid? Do I enjoy the fact that my children will grow in this environment? Yes, definitely!

There have always been risks and dangers to children, always! The world is not more dangerous today for them because of the web. What seems to be the problem is that the technology changed so fast that provoked a cultural shift that is hard to follow by the previous generation.

I don’t think there are more dangers to children today, I believe children are less protected from the dangers of today, that they were from the dangers of the past. It seems to me that a great danger is the allowance for the computer to replace parents, teachers and other people.

If you are going to see the computer as a replacement, you should see it as a replacement for magazines, books encyclopedias and means of communication, but they can’t substitute parents, teachers or friends.

Trusting the net-nanny

What about the net nanny? Can a program block harmful content on the web? No! First of all, this falls into a category of problems that are called undecidable. Second of all, you can’t let a computer algorithm decide what is not suited to an educational purpose.

But the ultimate reason why a net nanny is not a good solution, is because if you tell a child that he is not allowed to see a site because of the net nanny, if becomes a conflict, when actually, everything should be contributing to a common objective: A good and happy life for the child. There is no space for conflict here, the child should happily collaborate with this goal, and not be constrain to it by a piece of software.

The solutions

The solution, as simplistic as it might seem, is that parents, teachers and the society in general should follow in a friendly way their children’s life online, put limits to activities and time in the computer and teach ethics along the way.

Here are some simple things to do

• Leave the computer in a place where you can have some control over it. Let children use the computer more or less freely while a responsible person is on the same room.
• Get involved in some of your children activities online. Does your kid have a blog, offer to proofreading his posts
• While doing research on the web for school projects, give them directions, so they don’t end copying and pasting the entire work

Children should not build a world around the computer, but that doesn’t mean the computer can’t be part of their world

The bottom line is, the computer is not a replacement for parents, teachers or friends, so children should not be let alone with the computer as if it were possible. They should not build a world around the computer, but that doesn’t mean the computer or the web can’t be part of their world.

Consider this:

How lost is a visitor that come to your 404 and how lost is a visitor that comes to your home page?

Home pages are not what they used to be. Unless you are a big site, people don’t go to your index page and try to find something on it.

Say I’m looking for Strawberry Jam. I know lots and lots of sites about food, but I won’t look strawberry jam in any of them, I’ll go to mother google and ask.

For some searches, like this, I already expect Wikipedia to be the first one, yet, more often than not I turn to Google instead to find it for me.

So, How people go to your 404? By a broken link to something inside your site.

And, how people go to your home page for the first time? Mostly by indication of other site that recommends yours as a whole (a blogroll, a link on a blog comment, etc).

I think there are only two main differences between them are that:

• one is a search bot recommendation and the other is, maybe, a human recomendation
• the visitor on a first case was probably looking for something narrower than your site as a whole

But besides this, an index page and a 404 are pretty much the same, its main mission is to convert a new user to whatever objective your site has and guide her through it.

Won’t you agree?

The e-book How to Start a Business Blog covers with a great informal tone 12 steps to plan a successful blog with exercises that, above all, help you get organized. A must read!

Designers, software developers and other people who can do valuable work quickly and enjoying it seem to face a moral problem with charging good money for it, and when they not, they have a bad time explaining the price to clients that ask why would you charge so much for something that you will do in little time and enjoying it.

Why is the client wrong on these assumptions?

It takes your whole life to do the job
Two days for you are the same time that two days for him. The reason why he wouldn’t be able to complete the task in that time is because, actually, it doesn’t take 2 days, it takes a whole lifetime. As a client, he is “lucky” to catch you in the last two days of the several years it took you to create the mind set necessary to complete hist task.

He is not supposed to pay for all your education, of course, but he is supposed to pay for a part of it in a way that on the end of your life, your clients and employers had paid for every course you took, every book you bought, every second of your time invested.

The client have to pay for the potential your work has to make him make good business.
You are not being paid for your trouble, you are being paid for the potential your work could represent to his business. If he is going or not make enough profit with your work to worth the price is something he should consider on his business plan, but his is not doing you any favor in letting you have some fun with his company.

He might as well have fun with his work, but if he doesn’t is not of your business as much as is not his whether you like yours.

It might be a game for you, but is not a game for him
Yes, it might be a game for you. Yet, famous football players are among the richest people in the world and what they do as a profession is described as “play”. It might be a game for them, but if the sponsors want them to win the matches they had to pay them, and nobody seems to find that wrong.

Of course is a terrible strategy to throw the list above on your client’s face. That would not only make you lose the client, but will make of you a bad professional, because respect is fundamental on any professional relationship (or even any relationship at all, for that matter), but sometimes you have to keep your standards and say no!.

Promote yourself!

How to make people interested in your work? Promote yourself!

Today, the owner of a Van Gogh can live well just by auctioning its original, but Van Gogh himself wasn’t able to sell a single picture in his lifetime, unless you consider a sell the picture his doctor accepted as payment on Van Gogh’s death bed because he had no other currency to pay him.

Van Gogh wasn’t really promoting himself at any moment of his life. His relationship with his art was an inner struggle and he didn’t envisioned his importance to other people.

Picasso, on the other hand is doubtlessly gifted, but he was very concerned in showing his importance. The very name he is know for, Picasso, is his mother’s surname. He chose not to be know as Pablo Ruiz — his father’s surname — because he though Ruiz was a name too common to describe him, this is raw promotion, and in his case, seemed to pay off.

I am not an Art Historian and I’m not able to debate many details on the life of these two painters but, as far as I can understand it, despite his enormous talent, is actually promotion that actually took Picasso to a life of wealth and recognition, as opposed to Van Gogh, who died in misery and as opposed to many people today that might be even more talented than Van Gogh, but are making much less that any owner of one of his original pictures.

Recently I have created a powerful blogroll, in the form of a page template, capable to display the name, favicon, description, notes and even the RSS link of blogs in your blogroll, because blogrolls with just a list of links are not useful anymore.

Now I have packaged it as a plugin for your delight: The ZoC Powerblogroll.

Download it right away, or go to the plugin page.

Download It

(Comments are disabled on this page, you can discuss this on the plugin page.)

This plugin has been downloaded 4020 times.

You can read further instructions and download it on the plugin page or you can download it immediately here.

The plugin started humbly to address a need of my fellow blogger Desty, and was published thanks to the incentive of Michael and Jen.

Any feedback is welcome :-)

Enjoy!

(Comments are disabled on this page, you can discuss this on the plugin page.)

This plugin has been downloaded 1203 times.

Mhmmm…. February 2007, that seems interesting!

The same goes for blogrolls. Sometimes the title of a blog/site doesn’t make any clear what the content is. Sometimes is the name of the author, sometimes is a fictitious name like Zo’C and sometimes is just not enough.

I realized that my sidebar was too long and cluttered, and at the same time blogroll and archive were more or less useless, so I decided to turn them into pages.

You are able now to see another menu, on the top right of the reading area of the blog, with the new features.

The Archive Page is designed so all post titles are show along with the dates, like a table of contents. If one wants to overview the whole site this is a handy tool.

The Blogroll Page is even more interesting. I added a brief description of each site and links to it and the feed, when available, so you can have an idea of why I read that, and, more important, why you might like to read it as well. The descriptions are (mostly) taken or adapted from titles and about pages in each site.

With this kind of organization, now the blogroll can grow without imposing penalties to the sidebar. By the way, minor adjustments were made on the sidebar. If you are a frequent reader of Zo’C, you might have noticed a few things in different places.

[Update: Download the Zo'C Powerblogroll plugin to create powerful blogrolls like this]

[Thanks Jen and Michael for the discussion on the Authority Blogger Forum, and thanks Easton for the specific feedback]

This is called the Levi-Prodi law (legge levi-prodi) and, as I understood it, its draft was officially approved in october 12. You can see Beppe Grillo’s (the most famous blogger in Italy) post on this, in english or in Italian.

It is absurd that a country decides to chose by a professional title those who are allowed to publicly express themselves and try to government control what is the right and relevant information from what is not.

Besides the obvious fascist censorship problem, I question myself how are they going to:

• Decide what is a blog from what is a non-blog page? The line between them is often very thin. Do profiles on social networks count? How about a youtube playlist?
• Count contributions you make to other blogs, like relevant comments and guest posts. Would count you as a blogger? Would you need a license to make relevant comments?
• Hunt down the enormous amount of people that will be in the illegality from one moment to the next and those who (hopefully) will refuse to accept this.
• Apply it to a foreign blogger that writes in his blog while he visits Italy
• Apply it to an Italian blogger writing on a blog completely unrelated to Italy