Codepal

We develop enthralling web experiences.

Category Archives: Blog

My Blog

How to Create a Cool Slide Out Panel with CSS3 only

Posted on by Sumeet Chawla

Many sites have a really cool hidden panel which contains some relevant information and this panel is revealed to us, with a cool animation, when we click on a particular button or hover over it. This has usually been achieved using jQuery. But now as we advent towards the future and CSS3 is becoming a reality, here is a tutorial on how to build an animated slide out panel using only CSS3.

New Web Host – Our Experience During the Transition

Posted on by Sumeet Chawla

We are happy to announce that Code-pal is now being hosted on a new web host – wpWebHost. So we thought of discussing our experience of shifting the site from our previous host to the new one.

The ‘Select’ Problem After Using jqTransform and its Solution

Posted on by Sumeet Chawla

Recently, I was working on a project which required a customized form with only select boxes. I used jqTransform to customize the form and while working on it I discovered that after transforming the select box into a list of hyperlinks, the ‘change’ method of the select box doesn’t work at all. As ‘on-value-change’ event is a very important function for any drop down list box so here is a very simple solution to manipulate it while using jqTransform.

Spice Up Your Twitter Feed Display Box Using CSS

Posted on by Sumeet Chawla

Everyone has a twitter account nowadays and all like to showcase their most recent tweets on their websites. This is generally done by displaying the tweets enclosed in a visually appealing box or the twitter bird shouting it. Here is a small tutorial on how you can increase the interactivity further with the help of CSS.

How to Code an Overlapping Tabbed Main Menu

Posted on by Sumeet Chawla

Main navigation menu is that part of a website design that makes the whole site look lively and complete. But the most common type of navigation menu style still being used a lot is the tabbed navigation menu. Here is a tutorial on how to code an overlapping tabbed menu.

Orange

Posted on by Sumeet Chawla

Orange is a neat and clean business template designed by PSDTemplate.com for small companies.

Summer of Love

Posted on by Sumeet Chawla

Summer of love is a beautiful template designed by BevelAndEmboss.net. This theme can be used for a music event or even for a band.

Personal Computer Assistant

Posted on by Sumeet Chawla

This was my first venture to develop a small application based on windows operating system. I use to spend loads of time sitting in front of my computer and use to miss out on small appointments and other events. Hence, I just thought of creating a virtual personal assistant for myself to remind me of my appointments and help me out with my daily computer needs.

The Launch!

Posted on by Sumeet Chawla

We are proud to launch the new version of Code-pal. The previous version was a static xHTML/CSS site and its redesign was long overdue. We basically needed a content management system to manage our portfolio as well as a blog to share stuffs and give back to the web community. So we ended up using Wordpress to achieve our target.

Business Template

Posted on by Sumeet Chawla

Business template is a free PSD Template designed by Dellustrations, available for download at DelliBlog and we did it’s xHTML/CSS.