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+

Beginners Guide to Working with jQuery Animation

Posted in JS & AJAX, Photo Effects, Quick Tips, Tutorials8 months ago • Written by 42 Comments

In this tutorial, we are going explore the basics of jQuery animations for you to get prepared for advanced designs. Animations is the core functionality behind the interactive elements in web design.

The design of a website plays a major role in attracting visitors on a consistent basis. Interactive designs get more attention compared to the plain old static designs.

Technology is improving at a rapid pace to cater the advanced modern web designs. As a result, CSS3 offers the animations without the help of JavaScript. Even though CSS3 and HTML5 are improving in leaps and bounds, jQuery seems to be the popular choice for creating interactive designs.

Let’s get started!

Beginners Guide to Working with jQuery Animation Read More

WordPress Plugin Development from Scratch, Part 4/4: Settings Page

Posted in Plugins, WordPress11 months ago • Written by 15 Comments

Welcome to the final part of our tutorial series on WordPress Plugin Development for Designers. In the last three parts, we discussed the importance of plugins for you as designers and identified a basic structure for design based plugins while integrating a jQuery slider into WordPress.

Today we are going to complete the basic structure of a plugin by learning how to create a WordPress plugin settings page for our slider. Stay tuned as settings are an important part in customizing the functionality of a Plugin.

So let’s get started.

WordPress Plugin Development from Scratch, Part 4/4: Settings Page Read More

WordPress Plugin Development from Scratch, Part 3/4 – Custom Post Types

Posted in Coding, HTML & CSS, JS & AJAX, Plugins, Tutorials, WordPress12 months ago • Written by 13 Comments

Hello Everyone! Welcome back to the third part of this series on WordPress Plugin development for designers.

In the first part we identified the importance of WordPress plugins for you as designers and the basic structure of a plugin. Then we followed it up with the necessary coding required for developing plugins in the second part, by creating a jQuery slider for WordPress.

I am happy to announce that SlidesJS has won the voting contest and I’ll be using it through the rest of this tutorial series.

WordPress Plugin Development from Scratch, Part 3/4 – Custom Post Types Read More

Super Guide on How to Write Web Design and Development Tutorials

Posted in Blogging, Tips, Web Design1 year ago • Written by 19 Comments

Are you ready to get started writing about Web Design?

A few months back, I wrote an article called “Secrets of Learning Web Design and Getting Paid While Doing So”, where I introduced how writing about web design can improve your knowledge and at the same time make yourself some money.

It was a real success judging by the response it got. Many of you wanted to take on the challenge. Today I am going to take the first step by revealing the secrets of writing top quality tutorials.

Super Guide on How to Write Web Design and Development Tutorials Read More

WordPress Plugin Development from Scratch, Part 2/4: Integrate Slider

Posted in Plugins, Tutorials, WordPress1 year ago • Written by 30 Comments

In the first part of our WordPress Plugin Development Course for Designers we learned about the importance of WordPress plugins for designers and its base structure. Today we are going to talk about the core WordPress theories and techniques required for creating design focused plugins.

Our final goal is to learn WordPress plugin development while integrating a jQuery slider into WordPress from scratch. Throughout this tutorial, we will be learning the necessary coding techniques using sample slider as the example. By the end of this tutorial, you will have a simple template which is common to most of the design based plugins.

Voting for the slider is still going on and SlidesJS is heading the list. So we will be using SlidesJS the slider for explaining necessary codes in this part.

So let’s get started.

WordPress Plugin Development from Scratch, Part 2/4: Integrate Slider Read More

WordPress Plugin Development from Scratch, Part 1/4: Basic Structure

Posted in Plugins, Tutorials, WordPress1 year ago • Written by 51 Comments

I assume that you are a freelance designer or someone who work full time as a designer for a web design agency. Most of web designers are used work with static website design.

Now the question is: do you have a future as a static website designer?

The answer would probably be no since most clients and companies are planning to convert their websites to work with a CMS like WordPress, Joomla or Drupal.

WordPress is becoming the new static web site.

WordPress integration is simple enough that almost anyone can setup a WordPress site with an auto installer program. Unless you are familiar in working with a CMS like WordPress, you will definitely face issues moving further as a freelance designer.

WordPress Plugin Development from Scratch, Part 1/4: Basic Structure Read More

The Secret Of Learning Web Design And Getting Paid While Doing So

Posted in Blogging, Freelance, Tips, Web Design1 year ago • Written by 139 Comments

Are you a Web Designer or a person who wants to learn Web Design?

I would like to know why you want to learn Web Design!

Some people like to create great designs and become popular while others will choose it as their career and method of income.

What is yours?

The Secret Of Learning Web Design And Getting Paid While Doing So Read More

How Fluid Grids Work in Responsive Web Design

Posted in Coding, Tutorials, Web Interface1 year ago • Written by 59 Comments

Responsive design is the process of arranging the layout in a way that all the important information is presented in a user readable way in any kind of device or screen size. Most designers will choose a grid based layout since it’s easier to handle grid based layouts in different kind of devices.

It’s your decision to choose between a fixed or fluid grid to design the layout. Throughout this tutorial we are going to focus on fluid grids and their importance in responsive design.

How Fluid Grids Work in Responsive Web Design Read More

How to Make Custom Designs for your jQuery Slider

Posted in Coding, HTML & CSS, JS & AJAX, Tutorials1 year ago • Written by 15 Comments

Sliders are a common component used in website design and for various purposes. We can create image, content, or video sliders using  jQuery. jQuery is the most popular JavaScript framework used for these sliders. A lot of jQuery sliders can be categorized based on the techniques used for sliding. The following are some common and trending techniques used by developers.

  • Layered Sliders – This is the latest addition to sliders with parallax effect.
  • Fade In/Out Sliders – These types of sliders do not have controls. Content just fades away one by one.
  • Banner Rotators – These sliders rotate in a circular path.

There are many other types of techniques as well. Each type of slider is suited for a different purpose and location on your website. Hence the designer has to carefully choose sliders for different locations.

How to Make Custom Designs for your jQuery Slider Read More

How to Create a WordPress Reward for Tweet Plugin

Posted in Coding, Tutorials, WordPress2 years ago • Written by 13 Comments

As a website owner or blogger you need a good number of subscribers and followers to be successful in the social media world. Many websites provide freebies such as eBooks, Icon Packs and Plugins in exchange for emails. Getting people to tweet your content is another trending method to get more visitors to your site. In this tutorial, I’ll be showing how to create a WordPress reward for Tweet plugin to increase the tweets on your content while satisfying everyone!

How to Create a WordPress Reward for Tweet Plugin Read More
54.196.215.114 - unknown - unknown - US