WordPress Themes

Tutorials

If you are looking for tutorials related to WordPress Theme Development, Responsive Web Design, CSS/HTML Examples or any other Web Development Articles, you have come the right place.

20 Killer Image Sliders & Carousels

Whenever I am developing a new website or WordPress theme, I try and look for new kind of content sliders and carousel scripts (that can scroll images & HTML content). Over a period of time, I have bookmarked some efficient sliders that can also be easily integrated into WordPress if you have the skills. I am sure these will be helpful to both moderate and advanced developers alike. Here is … Continue Reading

Best Practices for Mobile Optimization of your Blog

Over the past few years, mobile Internet consumption has increased at an exponential rate.ย  A good portion of this can be attributed to the success of smart phone devices like Google’s Android platform, Apple’s iPhone, RIM’s Blackberry, and of course Windows mobile phones.
When phones first became Internet capable, it was common for developers to enable their web pages to work with the WAP browsers. Current smart phones are much more … Continue Reading

How to Build a Top Sliding Login Panel

Many times, I get requests from my clients who want to implement a Sliding Login Panel at the top of their WordPress blogs. With jQuery and the WordPress default login code, its very easy to build. Here is what it will look like :-
DEMO SLIDING LOGIN PANEL
The above demo is only HTML code and will not work with your WordPress blogs. In order to implement it into your WordPress themes, … 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

Pure CSS Tooltips

Today I’ll teach you how top create tooltips purely using Cascading Style Sheets(CSS). Tooltips are basically little blocks of information that are used to inform users about certain attributes of your website elements. This is a tooltip example!Click on this link to see how a tooltip looks like.
Most tooltips are created with the help of javascript or some other programming languages. This can be cumbersome because not everyone wants to … 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

How to Make Random Header Images?

You are using a neat WordPress theme with an image header but want to have multiple images that you can randomize on your blog? Here is how to go about it…
STEP 1 – Editing Images
Make all your header images that you want to randomize of the same size (dimensions) and format. For example, if you have GIF images then all should be of the same extension. I hope you get … 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

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