Rakhitha Nimesh

Role: Guest Writer

Rakhitha Nimesh is a software engineer and writer from Sri Lanka. He likes to develop applications and write on latest technologies. He is available for freelance writing and WordPress development. You can read his latest book on WordPress Web Application Development. He is a regular contributor to 1stWebDesigner, Tuts+ network and Sitepoint network. Make sure to contact him at www.innovativephp.com or follow him on Twitter and Google+

20 Addictive HTML5 Games For You To Enjoy

Posted in 1WD Features, Tools, Web Design2 years ago • Written by 9 Comments

HTML5 game development is a trending topic that developers and designers often talk about these days. It is slowly but surely replacing Flash with its support for animations and game development in combination with JavaScript. You will see that more and more HTML5 games are created everyday with awesome graphics and cool effects. In this round-up, we are going to provide you with a list of addictive HTML5 games.

20 Addictive HTML5 Games For You To Enjoy Read More

Design an Awesome Product Page with CSS Background Attachments

Posted in Coding, HTML & CSS, JS & AJAX, Tutorials2 years ago • Written by 7 Comments

Today I am going to show you how to create a product page for your website with awesome CSS effects. We will be using CSS background attachments and jQuery to create these effects. There are 2 commonly used techniques using this effect. First method is creating the before and after effect of an image. I am going to create the second method which will change the product’ as we scroll down. Take a quick look at our demo product page to get an idea about the effect we are implementing in this tutorial.

Design an Awesome Product Page with CSS Background Attachments Read More

Create an Author Comments Feed in WordPress

Posted in Plugins, WordPress2 years ago • Written by 4 Comments

In recent years blogs have become so popular that and they’re one of the most common ways people get their daily dose of information. It’s not possible for a single person to provide quality content everyday. As a result, major websites are accepting  guest authors to provide quality content on a regular basis.

Authors play a vital role in these multi-author blogs since they are responsible for providing up-to-date content for their readers. Once a post is published, the author has to respond to comments, fix the issues and update the content according to the latest trends. As an Author, it is important to respond to user comments quickly. When a comment is made, only the administrator gets the notification email to approve the comments. But there is no default functionality to notify the author.

Authors have to view comments of each post regularly and I can tell you that is very hard if you have written a large number of posts. In this tutorial I am going to ease this task by creating an author comments feed for the comments of all posts written by a single author. Then you will be able to view all the comments in one place. So Lets get started.

Create an Author Comments Feed in WordPress Read More

Create a Stylish Tweet Book with Jquery and CSS

Posted in Coding, HTML & CSS, JS & AJAX2 years ago • Written by 11 Comments

Twitter is a popular social networking service used by millions of users to share text-based content. It has been described as the “SMS of the Internet.” We love to tweet links and ideas we are interested as well as follow other people with similar interests. Everyone loves to follow a lot of people and hence there is a possibility of missing the most important tweets.

So in this tutorial I am going to create a stylish Tweet book to keep your best friends and view their Tweets. As you complete this tutorial you will gain knowledge in working with jQuery and CSS to create a stylish book design. You will also learn to work with the Twitter API using jQuery and AJAX. So let’s get started.

Once you open the demo click on the button with the arrow to open the book. Then click on a letter to load friends. Then click view button to get the recent tweets.

Create a Stylish Tweet Book with Jquery and CSS Read More

Create a Sliding Navigation Menu with jQuery

Posted in Coding, HTML & CSS, JS & AJAX2 years ago • Written by 11 Comments

Having a sliding navigation menu helps users to find the important pages of your website in a cool way. It is important to keep your navigation menu simple and user-friendly while keeping it attractive.

Consider a situation where you include your blog categories in a navigation menu. If you have a long category list, a drop down navigation menu will exceed the page height and the user might need to scroll to navigate to the last part of the menu. These small things are enough for a user to navigate away from your site.

To solve that, we are going to create a complete navigation menu using jQuery. I will explain how to compress large menus using sliding panels to keep the depth of your menu to a minimum level. Take a look at the demo before we get started. You can see that sub level menu items are hidden initially and displayed as sliding panels on click.

Create a Sliding Navigation Menu with jQuery Read More

How to Create a Multi-Step Form Using RhinoSlider

Posted in Coding, HTML & CSS, JS & AJAX2 years ago • Written by 18 Comments

How do you feel when you see a long Sign Up form for a website or service? Generally, people get bored when the Sign Up form is too long. Ideally, you should keep the form as simple as possible with minimum fields, and if that is not possible, try using a multi-step form.

The reason why Facebook Connect and Sign In with Twitter has become so popular these days is because of their simplicity, since users can sign up just by logging into their Facebook or Twitter account.

If you are using normal Sign Up forms and still require a lot of data from your users, a multi-step form is the best solution. So the form is broken into small sections and the user only sees one section at a time. Also, multi-step forms reduces the space you need on the page.

How to Create a Multi-Step Form Using RhinoSlider Read More

Image Tagging Tutorial Using jQuery and CSS

Posted in Coding, JS & AJAX, Tutorials2 years ago • Written by 10 Comments

There is a popular saying that a picture is worth a thousand words. Images are a great way of catching our attention instantly. But sometimes its necessary to tag or link specific parts of images to provide information. Popular social media giants like Facebook and Google Plus use image tagging to identify the people and places in images.

In this tutorial I am going to show you how to create a simple image tagging system using jQuery and CSS. Lets get started.

Image Tagging Tutorial Using jQuery and CSS Read More

20 Cool IFTTT Recipes To Automate Your Online Activities

Posted in Social Media, Tools, Web Design2 years ago • Written by 9 Comments

How many hours do you spend daily on online activities such as checking email inbox, tweeting, and sharing stuff on social media? Even though those activities are necessary, sometimes it becomes a distraction for our main tasks. Have you ever tried to automate these tasks to reduce time waste?

IFTTT is the best service available currently for automating such tasks. IFTTT has number of channels which triggers on certain conditions and executes a specified action on other channels. You can automate most time consuming tasks by using IFTTT recipes. It provides almost 46 popular channels and rising every day.

20 Cool IFTTT Recipes To Automate Your Online Activities Read More

Quick WordPress Theme Switcher Plugin Tutorial

Posted in Coding, JS & AJAX, PHP, Tutorials2 years ago • Written by 9 Comments

The design or theme of a website plays a vital role in its success. Recent changes in popular sites prompted me to write this tutorial. Facebook Timeline, Youtube Dark Theme and Gmail Clean and simple design are major changes made recently. Also 1stwebdesigner is going through its redesign process and the changes looks promising from a users perspective.

In this tutorial I am going to explain how you can dynamically switch WordPress themes based on various conditions allowing you to provide the best possible user experience. Before we dig into dynamic theme switching, let’s see how WordPress changes its menu in the admin dashboard.

Quick WordPress Theme Switcher Plugin Tutorial Read More

How to Create an Infinite Scrolling Gallery in 10 Minutes

Posted in Coding, Tutorials, Web Interface2 years ago • Written by 25 Comments

Pagination is a technique used to break large data sets into small blocks in order to reduce the server load. We used to create pagination buttons with page numbers and next/previous links. Now pagination has gained a new perspective with infinite scrolling.

How to Create an Infinite Scrolling Gallery in 10 Minutes Read More
54.196.201.253 - unknown - unknown - US