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
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.
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
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
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
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.
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 :-
Here is how these themes do it :-
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
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. :-
… Continue Reading
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
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