TechieDan » Tutorial

Using CSS instead of plain HTML

techieDan — Tue, 09 Mar 2010 01:40:54 +0000

For those that started studying computers or those in the 90s, most of us started learning the HOW TO BUILD A WEBPAGE with HTML. Those days, a webpage is defined by how well it was formatted and if you want fancy stuffs, the best one can get is Macromedia Flash (now Adobe Flash). Here are the old codes of the old.


  
    
      
      This text is red

By doing this, the following text becomes red. Nothing is wrong with doing things like this. Though now there exist something better which is able to format text which is CSS (Cascading Style Sheet).

Some of the books used to teach CSS

Using CSS to format a text like the above to turn to red has got it’s advantages over the old style format. One it is Web 2.0 friendly, XML friendly and also changes can be made directly from a seperate file ( .css file). Another important thing is that it’s way flexible, assigning a class to a row of text with the specific characteristics changes the overall text.

This is a simple method to show how CSS works.


  
    
      This text is red
      This text is red

It’s the same result. But what’s so special? Now let’s modify the code once again. We’ll start right at the beginning.


 
  
 
 
  This text is red

Now just copy and paste this script into your notepad and save it as example.html. Open it and you’ll see, wow… it’s RED. Now how about if you wanted to add more text with the same color on other parts of the HTML. Simple! Just add or

on another row of text.

For those who have been around tweaking their blogs and websites, most would be familiar with this new method. For those who are still using the old old school format of modifying your website or blog, it’s time to leap into the new way of doing things.

Edit : Amended code above.

Batch Resize Photos in Photoshop CS3

techieDan — Wed, 30 Dec 2009 19:53:24 +0000

Most of us who snap photos usually take those pictures on the newer cameras with bigger pixels. Though the problem is sometimes we need to crop the picture or rather resize the photos for public viewing on the Internet. Yes, one can do that one by one using Adobe Photoshop, and re-size them accordingly to one’s need. Though the problem happens is what if you wanted to resize, let’s say a thousand files?

Here’s what TechieDan will be teaching you about. Batch Re-size

Step 1

Open your Adobe Photoshop CS3 and proceed to File > Scripts > Image Processor as shown in the screen below.

Step 2

Now Select Image Processor and click it. A screen would appear.

Step 3

Here’s the desired screen to appear. Now just set the W (Width) and H (Height) respectively and the source and target location to for the batch re-size process. Voila, performance varies based on computer speed (RAM and Processor)

There are tons of other software out there that can do batch re-sizing. Adobe Photoshop is just one of the alternatives.

Hibernate Error : exception setting property value

techieDan — Thu, 17 Dec 2009 07:25:38 +0000

Been playing around with Hibernate and mapping classes with Java. A reason why Hibernate is useful is so to facilitate users to stop writing pure SQL for queries and reduce code redundancy. A slight note, Hibernate also works well with the .NET platform.

Though there was this error which TechieDan experienced

org.springframework.orm.hibernate3.HibernateSystemException: exception setting property value with CGLIB (set hibernate.cglib.use_reflection_optimizer=false for more info) setter of com.tm.ccpm.biz.domain.product.ProductSubCategory.setIdelivery;

Surprisingly the mistake wasn’t software based. After looking through Hibernate.org websites and other sites for help, it was because of a simple mistake. While creating the field of IDELIVERY into the table, the default value was null, and considering that the IDELIVERY column is integer, it should be defaulted to a default value. So since the column was created earlier with a null value, all that was needed to be done is to update the data in the table to repair this error.

Here’s what I did and it finally is running once again.

update TABLENAME set IDELIVERY = 0;

Merging Your Photos Using Photoshop CS3

techieDan — Tue, 07 Jul 2009 13:09:27 +0000

You have a collection of photos and want to merge your photos together. Well, if you have a camera, and you snapped them and wanted to join them using any photo editor software to do the panaroma effect.

For now TechieDan will be teaching you how to merge photos to create a panaroma effect with simple steps using Adobe Photoshop CS3 (yes.. CS4 would roughly work the same way). A year ago, TechieDan paid a heavy price for merging the photos one by one by sticking them together and cutting and paste using Adobe Photoshop CS. With the emergence of Adobe Photoshop CS3, the process is now made simple.

Here’s the expected result.

Impressive? Here’s how to do it?

Step 1

Select Photomerge and the next screen will come up in Step 2.

Step 2

Now you can play around with it, or just set it to Auto and search for files using the Browse… button. Do not overload with too many photos or you will face a very long downtime of joining the photos together. It takes up loads of memory.

Here’s the effect after joining 6 photos together.

So you have it, the above photo was basically joined by 6 different photos. Not bad? If you a better way or any other way to do panaroma with other softwares, why not drop a comment?