Websites

Fri

22

Jan

2010

Wordpress to Drupal

I know I have not posted at KalaaLog.com for quite a long time (a little more than a year). The reason for this, is not the subject matter of this post. The things that I started to ponder when I was upgrading the Wordpress installation is the subject matter.

Wed

24

Jun

2009

BloomSpot - Logo Design And Illustration

I just completed the latest illustration/design project for a client, BloomSpot.

BloomSpot Logo and Illustration

Read more about it at services/portfolio page. The client is yet to take the site live. Hence it will be a while before this logo is actually used in the website.

Fri

23

Jan

2009

Use Twitter module - not Twitter Block

Yes, you are right. I am asking you to shift to using Twitter module instead of Twitter Block that I developed.

The reason is simple - Twitter module does a lot more than provide a Twitter block. It allows you to post directly to Twitter from your Drupal site. Just note that to use Twitter module as a Twitter block, you will need to install and activate Views and Views UI module.

It may seem like complicating things, but if you need flexibility and reliablity of a large team of Open Source enthusiasts, you should opt for the one that gets more effort put into.

You may not notice any change on my homepage sidebar, but I have shifted to using the Twitter module and it looks as my custom module with minimal change to the CSS. (I just changed the class to id supplied by the View).

Perhaps, I will write some basic documentation of what I got using the Twitter module.

Wed

21

Jan

2009

deviantART Embed - Drupal Module

This is the second custom module, after Twitter Block, called the deviantART Embed module.

Unlike the last, this module creates another content type, which is similar to a Page or Story types except for another field called embed-id. This is the string of numbers at the end of the deviantART entry.

The module generates the embed code during display of a page. It also generates the required CSS class names so that it can be styled any way you want. For example, check out the first deviantART embed entry here.

Download: deviantART Embed

The module also gives a block that displays links to the latest published deviantART embed nodes. The number of links can be configured through Administer » Site configuration » deviantART module settings.

I have done some preliminary testing. If you find any bugs, do not hesitate to mention in the comments below.

Mon

12

Jan

2009

Twitter Block - Drupal Module

This is related to the Twitter status you see on my homepage.

Update: There will be no support for Twitter Block module. Please use Twitter module instead. Read the reasoning here.

I was browsing around, when I came across Aaron's on adding Twitter to a Drupal site. Since I am in the process of redesigning my site, I was a little more aware of the closure variable and hence I commented so on his post. He nudged me on his respone through Twitter.

Thus, I created the Twitter Block module. It is quite minor and straight forward at this moment and advanced modules have already been coded. (See the modules download page over at Drupal.org).

Download module: Twitter Block

I am yet to put the license files, but it is provided under GPL. The installation is simple - just copy to your modules or sites/all/modules folder. You should get the Twitter Block menu in the admin/settings once you enable it. It lets you configure:

  • Twitter User Account
  • Twitter Block Title
  • Disable/Enable Follow Me link
  • Text of the Follow Me link

As far as the comment goes, I was able to add the Javascript references to the $closure variable. For a background, you can see from Twitter page, that putting the Javascript references near the footer increases the page load times.

Hot tip! To ensure loading of your page even in the case of twitter.com non-loading, move the two lines that start with <script type="text/javascript"... to the bottom of your page (just above </body>).

While coding this module, I took a wrong turn with the drupal_add_js() function, and after some trial and error, use the hook_footer() to get these Javascripts into the $closure variable properly.

Once you install and configure this module, you can sytle it by lathcing on to the block-twitterblock class. You can see the result of my current theming on the Twitter Block:

Styled Twitter Block

Credit goes to DryIcon via SmashingMagazine for providing the Twitter icon.

Mon

12

Jan

2009

Drupal Theme Tweak

After taking the plunge to design a new Drupal theme, I decided to clean up and start tweaking the theme a little bit.

You will note that now it has a good grid like setup, along with the added extra column on the side. Earlier layout allowed for only region. This one has a total of six different regions - he two sidebars, one region on top of it and three footer regions. I would not have thought of venturing out to such a complex structure had it not been for the Blueprint CSS framework. It reduced a lot of time I would have spent on tweaking the layout before even attempting to style.

The layout is currently tested in Firefox and Opera - both from Linux. I will be doing the testing on IE soon - meanwhile, if you find any layout aberrations, do drop in a comment.

Also, you will see that, current entries have nice little calendar icons, that is created fully using CSS - I took quite a bit of direction from . There are no images. Infact, as of this moment, apart from the feed icon, and the logo, there are no images. (It will be changing shortly).

So keep expecting changes.

Mon

05

Jan

2009

New Drupal 6.x Theme

Finally, I got to the point where I upgraded to Drupal 6 for this website.

The regular readers might have noticed that there is a starking change in the theme. Earlier, I was using another theme, Alek 2.0. A beautiful theme, but it seemed to have problems with Drupal 6.x - or atleast with the set of modules I had installed.

Hence, I thought I would do "a quick and simple" theme myself. The result is here, and it can be called to be in a beta state - not sure if I would release it or not because the CSS is a bit messy. It turned out to be not that simple.

There are a few things I will be fixing in terms of styling the links (you can see a lot of blue and purple sprinkled around currently) which would all go monotone and be harmonized. Drupal, striving towards flexibility gives a lot of class attributes to the numerous elements and I am yet to have a full understanding of the theming architecture to do it efficiently.

I still remain impressed though - the theme as it is currently requires only one style CSS file, one tempate file (page.tpl.php) and the .info file.

Expect few more changes around here.

Mon

24

Nov

2008

KalaaLog Tutorial Index Pages Updated

Took some time to go through and update my tutorial index pages at KalaaLog.com.

Main tutorial index page has been updated to point to links to the tutorials I wrote at KalaaLog.com to this day. It contains all the general drawing, tool guides, digital painting and vector illustration tutorials.

Similar to the Dragon Workshop page, I created a new page called Peacock Workshop that contains links to all the related tutorials.

This is quite a time consuming work - but I hope it helps readers find what they need. There are now officially 200 posts at KalaaLog.com.

Sun

19

Oct

2008

Organizing KalaaLog Tutorials using Social Bookmarking

After almost one and a half years of writing articles and tutorials on art at KalaaLog.com, it has resulted in more than 180 blog posts at this point in time. Around 100+ of them are all tutorials.

The tutorials range on different difficulty level and different styles, apart from taking up different subjects. It can be quite a lot of them, if you are trying to focus on only one type of tutorials. Hence, I am trying to find a way to better organize these tutorials, and present them in an accessible manner.

After a recent upgrade to Wordpres, the blogging engine that powers the site, I was able to make use of the tag features and it has turned out quite well. As I explain in the post, Tutorials, Tags and more, I have basically categorized the tutorials based on their difficulty level (beginner, intermediate, advanced) and the style (vector or painting). Apart from that, I also have another tag to identify if the tutorial consists video content or not.

It is quite manegable now, and function flawlessly. But when it comes to seeking tutorials on specific subject - I am not sure how I can use tagging. The number of tags would make it too cluttered by sheer number. Moreover, art is quite subjective, and the subject matter of a particular artwork might depend from person to person.

That is when I took the effort to ritualistically tag and bundle all the tutorial links at del.icio.us - the social bookmarking site. I created a separate account for KalaaLog to be solely used for organizing the tutorials written at that site.

I now need to find a way of coaxing the readers to file these tutorials the way they want it. This way, at least for the subject matter, the community would decide how these tutorials should be organized.

It is too early to say how it will go.

For those curious, head over to KalaaLog's del.icio.us page. 

Fri

05

Sep

2008

Browser Statistics for KalaaLog.com

KalaaLog.com Browser Stats for Aug-2008

Seems like I have to eat my own words. I was sort of wondering why IE wouldn't die, and was figuring out the root cause for that trend. Looking the the August 2008 statistics for KalaaLog.com, it seems like there are more than 50% (56.86% to be exact) visitors to the site who use FireFox. IE takes a lesser share of 34.37%.

I even see a miniscule of visitors using Chrome. It is the new Open Source browser created by Google - I have not tried it yet because they do not have a Linux version yet.

May be the future is not as bleak for my web designer friends out there as I thought it would be.