Dottony » dottony

Beautiful World Cup 2010 South Africa Wallpapers You Must Have

dottony — Thu, 10 Jun 2010 12:47:43 +0000

The world cup fever is here! The long anticipated world events has come back! It’s time to cheers for your team and stick with the television, if you are a soccer fans. But before that, you have to change your wallpapers, take a look at following beautiful wallpaper and pick one for your desktop, feel the heat, feel the wave and the excitement. Hurray. Its time to raise your flag!

World Cup 2010

South Africa 2010

Fifa World Cup 2010

South Africa 2010

Available in 4 colors, which include blue, green, red and yellow.

Swatch World Cup Mural

BE THE BEST

World Cup 2010 Group Stage

Smashing Magazine World Cup 2010 Wallpapers

Zakumi Official Mascot Wallpaper

Six Zakumi Wallpapers

World Cup 2010 Teams Wallpaper

Wallpaper available in Italy, Spain, England and Brazil.

Fifa World Cup Wallpapers

2010 Fifa World Cup South Africa

10 Tutorials To Kickstart Your Wordpress Plugins Development

10 Tutorials To Kickstart Your Wordpress Plugins Development

dottony — Thu, 13 May 2010 18:04:22 +0000

Wordpress nowadays is the most popular open source blog system, it is almost de facto of blog industry standard, due to it ease of use and extensibility with their plugin management module, developer are freely to build their own custom plugin to add features to the system, examples by turning blog system into content management system(CMS), page specific SEO features, photo gallery, spam combating and more. The possibilities of building wordpress plugins is endless. I am sure you guys would be interest to build your plugins, perhaps for your own usage or for commercial purpose. While I developing my first wordpress plugin, I have documented some interesting tutorial and hope to be useful for you guys! Happy coding and build your first plugin today!

Begining Your Journey

Let’s get your self to familiar with what’s wordpress plugin is about and get your hands on it before getting too complicated. P/S: It’s for Beginner only.

Writing a Plugin

Strongly recommended you to read this tutorial from official wordpress site, it explains clearly what wordpress plugins is and file structure of a plugins. It also stated down each plugins file purpose and format to follow, including developer API and further reading materials for you. However, it might not be particular easy to digest for beginner as it is full with text and reading. Confused? Yeah, I bet it is. But, get a good grasp of it and move on.

Anatomy of a Wordpress Plugins

Yeah. Concept, concept and more concept. I firmly believe in building solid foundation will helps you geared out your development. This tutorial is from respective nettuts website. It cover pretty much the same from official wordpress site, but it is more illustrated and shown in clear steps and instruction. It covering how to build your widgets while explaining the concept and also how to write your widgets admin panel. It is a must read for beginner.

A Crash Course in Wordpress Plugin Development

A more detailed tutorial outlining the plugin structure and explain about what is filter, function and some short tutorial for your own plugin. It also include a video tutorial of explaining all this. It is concise and easy to pick up.

Tutorial to Write a Wordpress Plugin

A rather basic tutorial that teach you to setup your own plugin, not bad to get your first hands on.

Advanced Tutorial

Looking for building more complete plugins, need to further sharpen your plugin development skill, I bet you are, Here’s the section for you, hands on for more details tutorial.

Creating a Custom Wordpress Plugin From Scratch

Another wordpress plugin tutorial from nettuts that covering more details plugins setup with teaching you how to register action hooks, setting up plugin administration page, make use of the database connection, handling of database and building own use function in the templates. Pretty valuable to develop a more complete plugins, as it teach you to interact the database, setting up the admin page to customize user data and more.

How to Make a Social Bookmarking WordPress Plugin – Step by Step

Work on a more real life applicable plugins, learn how to develop your bookmark plugin one step at a time. This tutorial will teach you another level of knowledge with creating plugins and accessing API features of the social network system, not to forget admin panel, conditional tags and wordpress hooks.

The Utimate Guide to Building a Wordpress Plugin

It it not another tutorial that shows you to build a plugin, rather a source of compilation of where you can advance your wordpress development skill with breaking to a few section like accessing database, test environment, utilize javascript and css, internationalize and more.

Must Read for Beginner or Advance User

How to Write a Wordpress Plugin

One of the most complete wordpress plugin tutorial I have come across, it covers almost everything you need to know about wordpress plugins, a Must Read for beginner to advance developer. There are 12 set of tutorials covering different section. They also offer PDF tutorial for you to download, you could just print it out and start to chew the word.

Videos Tutorial

I guess too much of text might bored you, so I compiled a section of wordpress video tutorial for anyone that difficult to pick up at first, it is more details illustrated by moving pictures. Cheers!

Your First WP Plugin

A long time video tutorial about wordpress plugin, but I still think is valuable to share out.

Wordpress Plugin Development with PHP

Taken from a Webminar from seminar which cover advanced parts of plugins like action hooks, structure and more.

Final Thought

Enough is enough. I am afraid too much of tutorials at a time will make you confuse. Stick with these and have an action plan to learn one at a time. You will be a master in no time.

30+ Useful Ajax Lightbox and Modal Dialog Solutions

dottony — Wed, 17 Jun 2009 08:31:46 +0000

Modal dialog, windows or a popular term lightbox is an unobtrusive ajax solution for displaying the content inside the page itself, it overcome the constraint of pop up windows which blocked by most of the modern browser. However, the usages of lightbox is more widely apply to preview of images, image gallery and form model. Since it only loads the relevant content in a box, it increase the loading time and whole user browsing experience. Below shown the details and demonstrate the default outlook of the lightbox.

1. Lightbox2

A popular lightbox solutions that written by Lokesh Dhakar, it is built on prototype and scriptaculous framework. It only supports images and slideshow.

2. Lightbox Gone Wild

Inspired by lightbox and include the support for form and html. It is based on prototype and scriptaculous.

3. Colorbox

Lightweight and customizable lightbox plugin through CSS and jQuery. The plugin support images, image group, ajax, inline content and iframe content.

4. Fancybox

Display images, html and multimedia content. It is a jQuery based lightbox.

5. jQuery Lightbox Plugin

Similar to Lokesh Dhakar lightbox solutions, except it is jQuery based.

6. prettyPhoto

Jquery lightbox clone and support more multimedia format.

7. Litebox

Lightweight lightbox which built on moo.fx and prototype.lite.

8. Thickbox

Similar solutions to lightbox2, but it has more features like display inline content, iframed content or content served through ajax in a hybrid modal. It is build on jQuery.

9. Slightly Thickerbox

A mod from thickbox which add on next and previous button to form a images gallery.

10. Slimbox

The ultimate lightweight Lightbox clone for jQuery. As stated, slim and slimmer solutions for lightbox.

11. LightView

Built with prototype and scriptaculous. Supports plenty of media format.

12. jQuery Dialog

jQuery UI also contains dialog component, although its nature is more like a dialog and form. But, you can customize to create your own flavor of image preview or gallery.

13. Prototype Window

A prototype based window dialog.

14. MochaUI

MochaUI is an UI framework for mootools. It includes dialog windows for displaying rich content.

15. Facebox

Facebook lightbox aliked, jQuery based modal dialog. It support images, div or entire remote pages.

16. Boxy

Facebox aliked, but it support more features like dragging and size tweening.

17. ModalBox

A modal dialog that allow you to include html within. Build with prototype and scriptaculous.

18. Shadowbox

Support most of the media format and it is customizable through css. On top of that, it is a standalone javascript solutions. It is free for non-commercial usage.

19. LightWindows

A comprehensive lightbox solutions which enable you to embed images, video,iFrame, flash and more.

20. SimpleModal

Yet another jQuery based modal dialog.

21. jqModal

22. Multibox

Support images,flash, video, mp3 and html and it is build with mootools.

23. Greybox

Can be used to display websites, images and other content, doesn’t rely on any ajax framework.

24. Highslide

A really quick and smooth free image viewer. It supports plenty of formats like html,ajax,iframe and flash.

25. Sexybox

Another standalone lightbox which display content directly from html.

Lightbox Generator

VisualLightbox

WebGalleryCreator

Lightbox Plugins for Wordpress

Lightbox2

jQuery Lightbox

Shadowbox

Flexible Lightbox

If you need more lightbox plugin for wordpress, you can visit the link here.

Alternative Solutions

Creating Lightbox with CSS

Firefox hack – Greased Lightbox

Shortener..Shortener…40+ URL Shortener at Your Services!

dottony — Mon, 15 Jun 2009 06:16:56 +0000

With the wild popularity of Twitter, it introduced a lot of add on service like twitter client, search page, analytics. But, one of the most remarkable tools that Twitter really promote is URL shortening service. So, what the heck is URL Shortening service?Well, it is a services to squeeze the long and boring URL into a really compact and mini sized url, this is important as Twitter has text limit of 160 characters. Starting from there, the service is becoming more popular and use widely for email, URL forwarding and more. So, I am gonna share the different flavor of URL Shortener for your reference.

1. Is.Gd

2. TinyURL

3. Bit.ly

4. SnipURL

5. TweetBurner

6. tr.im

7. BudURL

8. Adjix

9. Cli.gs

10. tiny.cc

11. Tgr.me

12. Zi.ma

13. Poprl

14. Piurl

15. Ow.ly

16. Zz.gd

17. Xrl.u

18. TWURL.nl

19. Sn.im

20. Piurl

21. Nn.nf

22. Rt.tc

23. Sn.vc

24. Ink.in

25. Pnt.me

26. Url.ie

27. Yep.it

28. 23o.net

29. Fly2.ws

30. Ne1.net

31. Culld.us

32. Yoolink.to

33. Xaddr.com

34. Nsfw.in

35. W3t.org

36. X.se

37. Readthisurl

38. Memurl

39. Dwarfurl

40. Doiop

41. Shrti

Even Shorter URL…

3.ly

R.im

Z.pe

2pl.us

A.gd

U.nu

Tinyarro

X.vu

Shortener on Your Own Domain

Awe.sm

Upcoming Stumble Upon Shortener

Su.pr

It just too much of it. If you are need even more of this, check this link for 88 URL Shortener.

If you need a ranking of popular shortener domain serviced used in twitter. Check on here.

Happy URL squeezing!

60 Awesome Sites for Free Fonts

dottony — Mon, 08 Jun 2009 11:57:03 +0000

Font is an all time important ingredients for design, as it is especially powerful in conveying the messages. This is even more essential for logo design, as the logo’s font give direct impressions for what’s the product about. Not surprisingly of successful web 2.0 logo has taken extra effort and consideration for their font picking. So, I am gonna share a list of sites with free fonts for your usages.

1. DaFont

2. AbstractFonts

3. UrbanFonts

4. Creamundo

5. BetterFonts

6. 1001FreeFonts

7. SearchFreeFonts

8. SimplyTheBestFonts

9. Fontica

10. Fontex

11. Fawnt

12. FontCubes

13. FontFreaks

14. Fonts500

15. HighFonts

16. FontSquirrel

17. AcidFonts

18. FontStock

19. FreeFonts

20. FontCo

21. SmackBomb

22. EKNP

23. FontSpace

24. ActionFonts

25. DiscoverFonts

26. Fonts101

27. FontFace

28. FontReactor

29. FontShack

30. NeatFonts

31. Broble

32. FontFinder

33. FreeMacFonts

34. DailyFreeFonts

35. ShowFont

36. GetFreeFonts

37. FontFox

38. WonderFonts

39. Fontation

40. FontPool

41. TypeNow

42. FontDiner

43. CreativeSpirits

44. MockFont

45. WantedFonts

46. Orchestrareal

47. FontGarden

48. Vectoralia

49. BVFonts

50. Fontasy

51. FontRiver

52. FreeFonts

53. MoorStation

54. WebPagePublicity

55. Fontennium

56. RRFonts

57. FileCart

58. GRSites

59. 2200FreeFonts

60. Jabroo

61. FontStruct

- Credits to Tabiji

62. FreeTypography

- Credits to Philipp

120 CSS Galleries for Web Design Inspirations

dottony — Wed, 27 May 2009 14:15:32 +0000

Often run out of ideas during web design? Need more web design galleries to inspire you further?

No problem. Here, I compiled a list of 120 CSS Galleries for web design inspirations to pump up creative brain juice once more.

Now is your turn post your favorite CSS Galleries site and also list down any of your favorites site that I missed out.

1. SiteInspire

2.CSSRemix

3. WebCreme

4. FavoriteWebsiteAward (TheFWA)

5. CSSElite

6. DesignFlavr

7. Creattica

8. CSSMania

9. DesignShack

10. CSSBeauty

11. CSSDrive

12. CSSVault

13. DesignMeltDown

14. BestWebGallery

15. UnmatchedStyle

16. CSSCreme

17. DesignFlood

18. W3Ssites

19. PatternTap

20. TheBestDesigns

21. DailySlurp

22. SpeckyBoy

23. ScreenFluent

24. Screenalicious

25. OnePageLove

26. OSWD

27. FullSingle

28. StrangeFruits

29. DesignSnack

30. CSSLoaf

31. Behance

32. DeviantArt

33. 9CoolSite

34. MakeBetterWebsites

35. SmashingMagazine

36. CSSHeaven

37. CSSLine

38. DesignBombs

39. DesignSnips

40. CSSImpress

41. MixCSS

42. TheDesignInspiration

43. CSSArtillery

44. StyleBoost

45. CSSZengarden

46. TheHorizontalWay

47. MostInspired

48. WebDigity

49. CSS20

50. UniqueCSS

51. DesignerSource

52. CSSEM

53. Lookom

54. DesignYouTrust

55. SitiWebDesign

56. OneStarGallery

57. LinkCreme

58. CSSLeak

59. CSSContainer

60. CSSCollection

61. CoolHomePages

62. CSSImport

63. CSSClip

64. CSSGalleries

65. CSSLiquid

66. LightOnDark

67. CSSPrincess

68. CSSReboot

69. RefreshLinks

70. EduStyle

71. NiceStyleSheet

72. CSSDump

73. CSSBased

74. InspirationKing

75. PlasticPilots

76. Cartedup

77. CSSFuel

78. CoolSiteCollection

79. DesignByGrid

80. DesignCreme

81. CSSDaddy

82. BestDesignWebGallery

83. BoxedCSS

84. Splench

85. BeautifullyWebDesign

86. Moluv

87. PageCrush

88. CSSWarfare

89. DeliciousCSS

90. CSSGalaxy

91. CSSGlance

92. CSSUberClean

93. CSSNature

94. CSSDance

95. ProfessionalOnTheWeb

96. CSSMix

97. Wookies

98. DivineCSS

99. CSSScoop

100. CSSImagine

101. CSSDesignYorkshire

102. OnePixelArmy

103. UCreative

104. CSSTux

105. CSSPerk

106. CSSInspirace

107. CSSWebsite

108. CSSBloom

109. CSSFlavor

110. CSSMess

111. CSSSnap

112. My3w

113. CSSCreme

114. PiepMatzel

115. TheDesignedTree

116. UrbanTrash

117. HotWebber

118. CSStar

119. CSSPinoy

120. CSSSmoothoperator

10 Great Places For Free Twitter Background

dottony — Mon, 25 May 2009 10:38:15 +0000

As Twitter fast becoming the hottest piece of cake for social messaging, more and more celebrities, companies and individual harnessing the power of twitter to reach their audience.

So, if you one of the starter, here’s the list of free twitter background resource which you can use to improves your user experience.Happy Twittering~

MyTweetSpace

TwitterPatterns

TwitterBackgroundGallery

TwitBacks

TwitterGallery

FreeTwitterDesigner

TwitterBacks

TwitterImage

DoctorTwitter

TweetStyle

15 Essential Sites For Free Stock Images

dottony — Tue, 19 May 2009 04:11:58 +0000

Here’s the compilation of 15 essential sites for sourcing free stock images. Check out whether you miss out any.

stock.xchng

DigitalDreamer

morgueFile

FreePhotosBank

FreeRangeStock

Photogen

EveryStockPhoto

Kavewall

StockVault

Unprofound

OpenPhoto

FreePixels

Pixelio

FreeDigitalPhotos

Bigfoto

How To Print Screen For Mac

dottony — Sat, 16 May 2009 18:12:54 +0000

In case you are new to Mac or just forgot the holy key for screen printing.

No panic. Here’s the recipes!

1) Full screen capture

For full print screen, press ⌘ (Command) + Shift + 3. The screen captured will be saved to your desktop.

2) Partial screen capture

If you wish for screen capture a partial of the screen, press ⌘ (Command) + Shift + 4 and drag to select the area you want to screen capture.

3) Application screen capture

And if you have a needs to screen capture for an application, press ⌘ (Command) + Shift + 4 and press spacebar. It will allow you to choose the app that you wish to screen capture.

All image captured will saved to desktop prefix with “Picture”.

No related posts.