Creating a Neon Blink Effect for your Forms using CSS3 and jQuery

Posted in Tutorials • Posted on 12 Comments

How cool will it be to have a glowing blink effect behind your input boxes in a form without using Flash? Well thanks to the bright new kid on the block, CSS3, spruced up with a bit of jQuery! In this tutorial, I will show you how to build a nifty effect to enhance your forms.

Note: In this tutorial, we have made use of @-webkit-keyframes which works only in browsers using the Webkit layout engine like Chrome and Safari.

Creating a Neon Blink Effect for your Forms using CSS3 and jQuery Read More

How to use BuddyPress as a Private Collaboration System

Posted in Tutorials • Posted on 8 Comments

For sites with multiple writers, it’s nice to have a place for them all to interact privately. Though there are solutions like Yammer and Teambox, they require your writers to register and log into another site.  I  can only guess as to how busy some people are! With this post I’ll show you how to make your own Private Social network for your writers using BuddyPress.

WordPress 3.0 is required for this guide, as we’ll be putting WordPress 3.0’s new multi-site feature to good use, along with BuddyPress.

How to use BuddyPress as a Private Collaboration System Read More

Creating a Simple Twitter App using oAuth and PHP

Posted in Tutorials • Posted on 148 Comments

Everyone on the web is updating to the latest & the most secure technologies with Twitter being the most hyped one as it upgraded from basic Authentication to the more secure oAuth. Earlier people had to risk their Twitter login credentials if they wanted to use some external Apps that gave them more control over their Twitter profile. Twitter would now be removing the basic Auth to fully support oAuth. As Twitter describes oAuth is:

Creating a Simple Twitter App using oAuth and PHP Read More

Improve Your Skills: 25 jQuery Beginner Tutorials Roundup

Posted in Tutorials • Posted on 5 Comments

jQuery is the most popular JavaScript library that highlights the interaction between JavaScript and HTML. With jQuery you can write less and do more. jQuery has become an active trend and it’s features are growing rapidly.

I have assembled 25 beginner level tutorials for you to start knowing and exploiting jQuery and it’s powerful tools. After reading these guides and tutorials you will be able to proceed and start testing jQuery’s limits.

Improve Your Skills: 25 jQuery Beginner Tutorials Roundup Read More

How to Create a better FAQ page for end users

Posted in Tutorials • Posted on 29 Comments

FAQ (Frequently Asked Question) pages have become commonplace on many websites for many reasons. The main, is that they offer a way to provide support, most commonly, customer support, without having to re-iterate solutions to common problems. For larger companies, a good FAQ page can even have an effect on the amount of support staff that are needed to be hired, yet browsing the internet, I continually find FAQ pages to be neglected, and a navigational nightmare. Similarly, Google for some articles on FAQ page design, and you’ll find near to nothing that’s helpful.

How to Create a better FAQ page for end users Read More

Complete Toolbox: 55 CSS Menu And Button Coding Tutorials

Posted in Tutorials • Posted on 15 Comments

Navigation menus and buttons with CSS styling are being used in almost every website. There are a lot of techniques to utilize and a good developer should have some basic knowledge about them all.

Below you will find a lot of tutorials each teaching you something different and appropriate. You will also find quite lot CSS3 tutorials, because CSS3 offered features are being used more and more and you should practise them too.

Complete Toolbox: 55 CSS Menu And Button Coding Tutorials Read More

Create Really Detailed Dark Web Layout Using Photoshop

Posted in Tutorials • Posted on 11 Comments

Hello! Today I’m gonna teach you how to create a dark template, I tried to explain everything as detailed as I could, but let me know if you didn’t get something right. This is my very first time on writing a tutorial and I am very excited about this chance.

I will do my best to make this tutorial easy for you to follow, just follow screenshots as we move forward step by step and try to understand how to use these techniques in your own designs! Let’s start?

Create Really Detailed Dark Web Layout Using Photoshop Read More

How to Create a Cool Slide Out Panel with CSS3 only

Posted in Tutorials • Posted on 25 Comments

Many sites have a really cool hidden panel which contains some relevant information and this panel is revealed to us, with a cool animation, when we click on a particular button or hover over it. This has usually been achieved using jQuery. But now as we advent towards the future and CSS3 is becoming a reality, here is a tutorial on how to build an animated slide out panel using only CSS3.

How to Create a Cool Slide Out Panel with CSS3 only Read More

The Ultimate Roundup of 50+ Icon Designing Tutorials

Posted in Tutorials • Posted on 7 Comments

Icon designing is very essential and important for graphic designer as there are plenty of clients who are willing to pay good for some unique and creative icons for their projects. There are many sites offering free icons for commercial use but they cannot be unique as anyone can use them or they may not be according to your requirements like size or color so it is very important for designers to know, how to design their own spicy icons.

The Ultimate Roundup of 50+ Icon Designing Tutorials Read More

How to Build a Distance Finder with Google Maps API (Part-2)

Posted in Tutorials • Posted on 18 Comments

In the first part of this tutorial we’ve built a distance finder using google maps. To build our app we’ve used the newest google maps api version, v3. Our distance finder lets the user write two addresses, shows them on a map, shows the route between them and computes the route’s length. Today, we will make some improvements to our distance finder and learn some other features of google maps!

How to Build a Distance Finder with Google Maps API (Part-2) Read More
54.211.157.103 - unknown - unknown - US