November of 2009 was the month we said our “Hello World!” to the world of blogging and we are so happy for that because we’ve heard a lot of warm feedback from our readers. During the last 45 days from the launch, We’ve tried to bring handy resources & tutorials for both internet users and producers (designers & developers) and hopefully we will continue it in the new year with more quality posts regularly.

What happened in 2009 (from Nov 15)

• We wrote 9 posts in various categories and received over 140 comments and pingbacks.
• We achieved to about 200 RSS subscribers and 90 followers.
• 3 of our posts got featured on delicious homepage

Our Most Popular Posts of 2009

• 23 Pure CSS Effects/Solutions to Make JavaScript Angry!
• 15+22 jQuery Image Slideshow/Slider Tutorials and Plugins for Your Next Projects
• All you need to optimize Firefox for Better Performance: 33 Tips
• Do it yourself: 12 Wordpress Solutions Without Using Plugins

What we will do in 2010

We will continue writing new posts, 2-3 posts a week. Also we will release some freebies in the new year.

Thanks, Subscribe & Follow!

Thanks for reading Web anthology! Thanks a lot! Don’t forget to subscribe to our RSS feed & Follow us on twitter before 2010! Happy New Year!

Related Posts

Using a lot of plugins isn’t recommended if you’re going to boost your blog performance. Also, if you build your needs yourself as much as possible, you will have more control on what you are looking for.

In this post, we have featured 12 practical Wordpress solutions that you won’t need any plugins to implement them.

Don’t forget to subscribe to our RSS feed to not miss any new post!

1. Showing Popular Posts Without A Plugin

When it comes to usability, or when you’d like to increase your pageviews, it’s really recommended to have a section somewhere on your theme to feature your bests post. In the following tutorial you will learn how to display popular posts on you sidebar on anywhere else without a plugin.

Visit Solution

2. Showing Related Posts Without A Plugin

Showing related posts will increase the number of pageviews. You can show related posts with thumbnails either without thumbnails easily by a few lines of PHP. Let’s try.

WP Shortcode for displaying related posts

How to: Show related posts without a plugin

Add Related Posts, with Images, to WordPress without a Plugin

3. Specifying a Featured Post Without Plugins

Learn how to add a featured section to your homepage.

Build a Featured Posts Section for WordPress

How To Create A Featured Post (And Get Pagination To Work)

4. Making A Contact Form That Works

You will definitely have more control on your contact page if you create it personally.

WordPress & jQuery Contact Form without a Plugin

5. Displaying Random Posts

“If your Wordpress blog uses a homepage or a landing page of some kind, featuring a random post on that page can serve a couple useful purposes.”

Wordpress: Random Posts Without a Plugin

6. Displaying latest tweets

Learn how to show recent tweets of yours without a plugin as well as how to add “tweet this” button to your posts.

Display your tweets without a plugin

Tweet This Using TinyURL and NO Plugin v2.0

7. Insert Social Media Icons Without A Plugin

Adding social media icons to your posts, will allow visitors to easily submit the current article to social bookmarking sites like Delicious, Reddit, Digg, StumbleUpon, Twitter and Facebook.

Visit Solution

8. Add Bread Crumbs to Your Wordpress Themes

Using bread crumbs specially for business/portfolio themes boost the usability of your theme. Why don’t you build it yourself without any help of plugins?

Visit source 1

Visit source 2

9. Displaying Ads in Your RSS Feeds

Using this quick trick, you will be able to modify your RSS content and add some ads to your feeds.

Visit Solution

10. Display Author Information

“Many multi-author blogs have an ‘About This Author’ section attached to the bottom of each post – containing a link to the author’s site and a short Bio about them. In this post, we’ll be creating this, and also an ‘Authors Archive’ page.”

Visit Solution

11. Recent Comments Without Plugins/Widgets

A short piece of code that you can use wherever you like to display the recent comments of your blog.

Visit Solution

12. Custom Write Panel

If you’re an advanced user of wordpress themes, this tutorials will take you to the next level of improving wordpress themes. Highly recommended for themes developers.

Visit Solution

Related Posts

The title is a bit funny! Making JavaScript angry! but truthfully we’re not going to make JavaScript angry. We just would like to introduce you some effects or solutions which you may think are made using Javascript (or his friends) but after reading this post, you would be proud of CSS! All of them are made using Pure CSS.

P.S. Some of the featured articles below are suitable for learning purposes and there are better solutions out there using jQuery or Javascript.

1. CSS Hover Effect

Learn how to use CSS to make hover effects for your content boxes.

Visit Article

2. CSS Gradient Text Effect

Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash).

Visit Article

3. Blurry Background Effect

Utilizing two images and CSS background-attachment property you can make a great CSS effect easily.

Visit Article

4. The CSS letterpress effect

This effect is getting so popular in today web design. With the help of the text-shadow CSS property you can easily implement this effect in your website/blog.

Visit Article

5. 3-state Button using CSS

Learn how to create a 3-state button using pure CSS image sprites.

Visit Article

6. Pure CSS Polaroid Photo Gallery

Make the beautiful photo gallery above just using CSS properties.

Visit Article

7. Pure CSS Animated Progress Bar

Here’s a simple demonstration of how you can create animated progress bar using pure css.

Visit Article

8. CSS Text Gradient

Improve your site appearance by using this technique by CSSG which uses a transparent PNG and some lines of pure CSS!

Visit Article

9. 4 Uber Cool CSS Techniques For Links

Including Pure CSS Tooltip, Pure CSS Image Gallery, Pure CSS Image Resizer, and 3d Button Effect.

Visit Article

10. Bubble Effect with CSS

In this tutorial you will learn how to make bubble effect with CSS something like apple dock.

Visit Article

11. Create Resizing Thumbnails Using CSS

“This tutorial is aimed at controlling the size of the thumbnails appearing on your page. Sometimes we don’t have enough space to spare to fit in large thumbnails and yet we would like to avoid small and barely recognizable images. Using this trick we limit the default dimensions of the thumb, and show it in full size when user mouse-overs it.”

Visit Article

12. Pure Css Line Graph

Learn how to make line graphs with CSS and definition list elements (DL).

Visit Article

13. Pure CSS Data Chart

Data visualization is mostly achieved with flash applications or with help of some programming languages. But this tutorial will teach you create one by pure CSS.

Visit Article

14. CSS for Bar Graphs

In this tutorial, you will use CSS & XHTML to make beautiful bar graphs both vertical and horizontal. Another CSS Graph.

Visit Article

15. CSS Image Maps

Above is a sample image map that’s built entirely using CSS and XHTML

Visit Article

16. Pure CSS Lightbox

Yes, it’s a CSS-only lightbox effect right click on the demo page and view it’s source.

Visit Article

17. Change Text Selection Color With CSS

Learn how to override the default text selection color using CSS.

Visit Article

18. CSS Bubble Tooltips

Avoid cross-browser javascript when you can use css to make tooltips with less code. More Pure CSS Tooltips: 1 , 2 , 3

Visit Article

19. CSS Hover Effect

Multi-level drop-down menu that’s built entirely with CSS (without any JS).
More:

• Drop-Down Menus, Horizontal Style
• Elegant Drop Menu with CSS only
• GRC’s Script-Free Pure-CSS Menuing System
• Tutorial: CSS Multilevel Dropdown Menu

Visit Article

20. How to Create CSS Menu using Image Sprites

The number 19 was for multi-level CSS Menu, here you will learn how to create on-level image-based CSS menu with hover effect.

Visit Article

21. CSS Tabs

DOM tabs which will still work for javascript-disabled browsers

Visit Article

22. The CSS-Only Accordion Effect

Most JavaScript frameworks make such an effect fairly easy to pull off – heck, MooTools even built their reputation on it in the early days. So what makes this accordion effect special? It doesn’t require a single line of JavaScript.

Visit Article

23. Cross-browser drop shadows using pure CSS

This tutorial tries to provide a solution to make a cross-browser drop shadows using CSS. There are some advantages and disadvantages using the technique.

Visit Article

Related Posts

There is no longer need of talking about what twitter is and what it does in today web. Twitter icons are almost on every website or blog and you can hardly find a blog without a small blue (in most cases) bird that says, “please follow me”. But how do you convert your visitors to followers? The most used way that can be implemented on a website/blog theme is to use an attractive icon and ask your visitors to click on to follow you.

As a template designer, finding an appropriate icon that fits your designed template can be sometimes time-consuming. That was the reason I tried to put together the most practical free twitter icons and here is the result.

The list is open and will be updated once I found something fresh and free. So please let me know if you know more free twitter icons that are available in PNG.

Surely the twitter icons featured in this post are more attractive than what we’ve used on our sidebar, but following us on twitter would be highly appreciated!

1. Function Cute Twitter Icons

Very beautiful twitter bird which you can download separately or download the entire set.

Download

2. WooFunction Free Small Twitter Icons

The WooFunction free icon set includes 178 amazing glossy 32×32 pixel png files. This set includes 4 twitter icons.

Download

3. SmashingMagazine Twitter Icons

This set contains eight transparent PNG icons for Twitter, available in resolutions of 128×128 pixels, 256×256 and 512×512. The sources are in EPS files (for CS4 and CS3), PSD files and AI files (for CS4).

Download

4. Twelve Lovely Twitter icons by SmashingMagazine

This set includes 12 lovely icons. it’s available in both pixel and EPS vector format so the icons can be rescaled to any size . The icons are free for both personal and commercial projects.

Download

5. Twitter bird of Quartz Icon Pack by SM

A cool twitter icon between lots of other icons.

Download

6. Practika

A high quality practical twitter icon which can be used in any type of designs.

Download

7. Twitter Bird Icon Set by ProductiveDreams

comes with 6 icons (360×360 high quality transparent PNGs). You can freely use it for both your private and commercial projects, including software, online services, templates and themes.

Download

8. Twitter Free Vector Icon Set

This free twitter icons by productivedreams comes in both PNG and and PSD. It’s free for both personal and commercial use.

Download

9. Inside Flavour Icon Set

Another beautiful small bird by Smashing Magazine.

Download

10. Page Peel Twitter Bird Head Icon

This set contains 16 original social icons in transparent PNG format including a very cool twitter bird.

Download

11. Twitter Birdy Icon by Kailoon

This icon may be the first one comes in white color. It’s really original idea. The file contains a 345px X 345px and 48px X 48px png file.

Download

12. Social Bookmark Twitter by IconTexto

2 icons in PNG (256×256, 128×128, 48×48, 32×32, 16×16), ICO (256×256, 128×128, 48×48, 32×32, 16×16) and ICNS (256×256, 128×128, 48×48, 32×32, 16×16) format.

Download

13. Origami Style Twitter Icon

In transparent pngs, and the PSD and EPS files.

Download

14. Twitter PSD/PNG High Resolution Twitter Bird

The Icons are 100% free for any use. It comes in PSD and PNG.

Download

15. Twitter Social Icon

This set includes 6 icons: Digg, Twitter, Delicious, RSS, Reddit & Stumbleupon.

Download

16. Twitter Bird Mascot!

This is actually an illustrator tutorials which helps you create the icon above and experience creating a twitter bird!

Visit

17. Happy Birds

4 happy follow me, share on twitter, and other styles birds released by webdesign.fm

Download

18. Twitter Lovely Birds

The set is available in PSD.

Download

19. Super Cute Twitter Birds

8 Free Icons Available in PNG, AI, and EPS. By Spoon Graphics

Download

20. Funny Twitter Icons

Format: AI, SVG, and PNG

Download

21. Tweeties: Free Twitter Icon set

The icon set includes four different  .PNG image sets (32×32, 48×48, and 80×80) and the original .AI file so you can modify and create different variations.

Download

22. Glossy 3d Twitter Icons

This bird comes in 5 styles.

Download

23. Multi-Color Twitter Birds

There are six different styles, each done in four different colors: Twitter blue, Cardinal Red, Robin Black, and Canary Yellow.

Download

24. Kweet

Feel free to use them anywhere.

Download

25. Tweetbird

The icon comes in 512×512, 256×256, 128×128, 64×64 and 32×32 pixel sizes.

Download

26. Tweeta

“Download the zip files that contains .png files in 512px, 256 px, 128px and 64 px. Feel free to use them anywhere you want, on personal websites or commercial ones. There are no restrictions on usage.”

Download

27. Twitter fun Icons

Collection contains Twitter notebook, Twitter blimp, Twitter lightbulb and Twitter monitor.

Download

28. Twitter Eggs

6 Lovely twitter eggs.

Download

29. 50 Exclusive twitter buttons, icons, badges,…

The icons are completely free for personal and commercial use. Formats: The transparent PNG versions are 256×256 pixel.

Download

30. Awesome Funny Twitter Icons

The zip contains two transparent PNG icons available in resolutions of 128×128 pixels, 256×256 and 512×512

Download

31. Tweetle

35 free Twitter Icons.

Download

32. twi-birds icons

A set of 9 beautiful and lovely Twitter icons.

Download

33. Stupid Looking Twitter Bird

No license, Feel free to use it anywhere.

Download

34. Cool Twitter Birds

6 Twitter Birds on the beach! Download them in PNG and EPS.

Download

35. Tweet Pillow

There are 2 icons in the the set and each is available in a few sizes. Free for both personal and commercial use.

Download

36. Twitter Ghost Icons!

4 x 126 Pixel PNG, 4 x 256 Pixel PNG, 1 x Preview, 1 x Adobe Illustrator

Download

37. Twitter t badge

Comes in 5 resolutions.

Download

38. Free Twitter icon

48×48, 64×64, 128×128, and 256×256.

Download

39. Very Cool Twitter Birds

Convert your blog readers to twitter fallowers by using these free attractive twitter icons.

Download

40. 40 Cute Free Twitter Graphics by Function

The set includes 40 Files in total, all in Transparent .png format. The buttons etc come with PSD files too so you can edit and re-size them as needed.

Download

41. Fat Twitter Icon Pack

Pack consist of two icons (those two sitting on the branch). Both icons come in five sizes: 512×512, 256×256, 128×128, 64×64 and 32×32. They are totally FREE.

Download

42. Sport Twitter Icons

“Here is a brand new set of sports themed twitter icons I illustrated just for sports fans!”

Download

43. Colorful Twitter Icons

Glossy colorful twitter icons created by zixpk.

Download

44. Free Vector Twitter Icon

A classic vector twitter-style bird.

Download

45. Free Twitter Icons by mobilenic

The set comes in a zip file and contains 3 icons in PNG format at 128×128.

Download

46. 8 Original fresh Twitter birds

8 original twitter birds, 1 .eps original file &  1 .ai original file.

Download

47. 3d Blue Birds

PNG: 512×512 ; 256×256 ; 128×128 ; 64×64 pixels.

Download

48. Funny Fat Twitter icon

under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Download

49. 3D Twitter Icons

These twitter icons are made for using in Mac and Win Dock. Also they are available in PNG for using in your templates.

Download

50. Orange Cute Twitter Birds

These icons can be used for both personal and commercial purposes. This pack contains 9 PNG files.

Download

51. Another Cool Bird

Just free for personal use.

Download

52. simple icons for twitter bird

Available in PNG at various resolutions.

Download

53. First Twitter on Moon!

Use these really cool characters: Twitter Diver, Twitter Gold Digger, First Twitter on Moon, Twitter Champion.

Download

54. 3 Twitter icons by SocialMedia

3 twitter icons in PNG format in 256×256; 128×128; 64×64; 48×48; 32×32 sizes.

Download

55. Capitan Twitter Hook

4 Twitter Icons in PNG format; Twitter The GodTwitter, Twitter G,CapitanTwitter Hook, and Twitter Afroman in 256×256; 128×128; 64×64; 48×48; 32×32 sizes.

Download

56. Follow Me

The transparent PNG twitter icon is 92×84 pixel and it is completely free for personal and commercial use in your blogs and websites.

Download

57. Angry Twitter Bird

in PNG & PSD.

Download

58. Twitter Bird

Songbird Icon is free for use in your blogs or websites.

Download

59. Twitter Burn

“It’s free to use in your website or any projects you may have going.”

Download

60. Tweet Bird

Very good looking twitter bird. Free to use.

Download

61. Twitter Joy Icons

These icons are free to use in any kind of project unlimited times.

Download

62. Twitter Icon

Elegant Twitter birds. Free to use in your websites.

Download

63. Birrrdfon

It’s been release under Creative Commons Attribution-Noncommercial 3.0 License.

Download

64. Woodstock Twitter Icons

Come in PNG and EPS.

Download

65. Music Twitter Icons

4 awesome twitter characters in PNG and EPS.

Download

66. Girly Twitter Icons

A cool female twitter iconset by hpvorlagen24

Download

67. Singing Twitter Birds

A great set of singing birds.

Download

68. Free to use Twitter Bird Icon

Format: Transparent PNG.

Download

68. Social Bird Icon set

20 Different Icons by Inspired Magazine

Download

69. Free Vector Twitter Birds

5 very nice illustrated twitter icons by fhoke.

Download

Conclusion

• All the icons featured are free but it’s necessary to read their licenses details
• This list is open, so feel free to leave a comment and let me add other icons.
• Don’t forget to subscribe to our RSS Feed for more resources

Related Posts

Hello internet!

WebAnthology.net (WA) launched. Here at WA we ( a group of web designers and bloggers) are trying to bring to you the best web, design, and webdesign articles, resources, tutorials, and free stuffs.

Our goal is to provide you a great anthology of what you would need during doing your web design projects or learning web design in general. WA will get updated 3 times a week, so don’t forget to subscribe to our RSS feed in order to not miss anything from the beginning. Also for more web resources and updates, feel free to follow us on twitter

Related Posts