Create a Stylish Tweet Book with Jquery and CSS

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.

Know More

10 Outstanding Tools to Build Portfolio Easily and Professionally

If you’ve been working as almost any kind of creative, you probably know that a piece of paper with fancy stamps do not always guarantees work. And you also know that having a beautiful and clear portfolio that represents you is essential. Recently we published an inspirational article regarding successful designer portfolios. But I’m not a designer and I can’t create that kind of website on my own, you’d probably say. What to do then? Pay someone a big amount of money for your website? I hold that the content stands over the packaging and it doesn’t make a big difference if your portfolio cost you thousands of dollars or couple of sandwiches. It’s much better to focus on your work and leave its presentation on safe hands. That’s why for this roundup we’ve prepared a list of 10 tools that will help you build a portfolio easily and professionally.

Know More

75 Impressive and Powerful Premium WordPress Themes From 2012

Looking for a great website? Maybe a convenient solution for a client? WordPress is one of the most powerful CMS solutions out there and people with demands choose it for their website because of it’s flexibility, customizability and almost unlimited range of features.
WordPress doesn’t associate with just a blog anymore – it’s used by businesses, nonprofits, creatives and sellers. Different types of websites require different types of designs and that’s where WordPress is forthcoming. You can apply almost any design to it and customize it for your needs. Most of the people choose to use premade themes which are easy to customize, remake and adjust. If your wishes don’t stretch further than a personal blog then it’s better to go for a free theme – we recently published a roundup of high quality free WordPress themes from 2012.
However, if you know your website is going to need some more advanced features it’s better to consider purchasing a premium theme. Premium themes come in high-quality, they’re packed with tons of features and you can customize them to suit your needs. For this roundup we’ve prepared 75 impressive and powerful premium WordPress themes that are sorted in categories.

Know More

Create a Sliding Navigation Menu with jQuery

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.

Read more

How to Backup WordPress Sites to Dropbox

What would happen if all of the hard work you put into your website was all wiped away by a hacker or malicious virus of some kind? It would be difficult to find the motivation to start all over unless you have a backup of some kind. Using your already established Dropbox account, several options are available to Backup WordPress Sites to Dropbox.

To take out some of the work out of backing up your site, below we will show some ways to automate the process and save the backup to Dropbox. The easier and more hands off the process is, the better, right? Below are some WordPress plugins and other options to help you easily backup your WordPress site.

Read more

40 Artistic Hand-Drawn Websites for Your Inspiration

Inspiration is an unlimited power and it is a never-ending process, this is especially true for anyone involved in the arts. With the right inspiration, you truly can accomplish anything. Here, we will showcase some very beautiful hand-drawn websites for your inspiration. Hand-drawn sketches are always in demand because of their magnificence and visual appeal. Here you will find 40 excellently hand-drawn websites that will simply surprise you.

Hand-drawn images in website designs is, and has been, a trend over the last couple of years. Reason being the creative and personal touch of hand-drawn images that not only enthuse the onlookers but will also a visual appeal to the overall design.

Browse through our collection and get inspired!

Read more

7 Creative Ways to Use HTML5 Canvas

One of the most exciting features of HTML5 is the <canvas> element that can be used to draw vector graphics, create amazing effects, or produce interactive games and animations. Canvas is supported in all modern browsers, including the upcoming Internet Explorer 10, but a little help from JavaScript allows older versions to adapt. It was originally designed by Apple for creating lightweight dashboard widgets on its mobile devices, but is now an openly developed W3C spec which grants it enormous flexibility and application.

Read More