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 Building Impressive Presentations with Impress.js. He is a regular contributor to 1stWebDesigner, Tuts+ network and Sitepoint network. Make sure to follow him on Google+.

Rakhitha's articles

  1. Developing a Password Strength Plugin with jQuery

    Passwords are the most commonly used authentication mechanism. Even as many sites move to multi-step authentication, passwords still pay a key role in securing your account. A strong password is critical to account security, and this article will teach you how to develop a plugin that guages password strength. We are going to use the zxcvbn library and jQuery to build a fully featured password strength meter for websites.

  2. Building a Twitter Hashtag Contest – Creating and Counting Tweets

    This entry is part 2 of 2 in the series Building a Twitter Hashtag Contest with Twitter's API

    In the first part of the series, we looked at the various types of contests on Twitter and chose to develop a hashtag contest, as it was one of the most popular types of contest and did not rely on luck. So far we have authenticated our users using the Twitter application. Today we are going to continue by implementing the tweet capabilities for our users.

  3. Building a Twitter Hashtag Contest – Registering the App

    This entry is part 1 of 2 in the series Building a Twitter Hashtag Contest with Twitter's API

    This entry is part 1 of 2 in the series Building a Twitter Hashtag Contest with Twitter’s APIIntroduction Social networking sites play a vital role in increasing the popularity of a website or application. The vast majority of web sites provide the ability to share their content on popular social media sites with the click […]

  4. Understanding Masonry Layout

    The modern web design world is an innovative one. Table-based lists with offset pagination are rapidly falling out of favor, whereas Masonry layouts with infinite scrolling are becoming the new norm. This article provides an in-depth look at the Masonry layout and its usage.

    Defining Masonry Layout

    The term Masonry layout probably owes its name to the popular jQuery Masonry plugin that is used to generate this type of layout. Masonry layout is also referred to as the Pinterest Style Layout, as www.pinterest.com was the first major website to use this layout style.

    Masonry is a grid layout based on columns. Unlike other grid layouts, it doesn’t have fixed height rows. Basically, Masonry layout optimizes the use of space inside the web page by reducing any unnecessary gaps. Without this type of layout, certain restrictions are required to maintain the structure of layout.

    Developers and designers are accustomed to seeing web pages laid out with CSS floats. But this common type of layout doesn’t take the size of the elements into consideration. Instead, it adds elements one after another, first in the horizontal direction, then vertically. The following image shows a typical web page that uses floats for layout:

    Default Layout

    As you can see, having boxes with dynamic dimensions makes it difficult to design a layout without unnecessary gaps. This type of layout makes it harder for users as well, because the page height increases due to the additional spaces. It requires unnecessary scrolling to navigate to the bottom of the page. In such scenarios, we have to use a fixed-size box in each row.

  5. Creating Intro.js Powered Tours in WordPress

    In a previous article, An Introduction to Product Tours with Intro.js, we discussed the importance of creating product tours and how we can use Intro.js to create awesome product tours. Unfortunately, we configured each step manually – a methodology that is not suitable for users with limited programming knowledge. However, the real power of Intro.js […]

  6. An Introduction to Product Tours with Intro.js

    Selling products online has become a trend for catching the attention of a global audience. Among those products, it’s easier to sell purely web based products and services compared to tangible products. Marketing products online is a decisive factor in making higher sales. So, it’s important to show the features of your products and services […]

  7. Translation and Text-to-Speech with Microsoft Translator

    Text to speech is a popular technique used by many websites to provide their content in an interactive way. The generation of artificial human voice is known as Speech Synthesis. Even though it's highly popular, there are very few speech synthesis services, especially when looking for those free of charge. Microsoft Translator is one of […]

  8. Beginners Guide to DOM Selection with jQuery

    As front end developers or designers, you will have to work with the Document Object Model – also known as the DOM – in your day to day projects. Selecting elements within the DOM and applying dynamic functionality has become more widespread with the improvement of JavaScript techniques in recent years. So we need to […]

  9. Planning a Perfect WordPress Forms Plugin

    These days, WordPress powered sites ranges from simple static websites to complex dynamic web applications. WordPress offers great built-in features for providing content for users, allowing the site owners to publish dynamic content from the back end. Getting users to interact with the website is another vital aspect of building successful websites. Therefore, we need […]

  10. Building Amazing Presentations with WImpress

    This entry is part 2 of 2 in the series WImpress

    This entry is part 2 of 2 in the series WImpressIn the first part, we learned how to integrate impress.js into WordPress, for creating dynamic presentations with CSS transitions and transformations. impress.js is becoming one of the most popular JavaScript libraries in Github. Flexibility and well structured codes might be the reason behind its success […]