Our Blog

Writings, Sharing Knowledge, News, Tutorials

  • As a web developer, what do you enjoy coding the most?

    Loading ... Loading ...
best-tutorials-of-2011

WordPress Year in Review: The Best Tutorials of 2011

3

2011 has seen a lot of changes in Wordpress with loads of new features and updates. We also saw Wordpress grow as a CMS. It has become the top most CMS platform used in the world. It has a content management system market share of around 54.3% Here is a round up of some of the the best, unique and useful Wordpress tutorials written in 2011 and what to expect in the future.


Continue reading...

Backing up your Wordpress blog with Vaultpress

Quick Tip: Backing Up Your Blog with VaultPress

15

As with almost every other web app, WordPress stores information in a database. There’s always a chance that your data could be lost or corrupted, and it’s wise to have a solid backup strategy in place. This is where VaultPress enters the scene to save the day, providing complete backup and security for your WordPress site.


Continue reading...

40-stunning-wordpress-themes

40+ Stunning WordPress Portfolio Themes

4

WordPress is the most popular blogging and CMS platform out there. The vast amount of features and the flexibility it provides, one can create mind blowing themes for it. Here is a round up list of the most stunning WordPress themes, created specifically for displaying your design portfolio.


Continue reading...

using-shortcodes-in-wordpress

Quick Tip: Using Shortcodes in Theme Development

2

The WordPress Shortcode API was introduced to WordPress in Version 2.5. Since then, it has become a widely used method for allowing quick customisation of layout and inserting certain formatting snippets. But shortcodes can be equally useful when creating WordPress themes – here’s how you can make full use of them!


Continue reading...

multi-layout-portfolio-usin

Create a Multi-Layout Portfolio with WordPress

3

WordPress, as a content management system, is often used for creating portfolio websites. With the evolution of user interface design and functionalities, a new trend has emerged: displaying portfolio items in different layouts. This tutorial details the process of creating a dedicated portfolio section in WordPress’ backend, and using jQuery and CSS3 to display the portfolio in a classy manner.


Continue reading...

Integrating Cloud Zoom with WP e-Commerce Gold Cart Gallery

Integrating Cloud Zoom with WP e-Commerce Gold Cart Gallery

32

WP e-Commerce' s new version got integrated with Wordpress in a much better manner and has become one of my favourite Wordprss e-Commerce plugins. One of my projects required the integration of Cloud Zoom jQuery plugin with the Gold Cart Gallery. So here is a short hack on how to achieve it in a convincing manner.


Continue reading...

iPhone Application Website Template HTML5 CSS3

iPhone Application Template

34

This is a very sleek, Web 2.0 website designed by BevelAndEmboss.net based on a theme for iPhone applications. We have developed it into a HTML5 / CSS3 template with some jQuery and it’s free for download!


Continue reading...

creating-faq-with-wp-jquery

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

1

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.


Continue reading...

Listify - Convert Raw Text To li / option elements

Listify, Convert Raw Text To HTML Elements

17

Listify is a tool I created using C for my own use. Then thought of converting it into an online tool. It helps you convert those long list of text to HTML entities like <li> and <option> elements.


Continue reading...

Neon Blink Effect for Forms using CSS3 and jQuery

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

4

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.


Continue reading...

Grunge Website xHTML/CSS Template

Grunge Template

23

Grunge is a dark, grungy personal blog template designed by PsdNations.info for free use in both commercial and non-commercial projects. This template some really cool CSS3 features.


Continue reading...

slide-out-css3

How to Create a Cool Slide Out Panel with CSS3 only

6

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.


Continue reading...

We get a new Web Host

New Web Host – Our Experience During the Transition

4

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.


Continue reading...

The 'Select' Problem After Using jqTransform and its Solution

The ‘Select’ Problem After Using jqTransform and its Solution

78

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.


Continue reading...

Spice Up Your Twitter Feed Display Box Using CSS

Spice Up Your Twitter Feed Display Box Using CSS

18

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.


Continue reading...

How to Code an Overlapping Tabbed Main Menu

How to Code an Overlapping Tabbed Main Menu

48

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.


Continue reading...

Orange Free xHTML/CSS Template

Orange

5

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


Continue reading...

Summer of Love Free xHTML/CSS Template

Summer of Love

7

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.


Continue reading...

Personal Computer Assistant

Personal Computer Assistant

11

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.


Continue reading...

The Launch!

The Launch!

2

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.


Continue reading...

  • Browse

    • Zied Ellouze:

      Est ce que vous avez fait appel au feuille de style?...

    • Zied Ellouze:

      Hello; is what you have found a solution for the use of “OptionGroup”?...

    • Rasha:

      I Have other problem with jqtransform , the scroll in the select optio...

    • Sumeet:

      Well, you can include the HTML part in the footer of your blogger page...

    • Rahul:

      hey really awesom hover play with twitter but i want some help i want ...

  • Tag Cloud