Codepal

We develop enthralling web experiences.

Tag Archives: how to

A review of Ghost and how to install it on your windows localhost

Posted on by Sumeet Chawla

Even though the installation process of Ghost is very clearly explained on their own website, in this article, am going to explain how you can get Ghost up and running on your localhost and then give my views on it.

How to Create a FAQ Page with WordPress and Custom Post Types

Posted on by Sumeet Chawla

In the web world, a FAQ page is created specifically for the viewers/customers, and contains general questions and their respective answers about a particular product or service. This tutorial details the process of creating a dedicated FAQ section in the WordPress backend with custom post types, as well as how to spice up the actual page a bit by using jQuery and CSS.

Creating a Neon Blink Effect for your Forms using CSS3 and jQuery

Posted on by Rakesh

Our latest tutorial at 1stWebDesigner. How cool will it be to have a glowing blink effect behind your input boxes in a form without using Flash? Well, then this tutorial teaches you on how to build one in the easiest manner possible.

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.

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.