jQuery Cycle Plugin

April 20th, 2010

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

This slide show plugin is really simple to use, embed the image in the body tag, link to the jQuery library file and use the custom function like the following example, different effects can apply to your image less than a minute.


Google Chrome Extension – IE Tab

February 27th, 2010

Noted some websites can only be viewed on Internet Explorer, instead of open the actual IE browser, you can open the Google Chrome browser and install the IE Tab extension, the tool is pretty handy for Mac user.
chrome extension IE tab

Wordpress Plugins to maximize traffic & followers

February 23rd, 2010

“Blogging is essentially about reaching out to people, readers and followers to deliver a message, opinions, knowledge, taking lead etc. Writing great posts, being a SEO guru, sharing links etc. is well known tricks but not enough any more. Most bloggers have realized that social networks is where the modern “www sapiens” “party” all day long sucking up as much screen radiation as possible while connecting with virtual friends and peers…I have noticed that many plugins in this category is not being maintained any more. While all plugins listed in this post should be compatible with latest version of Wordpress (2.9.x). it may be a sign that may social network related plugins are created because it is hyped and many will not remain maintained for very long. This means you may risk using a plugin that will not be supported next time there’s a major upgrade for Wordpress.”
wordpress plugin
Read more on this topic.

Wordpress plugins to decorate dashboard

January 26th, 2010

Article on 1st Web Designer

Ozh’s Admin Drop Down Menu
Fluency Admin 2.2

Cufón – The easiest way to use any font

January 7th, 2010

At times you may want to use fonts other than the likes of Arial, Verdana, Times New Roman, and other mainstream fonts installed on most computers. To implement special fonts on a web page, your choices are to either use images by JavaScript and sIFR (SWF files), or embed the fonts to your computer. Embedding fonts is getting more properly this day, but you have to understand if your user is viewing your website on supported browser.
Here’s a tutorial by Jeffery Way on net.Tuts+, it showcases how to use Cufón, a simple way to use any type of font for your website.

40 Creative Uses Of Cufón Font Replacement – Examples on Spyrestudios

Wordpress jQuery plugin

January 2nd, 2010

Article on Web Design Ledger

Google Analyticator – adds the necessary JavaScript code to enable Google Analytics logging on any WordPress blog. This eliminates the need to edit your template code to begin logging. Google Analyticator also includes several widgets for displaying Analytics data in the admin and on your blog.
google analyticator

jQuery Pagebar – jQuery-Pagebar displays a jQuery slider instead of the normal previous/next links. User would be able to change the width and color of the bar.
jquery pagebar

Wordpress plugins

December 27th, 2009

Article on Tripwire Magazine

“Wordpress is one of the most popular and beloved CMS’s and it is hardly surprising that there are thousands of plugins for it. While it is an exaggeration to say that all these plugins are great, many of them are. In that aspect, creating any Top 5, Top 10, or Top N lists of Wordpress plugins is a very difficult task because there is no way to include all great Wordpress plugins. Additionally, no matter how great a plugin is, different blogs and different webmasters have different needs and as a result, their personal Top 10s are different. Still, there are some plugins, which are more or less universal and can be used on any type of blog.”

All In One SEO Pack
Adsense Injection
Advertising Manager
Most Popular Posts
Wordpress Backup
External Links
NextGEN Gallery

Using Kuler to create color themes

December 2nd, 2009

Article by Garr Reynolds on Pensentation Zen

“One of the coolest ways to assemble a unique color theme for a presentation is to create a simple palette by extracting colors from a key image that you think represents the appropriate colors for your talk. You can do something similar to this within your slideware application, of course, but Kuler can do it automatically and give you some additional options for tweaking the colors.”
extract color

Newsletter templates

November 6th, 2009

stock layouts

“A well designed newsletter/email template can be the difference between success an failure. Whether its to update customers about a product, or to share information, having a well designed template can be a great starting point to guide your readers and give them a clear coherent flow when they read your email. This is crucial, considering how important the first impression is.”

Hongkiat showcase a list of newsletter templates, good to check it out, they require user to create an account and it’s free!campaign monitor

High-quality shopping cart templates

August 23rd, 2009

Article on Noupe suggest 30 different themes for WordPress, osCommerce, Magento, Zen Cart, and CRE Loaded. It also analysis the advantage and disadvantage of each content management system.
mobile shop
interior design

Google Analytics for Wordpress

August 22nd, 2009

Article on Yoast

Google Analytics is the enterprise-class web analytics solution that gives you rich insights into your website traffic and marketing effectiveness. Powerful, flexible and easy-to-use features now let you see and analyze your traffic data in an entirely new way. With Google Analytics, you’re more prepared to write better-targeted ads, strengthen your marketing initiatives and create higher converting websites.

Find your Google Analytics Account ID from Joost de Valk on Vimeo.

Swift 3D v6 is released

June 8th, 2009

swift 3d v6

Swift 3D – software for creating 3d graphic to use in Adobe Flash. Swift 3D v6 introduces Boolean primitive to modeler, which allows you to combine or punch holes through objects using other 3D objects in your scene. It’s all non-destructive, allowing easy editing and unlimited possibilities.

Convert TrueFont to sIFR

June 2nd, 2009

Scalable Inman Flash Replacement (sIFR) is an open source JavaScript and Adobe Flash dynamic web fonts implementation, enabling the replacement of text elements on HTML web pages with Flash equivalents.

Few days ago I found a much more easier way to convert fonts on local computer to sIFR flash file, it’s awesome!!! Basically all you need to do is visit this website, fill in your name and email address then browse the fonts you want to convert. Once you click on the button, you will receive the SWF file less than a second.

Of course you can open Flash application to change the font on the text field and export a flash movie, but it saves more time if someone can convert the file for you. For my understanding, this sIFR only work in CS3. I know they already updated the flash file few months ago to make it work in CS4 but it still crashed every time you open the FLA file. You must have CS3 and CS4 installed on the computer to make this thing happen.

Pulse particle system

May 26th, 2009

Set up Pulse – particle system for flash developer
1. Download & install Flash MXP package
2. Create MovieClip in Flash and turn on “Export For Actionscript”
3. Go to the Particle Explorer, and determine the particle behaviors
4. Copy the config string from the particle explorer
5. In flash, drag the ParticleEmitter flash component to your stage.
6. Edit the properties of the emitter
     • set the config param to the string the explorer gave you
     • set pps to the number of Particles Per Second you want
     • type the name of your particle movie clip in the “movieclipName” param
7. Export your flash movie and enjoy your particles.

Download file

Download video tutorials on Adobe Acrobat.com
Pulse Particle | Explorer 1 | Explorer 2

sIFR – Scalable Inman Flash Replacement

February 18th, 2009

sIFR is a method for web developers to display text on web pages in the font(s) of their choice. An open source JavaScript and Adobe Flash based technology that enables the replacement of text elements on HTML web pages with Flash equivalents. It was initially developed by Shaun Inman and improved by Mike Davidson and Mark Wubben.

HTML limits what you can do with font styling on the web. Pick a stylin’ font that’s only on your system, and your visitors get a fall back font; that’s the way it works, or rather used to work…This presentation will introduce you to a technique, called Scalable Inman Flash Replacement (sIFR), which will allow you to use that hot new font on the pages you create, without being forced to use images, all in a easy to use, unobtrusive, backwards compatible, search-engine friendly manner by using a nifty combination of Flash and JavaScript.

Read the article on Adobe Developer Connection


Read the articles on Mike Industries’s blog
Introducing sIFR: The Healthy Alternative to Browser Text
sIFR 2.0: Rich Accessible Typography for the Masses

Flint particle system

October 4th, 2008

Simple flash particle system that you can download class files from flintparticle.org, don’t have to spend time creating particle class, simply import classes from the download folders. More efficient. The new version 2.0 add FrustrumZone, ParallelogramZone, BitmapZone, GreyscaleZone. Lets you use the camera frustrum as a zone. Online documentation is pretty complete, easy to find code and resources.

TweenMax for AS3 looks pretty impressive

September 18th, 2008

TweenMax builds on top of TweenLite and TweenLite’s “big brother”, TweenFilterLite, to round out the tweening family with popular (though not essential) features like bezier tweening, pause/resume capabilities, easier sequencing, hex color tweening, and lots more. TweenMax uses the same easy-to-learn syntax as its siblings.

In fact, since it extends them, TweenMax can do anything TweenLite and/or TweenFilterLite can do, plus more. So why build 3 classes instead of one? Good question. The goal was to maximize efficiency and minimize file size. Frankly, TweenLite is probably all most developers will need for 90% of their projects, and it only takes up 3k. It’s extremely efficient and compact considering its features.