Coquette Icons

“Coquette” free icon set contains 50 high quality, free icons in these sizes: 16×16px, 32×32px, 48×48px, 64×64px and 128×128px and 32-bit transparency PNG file format.

License: Free for personal use. Commercial licenses start at $15.
File size: 79KB
Amount of icons: 50 icons

Weby Icons

The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software.

License: free
File size: 5 MB
Amount of icons: 100 icons

Icons Shopping Cart

A shopping cart icon for a Game Store.

License: licensed under a Creative Commons Attribution-Share Alike 3.0 License.
File size: 220 KB
Amount of icons: 1 icon

Basket

There are 2 icons in this set.

License: licensed under a Creative Commons Attribution-Share Alike 3.0 License.
File size: 1.6 MB
Amount of icons: 2 icons

Free E-Commerce Icons from IconShock

Free icon form IconShock and the icon pack includes an Adobe Illustrator file and a PNG file for each icon.

License: free
File size: 4 MB
Amount of icons: 5 icons

Css Globe Icon Set

CSS Globe offers an icon set that includes shopping cart icons.

License: free
File size: 224 KB
Amount of icons: 12 files

Credit Card Icon Set

A set of six icons for showing your visitors that you accept credit card payment.

License: Freeware Commercial usage
File size: 123 KB
Amount of icons: 6 Icons

Shopping Cart Icon

A fantastic shopping cart icon for any project.

License: free
File size: 26KB
Amount of icons: 1 icon

Free Glossy E-Commerce Icons

A popular set of free icons that was designed specifically for e-commerce sites.

License: free
File size: 187 KB
Amount of icons: 32 icons

Chalkwork Payments

A collection of payment icons for your needs.

License: free
File size: 3.5 MB
Amount of icons: 21 original icons and 105 variations

Credit Card web icons

5 useful credit card & PayPal icons.

License: free
File size: 38 KB
Amount of icons: 5 icons

Finance icon set

A full set of financial and e-commerce icons, including shopping carts, money icons, credit cards and charts.

License: free
File size: 1.5 MB
Amount of icons: 12 icons

Milky – A free stock vector iconset

A milky sweet icon pack.

License: free
File size: 2.42 MB
Amount of icons: 131 icons

Tango-styled Shopping Cart

This is set includes 1 icon for shopping chart.

License: licensed under a Creative Commons Attribution-Share Alike 3.0 License.
File size: 24 KB
Amount of icons: 1 icon

E-Commerce Icon Set

E-Commerce Icon Set inclides Products on Sale, New Porducts, Checkout, Secure Payment, Credit Cards, Delivery, Shopping Bag, Empty Shopping Bag, Shopping Cart, Empty Shopping Cart.

License: Free for Personal and Commercial Projects
File size: 417 KB
Amount of icons: 10 icons

Payment Icon Set

Payment Icon Set includes VISA Card, Master Card, American Express, Cirrus, PayPal, Cash Payment, Gold Coin, Gold Coin Stacks, Secure Payment, Shopping Cart.

License: Free for Personal and Commercial Projects
File size: 339 KB
Amount of icons: 10 icons

Shopping cart Icon

Contains 1 icon shopping cart with six different sizes

License: Free
File size: 370 KB
Amount of icons: 6 icons

Money Icons Set

Money Icons Set contains 10 high quality icons as PNG, ICO and ICNS formats.

License: Attribution-Non-Commercial 3.0
File size: 546 KB
Amount of icons: 10 icons

Colourflow : Visa Dock Icons

Containt 4 high quality icon visa payment

License: Attribution-Non-Commercial 3.0
File size: 938 KB
Amount of icons: 4 icons

• buttons
• tabs
• menus
• keyboard
• ballons
• many more

They are very useful for designers and developers and include scalable and totally editable vector versions for Adobe Illustrator.

Go to download site

This kind of scenario happens with every user in search of information on the Internet. After all, every user has several websites to browse through and choose. The need of the user is sadly not always the first thing that is taken into consideration whilst designing any website. Website owners and web designers then need to think and know whether the website performs as is expected for their business!

The most important thing for any website is interactivity. Why interactivity is what many would question! Well, the reason is that a website needs to capture attention and keep users on the page within the first few seconds. Yes, the first few seconds a user spends on the page is of utmost important. And whether people agree or not, the old saying where first impressions make the last impressions holds true! A website that can capture attention of the user to keep him/her on the page can be termed as truly successful!

Things to know for web design:

• Your website should be user-friendly
• The website should attract attention
• Study the target group for the design process
• The information should be presented appropriately
• It needs to highlight important points clearly
• Use of interactivity to keep users on page

Websites that engage with interactivity

Wrangler

We all know about the popularity of the brand Wrangler. This website displays the products in a very unique way. As seen in the image, a user has to unzip the jacket to browse the website further. The visuals then unfold in a very interesting manner. The collection can be viewed only after the user performs some action on the website!

Mnatwork

The design company, magneticNorth has used interactivity in a creative way. Their simple concept of drawing and discovering gives an exclusive touch to the website. At first instance, the website only has one statement in the beginning, which is ‘Draw and Discover’. As a user actually draws across the screen, various elements about the website are discovered. The display of their portfolio in this creative manner speaks volumes about the company!

Bebopjeans

Bebop, a lifestyle apparel company has displayed the required information in a creative way. The use of Flash with graphics and the entire presentation keeps users on the page. There is an interesting mix of elements. These creative web pages keep users interested for more!

Extre

This clothing store has made use of interactivity to displays details. This sure is attractive as compared to websites that place rows of photographs next to each other. Every bit of information is displayed through the circular forms of the plant. It engages users on the page whilst displaying information.

Apple Ipad

Also big images catch the users eys as Apple is used to do. This helps in presenting the information about the service in an engaging manner. Users need to perform some activity on the page to view more information. The design along with the content thus needs to be catchy!

All these examples of websites are uncommon although the topics can be termed as common. To put it across simply, there are so many websites related to clothing and accessories. Yet, it is not always the brand name that can cause users to browse through a website. An attractive website will do all that and much more for any web designer or web master.

So, do you have what it takes to make your website successful? Looking forward to your replies!

If you liked this post, why do you not subscribe to KnowTeBook.com?

About the author

Poonam Agarwal works as Program Manager at Harbinger Group and is looks after for Raptivity Web Expert, software to bring web pages alive through Interactivity. This software helps to add interactivity to websites without programming! She holds a Bachelor’s degree in Computer Engineering and is an active blogger.

Write guest posts for KnowTeBook

If you’re a writer and know a lot about design, coding, …… or owning a small business, you can give great advices on branding, marketing, productivity, dealing with clients (and other related topics), or you can write ‘how-to’ posts, please get in contact with Sebastian.

The Next Big Thing

Even in a hyper-connected world, it’s still possible to see The Next Big Thing coming before the ‘masses’ do. Here’s proof.

Watch all 6 Videos at Trendwatching!

The protocol in a nutshell is as follows:

• An feed URL (a “topic”) declares its Hub server(s) in its Atom or RSS XML file, via <link rel=”hub” …>. The hub(s) can be run by the publisher of the feed, or can be a community hub that anybody can use. (Atom and RssFeeds are supported)

• A subscriber (a server that’s interested in a topic), initially fetches the Atom URL as normal. If the Atom file declares its hubs, the subscriber can then avoid lame, repeated polling of the URL and can instead register with the feed’s hub(s) and subscribe to updates.

• The subscriber subscribes to the Topic URL from the Topic URL’s declared Hub(s).

• When the Publisher next updates the Topic URL, the publisher software pings the Hub(s) saying that there’s an update.

• The hub efficiently fetches the published feed and multicasts the new/changed content out to all registered subscribers.

The protocol is decentralized and free. No company is at the center of this controlling it. Anybody can run a hub, or anybody can ping (publish) or subscribe using open hubs.

To bootstrap this, we’ve provided an open source reference implementation of the hub (the hard part of the protocol) that runs on Google App Engine, and is open for anybody to use.

Plugins

• Wordpress

The list of 72 Top Questions to Ask New Web Design Clients

1. How does your company handle email?
2. Do you need any password protected areas?
3. Do you have the Pantone numbers for your current company colors?
4. Did you take a look at our portfolio?
5. What is your time frame?
6. Is this a brochure site, or a blog?
7. Who is your audience?
8. Do you have any specifications?
9. What are the website addresses of your competitors?
10. How many other companies have you talked to?
11. Do you need a business card and letterhead?
12. What is your main message?
13. Did you or someone else register the domain?
14. How familiar are you with search engine optimization and best practices?
15. What are several websites you like?
16. Do you currently have a website?
17. Do you or anyone on your staff have Photoshop or other image editing software?
18. Do you need search engine help?
19. Does the site launch need to coincide with a product launch or any other important milestone?
20. Do you need a content management system?
21. How long have you had a website?
22. Do you have photos you need to use?
23. Will several people be editing the site?
24. How many pages do you need?
25. Do you have a catalog or brochure?
26. How do people find your current website?
27. Do you have a newsletter?
28. Are you in touch with the orginal designer?
29. Do you have access to the web server?
30. What are several websites that you like the look of?
31. Do you have control over the domain?
32. Do you need any other promotional material?
33. How familiar are you with usability studies?
34. How important is search engine ranking to you?
35. Is there any specific functionality you need?
36. Will you be providing creative direction?
37. Do you have your content done?
38. Will your IT person be involved?
39. Do you have a logo? What format is it in?
40. How familiar are you with graphic design best practices for web designs?
41. What is your current hosting company?
42. Have you been through the complete web design and development process before?
43. Who are your competitors?
44. How often do you need to update the site?
45. Describe the style of website you are looking for?
46. Is the original developer still available?
47. What is your budget?
48. What is compelling about working with us?
49. Do you need an image gallery?
50. Are you are anyone on your staff familiar with HTML and CSS?
51. Is your logo in Illustrator format?
52. Do you need this to integrate with your existing identity pieces?
53. How are you going to maintain the site?
54. What software do you have?
55. How did you find us?
56. Did you read any of our blog?
57. What bugs you the most about websites?
58. Do you need any other graphic design help?
59. Do you need social media tools built in, like Digg, Facebook, Twitter, Stumble Upon, etc.
60. How familiar are you with web standards and web design best practices?
61. Do you need the website to tie into any particular 3rd party applications?
62. Do you need a contact form?
63. Do you have a domain?
64. Do you have any proposals from other design firms?
65. How important is customization to you?
66. Will you want or need help in making changes? If so, would you need help routinely?
67. What do you need your website to do?
68. Do you need ecommerce?
69. Have you considered redesigning your logo?
70. Do you have hosting?
71. Have you considered taking a fresh look at your corporate identity? This a good time to consider refresh or an entirely new identity.
72. When is the last time you updated the site?

Update: PART II

Hopefully with the feedback he can create a complete set with ALL the Social sites in the world, ever.

He intends to update this pack in the following few weeks with at least another 25 sites, so please let him know in the comments which ones you would like.

There are 4 different sizes : 512 x 512 512 x 512, 256 x 256
128 x 128, 64 x 64  – PNG

License/Usage : Free for personal and Commercial work , please use an attribution link back to ‘ http://digitalartempire.com/‘

Photo by Gauldo

JanRain RPX

JanRain RPX WordPress plugin allows connections to your web site by various means, including Facebook Connect, the Google, Yahoo, Twitter, MySpaceID accept as AOL, the Windows Live ID and OpenID. After installing the plugin, users can connect to a page and comment on your blog about these providers and suppliers have icons next to the commentators.

Facebook Status Updater

This plugin will automatically updates the status Facebook Fan Page, publishes Wall / Wall Group Home / twitter when you send a new message. We might have to wait a little, because it doesnt seem to work with Wordpress 2.9.2 yet.

Wordbook

Wordbook allows users to publish to WordPress blog updates of their Facebook profile Mini-Feed. You must connect your Wordpress blog with your Facebook account when to use this plugin.

Gigya Socialize

Gigya lets you authenticate users through Facebook Connect, MySpaceID, Twitter, Google, Yahoo and AOL. Apart from this, you can update your social networking sites to your blog and invite your friends to your blog by visiting this link. After activation, simply go gigya website and get your API key and Secret key to use this plugin.

Facebook Fan box

This plugin allows users to add a fan box to their blog. The fan-box will appear as a sidebar widget. To use this module, you can simply create a fan page on Facebook, you will receive a unique key identifying your profile API and you’re done!

Fotobook

Fotobook lets users can access Facebook account and import photos, then link these images you can use on their blog. In this section, users can import photos from multiple Facebook account and displays these images on the sidebar. It is an easy instrument to use Ajax manage photo albums. Note: This link does not work with Wordpress 2.8.

WP-FacebookConnect

WP-FacebookConnect adds features to Wordpress with the Facebook Connect API. It provides single sign-on to your Facebook account to post comments on news content, a profile of Facebook, and use images as avatars comment.

Feed Facebook

This plugin creates a separate power supply on Facebook. If you do not like, such as Facebook face your blog feeds, you can then use this plugin to forage for Facebook to summaries only.

Facebook Dashboard Widget

This plugin uses Wordpress widget to attract and display your Facebook friends status, show your post and notificaton at your Wordpress admin dashboard. With this method, you can find these updates without login to your Facebook account.

Add To Facebook

Add To Facebook is a simple plugin that will add a link at the bottom of the current location, so readers can easily share the article with a friend on Facebook.

If you liked this post, why do you not subscribe to KnowTeBook.com?

About the author

Yanuar Prisantoso is a 25 year old web developer in Onebitmedia, he has experience in the web design and web development industry and is very interested about jQuery and interactive on his blog, Denbagus. You can follow on Twitter or contact him through his website.

Write guest posts for KnowTeBook

If you’re a writer and know a lot about design, coding, …… or owning a small business, you can give great advices on branding, marketing, productivity, dealing with clients (and other related topics), or you can write ‘how-to’ posts, please get in contact with Sebastian.

Photo by Richard-G

1. WPCompressor - Increase loading time up tp 80%

We couldnt believe it! Just by this small plugin, which activates GZIP compression of your website without any changes to your server, you can reduce your site weight to 80%. It uses PHP to activate GZIP instead of .htaccess. wpCompressor automatically compresses the data output and boosts the speed performance of your blog. You can test your speed here.

2. Remove unnecessary Plugins & upgrade current ones

Remove all unused plugins wordpress site. Disable them and then physically remove from your web server. Plugins are disabled will affect the speed of a site for WordPress plugin will check whether activated or not. You also must keep up-to-date with the latest version of the plugin you use. Developer would have released a new version because they have modified the code in several ways to make this plugin work better.

3. Minimize PHP and database queries

I also have read great tip on Wpcandy’s simple ways to speed up WordPress. The article makes a lot of sense, cutting down on PHP and database queries.Jadi when the page loads on your site, and your browser must execute PHP query, it adds to the burden of time. If you change the query PHP with static HTML, every time the page is loaded, the browser you only read HTML.

4. Optimize and Repair your Database from myPhpAdmin

Every week or so you should login to your myPhpAdmin and optimize your db. Locate your Wordpress DatabaseTables, check all the tables in the Check Boxes, select the Optimise Tables Option and repair. You would be surprised how well this trick might work, it saved more than 10% of my current database size.

5. Use Reliable image hosting service

Try moving the common web images, CSS, JavaScript and other static files to Amazon S3 Storage service and you will notice the average CPU load / memory requirement of the web server will be reduced a lot. Read this step by step guide. Signing up for reseller hosting gives you more power for your own projects. You will have more control of system ressources.

You can also try WP-Offload . This plugin will boost the performance of your blog by seamlessly offloading static content like images, documents and movies. This will greatly reduce bandwidth consumption and the number of HTTP requests issued to your web server. Additional features such as remote image manipulation and thumbnail generation are provided.

6. Install WP Super Cache Plugin

This plugin will generate static html files from your dynamic WordPress blog. After the resulting html files, your webserver will serve that file instead of processing the relatively heavier and more expensive WordPress PHP scripts and would not actually load content from a database at all, so the post will load faster with less stress on your server.

7. PHP Speedy WP

PHP Speedy WP can quickly and easily speed up your WordPress site and increase your blog’s response without too much effort on your part. PHP Speedy WP also allows us to automatically combine all the JS and CSS files into only two files - which in turn helps the opening page of times. CSS Background Images are automatically converted to URI.Dan this data will be useful in reducing the number of HTTP requests even further. And, importantly, is compatible with Internet Explorer, although the data do not support URI

8. Speed up access to your favorite frameworks via the AJAX Libraries API

The AJAX Libraries API is an attempt to make Web applications faster for developers in simple ways by becoming a content distribution network and loading architecture for popular javascript libraries including:

• jQuery
• prototype
• script.aculo.us
• MooTools
• dojo

You can either link to the source code directly:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>

Or you can use Google’s API:

<script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("prototype", "1.6.0.2");</script>

By using the google.load() method, your application has high speed, globally available access to a growing list of the most popular, open source and up to date JavaScript libraries.

9. Optimize your images with this great tool

Shrink O’Matic AIR is a great application to easily (batch) resize (shrink) images. This will be able to handle JPGs, GIFs and PNGs. Simply drag and drop images and they will be resized as you wish! Options allow you to choose the output sizes, names and formats.

10. WP CSS

This plugin GZIP and strip whitespace from your CSS file. This plugin allows you to confidently use @ import in the CSS file and not have to worry about what happens at the end user. This can be seen through the style.css file and put all @ import files into it. You also can set the cache expiration time. In addition you can also add CSS files to a specific page or post and put them all into one file.

11. Display page loading time + number of queries

Here is a simple code that can be inserted in your template. This code is useful to know how long it takes to load your page, or how many sql query is executed.

<?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?> seconds

If you liked this post, why do you not subscribe to KnowTeBook.com?

About the author

Yanuar Prisantoso is a 25 year old web developer in Onebitmedia, he has experience in the web design and web development industry and is very interested about jQuery and interactive on his blog, Denbagus. You can follow on Twitter or contact him through his website.

Write guest posts for KnowTeBook

If you’re a writer and know a lot about design, coding, …… or owning a small business, you can give great advices on branding, marketing, productivity, dealing with clients (and other related topics), or you can write ‘how-to’ posts, please get in contact with Sebastian.

This is mine As you see with many inspiration.

Check them out here at Ashad’s website.