Under promise, under pressure….

Under-promise and over-deliver. How many times have you heard that phrase? Chances are if you’ve been in coding business longer than a year, you’ve heard it at least once if not a dozen times.

As a web developer, we tend to have a wikipedia syndrome, yes I know we are all smart. We never be in the Coding Arena if you are not. A decent programmer has probably an IQ of 125. But sometimes, some of us tend to make over promises and we can do it all syndrome. Yes most probably you can do it and maybe you know someone can help you doing it. But what if???

It’s not the over-delivering part that is dangerous. Over-delivering and WOW-ing your client is good business. It increases client satisfaction, repeat business, and word of mouth which all leads to referrals. You can never add too much value for your clients.

It’s also not the commitment part that is trouble. You must make promises you can keep. This is common sense at it’s best.

A good programmer measure everything, his time, resources, environment and of course skills.

Promises You Intend To Keep
In order to commit with integrity, you must intend to keep your promise, make an under promise statement and you will have less pressure. This implies that you must believe the following:

1. You understand the project. If you don’t understand the conditions of satisfaction (including time), then you cannot expect to fulfill them. You are signing a contract that you haven’t read.

2. You have a robust plan. If your plan can be derailed by likely contingencies, then you cannot expect it to withstand their impact. You are hoping for the best, but not preparing for the worst.

3. You have the necessary skills and resources. If you don’t have the required skills and resources, then you cannot expect to finish the job. You are writing a fraudulent check with no funds in your account.

Tweeter Embed How tos

Starting in WordPress 3.4, WordPress added Twitter as an oEmbed provider. What this means is that you don’t need to install any plugins or configure any settings.

Simply go to Twitter and find the tweet that you want to embed. You need to get the URL of that status. When you click on the tweet, it will expand and show you several options. Click on the Details link. Just get the url something like this “https://twitter.com/applebyte/statuses/492639776319614976” and it will gives the result below.


Load Function of Jquery

I have encountered a bug on ie8, a css navigation to fadein once the flash was loaded. I have used the geturl function, the css navigation second level wasnt properly working.

Then, I google the on load function and other possibilities to load the navigation. Jquery have already load function that very useful. The load method is the simplest way to fetch data from the server.

Example 1: Load once the flash element was loaded or the whole html loaded.

$(window).load( function () {
$('#myLoad').fadeTo(0, 1);

Example 2: As preloader

$(window).load( function () {
$("#preloader").fadeOut(2000); THE PRELOADER
$("#image_container").fadeIn(3000); THE IMAGES

Web Directory WordPress plugin

Finally, you can download the Web Directory WordPress plugin of Gerry. Come to think of it… He never told me it was already available.

From Gerry Snippet
“Create a web directory for your WordPress blog using the bookmarks stored in your WordPress web site. Maintain the bookmarks using the same WordPress Link manager built-in feature. You can use your own stylesheet to blend it into your blog. Just create a WordPress page and use short codes to incorporate the web directory. Or create a template page and use the theme API’s to create a customized web directory page.”

You can now download it from from its WordPress.org page

If you have questions on using the Web Directory WordPress plugin, just use the Code Stuff contact page or post a comment at the Web Directory WordPress plugin project page.

Rest In Peace IE6

I joining the campaign of RIPIE6 the obituary notice of Internet Explorer 6’s death.

As quoted “We, developers, know that Internet Explorer 6 was born dead. But there are people out there who don’t realize that. And we, my friends, beg to inform those deluded men that IE6 has passed out. They probably think they don’t need to know that. However, we as web developers of 21st century DO NEED THEM TO KNOW THAT.”

Yes please join us and be part of our petition.

Are you ready at html5?

I am excited about html5 coding… I’m planning to convert the next template of AppleByte in html5. I am ready to say good at the xhtml but not yet… Some browser still hanging on xhtml but sooner we will welcome html5.

If you want to explore html5 this are some of the beginners knowledge link

A vocabulary and associated APIs for HTML and XHTML – http://www.w3.org/TR/html5/
A New elements in HTML 5 – http://www.ibm.com/developerworks/library/x-html5/
HTML5 Demos – http://html5demos.com/
html5doctor – http://html5doctor.com/
html5Gallery – http://html5gallery.com/
html5 Quick Reference – http://media1.smashingmagazine.com/wp-content/uploads/images/html5-cheat-sheet/html5-cheat-sheet.pdf
HTML5 Shiv – http://ejohn.org/blog/html5-shiv/
HTML5 enabling script – http://remysharp.com/2009/01/07/html5-enabling-script/
Standards.Next HTML5
– http://standards-next.org/

Online Website Builders

Hosting company takes us to another one stop shopping marketing campaign, due to hosting storage prices going down radically. Each of them created an online website builder application.

Of course, they are claiming just for 30 minutes or so, you can easily build your own website. You can choose on gallery of template, pre made css template, flash slideshow, full flash website and more.

This are some of online website builders application.


Wix is an online application for creating and publishing Free Flash Websites and embeddable flash objects with audio, video, images and text. A Wix can be published anywhere on the Web, as a standalone Website, in a Blog, as MySpace comments, MySpace layouts extensions or on other Social Networks. With Wix, non-programmers can push the envelope of their self expression.


Weebly is a San Francisco, California based company that was founded in 2006 with the mission to help people put their information online quickly and easily. 2 million people already enable their easily created personal sites and blogs or establish web presences for businesses, weddings, classrooms, churches, artistic portfolios, and more.


With Webs, it’s easy to build a site that’s as unique as you. It’s the place to inform the world about your business, passions or hobbies and engage others to share their unique ideas, information, photos and videos. With features like blogs, web stores, member profiles and even group publishing, anyone can bring a site to life on Webs.com.


Yola claimed that their website builder can easily take what’s in your head and turn it into webpages in front of your eyes. Yola make great-looking sites with webpages that work beautifully together.

Web Directory for WordPress

My husband spent 10 hours each day working on this web directory for WordPress and he is so excited to release it. Here are some of feature of his Web Directory Plugin for WordPress .
-Add/Edit/Delete directory entries using the current bookmark management functions existing in WordPress
-Easy setup of a main Web directory page by just using a single WordPress shortcode in a page you create in WordPress
-Easy integration into WordPress themes by detecting and using defined theme stylesheets
-Use of pretty permalinks in the Web directory structure to provide better search engine indexing and optimization
-Automatic creation of search engine friendly titles and description meta tags when web directory categories are accessed

Some of the planned features for the Web directory plugin are:
-Support for sub-categories – although the current WordPress core tables already support the creation of parent-child sub category relationships, there are no core functions for doing this.
-Backup / restore of categories/bookmarks – I’m also thinking of creating a Firefox plugin to be able to sync my bookmarks.
-Bookmark submission – to be able to allow your blog reader to submit url’s for inclusion into the web directory
-Some WordPress shortcodes to handle automatic link formatting in posts and other pages

Which reminded me, that he also spent the same huge amount of time developing the Joomla Map interphase and Classified Ads of Ortigas.com, you can find some of his projects here.

Well my trick to lured him out of computer… Heroes, House MD, Movie and knic knacks (potato chips, chocolates, etc.) ! I been successful for a while but then again after the movie he will go back again to his mistress (that his laptop). Mannnnn…. gosh!

Applebyte Quick Reference Sheet

List of my favorite Quick and Customizable Reference Sheet of  Flash, Web 2.0 Application and More!

ActionScript Reference Sheet

ActionScript 2.0 Cheatsheet

ActionScript 2.0 to 3.0 Migration Cheatsheets, (Multi-Page PDF)

ActionScript 3.0: Top Level Cheatsheets, (Multi-Page PDF)

ActionScript 3.0: flash.display Package Cheatsheet

ActionScript 3.0: Packages Cheatsheet

ActionScript 2.0 Cheatsheet



AS3 and Flex API Posters

ActionScript 3 API PDF at Flex.org

Flex 2 Framework API PDF at Flex.org

Ajax Reference Sheet

What’s Ajax? Cheat Sheet – PDF

Prototype Dissected – Cheat Sheet PNG

scriptaculous Combination Effects – Cheat Sheet – PDF





After Effects



Apache Reference Sheet

Apache Cheat Sheet

htaccess Cheatsheet

mod_rewrite Cheat Sheet – PNG

mod_rewrite Cheat Sheet – PDF

CSS Reference Sheet

CSS 2 – Quick Reference Guide – PDF

CSS Cheat Sheet – PDF

CSS Cheat Sheet – PNG

CSS Property Index

Cascading Style Cheatsheet

CSS Shorthand Guide

HTML/XHTML Reference Sheet

A Simple Guide To HTML – Cheat Sheet

HTML & XHTML Tag Quick Reference

HTML Cheat Sheet

HTML Entities



HTML Cheat Sheet

XHTML Cheat Sheet v. 1.03 – PDF

JavaScript Reference Sheet

JavaScript Cheat Sheet – PNG

JavaScript Cheat Sheet – PDF

JavaScript Reference

JavaScript and Browser Objects Quick Reference

Regular Expressions for JavaSript – free online quick reference

Joomla Reference Sheet

Joomla 1.5 Sheet Code

Joomla CSS Sheet Guid

MySQL Reference Sheet

MySQL Cheat Sheet

MySQL Cheat Sheet – PDF

MySQL Cheat Sheet – PNG

SQL Cheatsheet

PHP Reference Sheet

symfony PHP5 framework – Admin Generator cheat sheet – PDF

PHP Cheat Sheet – PDF

PHP Cheat Sheet – PNG

PHP Cheat Sheet with special php syntax

Regular Expressions Cheat Sheet – PNG

WordPress Reference Sheet


WordPress Help Sheet

SEO WordPress Help Sheet

Web Design WordPress Template Tag Reference Guide

Template Guide on WordPress

SEO Cheat Sheet

Note: Some of the list courtesy by SmashingMagazine.com

It will be Google Wave Communication Era

During the Google I/O keynotes, the Google teams introduced the brand new way of communication, the Google Wave.

Google Wave is a preparation to HTML 5 standard and next phase of web interaction such as 3d games, movies, blogs, messaging, map, gallery and other browser plugins. Imagine your email collide with instant messaging on the web.

Google Wave was developed in Australia by Lars, Rasmussen and Hannon.

Other Google Information
Google Wave Federation Protocol
Google Wave Preview
More of Google Wave