WordPress Themes

Zen Coding – Have you Tried it Yet?

While coding HTML pages, I have always wondered if there was a better, quicker and easier way to write lengthy and repetitive code that is present in almost every web page. I asked myself time and again, if there were people who thought on the same lines to make the code more crisp and abbreviated.
To my amusement, I recently came across an innovation by Sergey Chikuyonok called the “ZEN CODING“. … Continue Reading

10 CSS Snippets to Save Precious Time

Today, I have compiled a set of 10 CSS snippets that can save you a lot of time and effort. These codes are needed frequently when developing CSS-based websites or themes. Just bookmark these codes (Ctrl + D) so that you don’t have to look for them on the Internet every time.
1. CSS Tooltips
Through this code, you can have your own tooltips using just CSS. This is the CSS code … Continue Reading

10 Examples of “How to Play it Cool” with CSS

CSS List Expander

This technique makes an unordered list go on in depth as much as we want. The script analyzes the list tree and applies toggle functions for expanding/collapsing child objects. Parent items, the ones we should click to expand child objects, don’t need to be wrapped inside an anchor element. Script checks for child objects and adds appropriate clickable elements. Furthermore the script adds two buttons above the list, … Continue Reading

Nice Forms

When building forms for your website, there are always some elements that you want to modify graphically but are unable to do so. Styling web forms can be a tedious task if you haven’t done so before. Elements like radio buttons, check boxes and item lists are the hardest to style due to their cross-browser differences. There are different techniques available all over the Internet to help you style your … Continue Reading

Integrating Alternative Stylesheets in WordPress Themes

I am sure that everyone has come across WordPress themes which use alternative stylesheets (CSS) to switch between different sets of style information. For example, you can have a look at the following themes that have this functionality :-

Xplosive Reloaded
Wicked Lemon
Wpdesigner7

Here is how these themes do it :-
Default Stylesheet
Ideally, every WordPress theme has a style.css file associated with it that contains all the style information for the theme. This default … Continue Reading

Nifty Rounded Edges Using Only CSS

If you have a Google Analytics account, you must have seen that Google uses slightly rounded edges in the menu buttons on the left. See the picture below :-

Today, I will teach you how to give these nifty little rounded edges to your menu. Given below is the CSS code. This goes into the head section of your HTML file. :-
CSS

ul {
width:180px;
list-style-type:none;
Continue Reading

Understanding Floats in CSS – Making a 3-column layout

Sharing knowledge is cool and if your audience is willing to learn – its Uber cool! 🙂 With that note, here is my little contribution towards the code monkeys.
This article is meant for the people who are beginners or are in the mid-way of learning CSS (Cascading Style Sheets). When I started learning CSS, the most difficult problem that I faced was using floats and how to align and position … Continue Reading

5 Cool CSS Hacks & Tricks

1. Create a stunning 3D push button…
Nowadays, we can see 3d push buttons nearly everywhere. Most of them are achieved via JavaScript. The main problem of using these scripts is that there are greater chances that they might get blocked by the browser. And with the advent of … Continue Reading

What Others Say

BannerJai was awesome to work with. A port of an ASPX/HTML site to Wordpress went seamlessly, and his recreation of our look and feel were fantastic - Kevin Webster

BannerJai is a talented, creative and an enthusiastic web developer who has worked consistently to deliver high quality websites for my businesses - James Eccles

  •   Let’s Talk

    "Thank you for visiting my website! In order to start a project with me, please send me information on your project so I can figure out how best to help you."

    "After your initial contact, I’ll schedule a quick one-on-one session via Skype to review the project and get to know you."
     Request a Quote
Need a Custom Website?

Leave a Feedback

Tell Me About Your Project