Home Based Coder | Filipino Web Designer + Web Developer » blog

Internet blackout day: The day the internet goes dark

Mynamesmac — Tue, 17 Jan 2012 16:04:10 +0000

http://www.reddit.com/ and Wikipedia goes dark to protest web privacy, and probably the largest online protest in history as listed in http://sopastrike.com/

Internet blackout day

Protect IP / SONA breaks the internet video by fightforthefuture:

PROTECT IP / SOPA Breaks The Internet from Fight for the Future on Vimeo.

Apple will release new iPhone in September

Mynamesmac — Fri, 24 Jun 2011 14:53:13 +0000

The device will include the A5 processor, the more powerful chip that Apple added to the iPad 2 earlier this year, along with an 8-megapixel camera, up from the 5-megapixel model in the iPhone 4, said the people, who asked not to be identified because the details aren’t public. Apple is also testing a new version of the iPad that has a higher resolution screen, similar to the one now used in the iPhone 4, one of the people said. source

Backup your files online and sync to multiple device

Mynamesmac — Sat, 02 Oct 2010 06:12:48 +0000

Dropbox allows you to sync your files online and across your computers automatically.

2GB of online storage for free, with up to 100GB available to paying customers.

Sync files of any size or type.

Sync Windows, Mac, and Linux computers.

Automatically syncs when new files or changes are detected.

What makes Dropbox great is they give you a 2GB of storage for free! and another 250MB for just :

Installing Dropbox on your computer
Uploading files
Install dropbox on other machines
Share a dropbox folder
Invite friends
and Install dropbox on your mobile

Plus Dropbox works on Windows, Linux, Mac, Mobile Devices and comes with web access so no matter what OS you’re using, you still can access your files.

A screenshot of my Dropbox for iPhone

Claim your free 2GB online storage

Test Driven Development with QUnit

Mynamesmac — Fri, 17 Sep 2010 18:54:37 +0000

QUnit is a powerful, easy-to-use, JavaScript test suite. It’s used by the jQuery project to test its code and plugins but is capable of testing any generic JavaScript code (and even capable of testing JavaScript code on the server-side).

QUnit is especially useful for regression testing: Whenever a bug is reported, write a test that asserts the existence of that particular bug. Then fix it and commit both. Every time you work on the code again, run the tests. If the bug comes up again – a regression – you’ll spot it immediately and know how to fix it, because you know what code you just changed.

QUnit

I was looking for a usable test suite based on jQuery and found QUnit lying under my nose. Net Tuts+ even had a detailed tutorial. I dont need to write more.

An excellent introduction to SCRUM

Mynamesmac — Fri, 10 Sep 2010 09:51:21 +0000

WTH is SCRUM?

Scrum is an iterative, incremental methodology for project management often seen in agile software development, a type of software engineering.

Although the Scrum approach was originally suggested for managing product development projects, its use has focused on the management of software development projects, and it can be used to run software maintenance teams or as a general project/program management approach.
SRC

I found a great presentation of SCRUM by Hamid Shojaee, All in less than 10 minutes:

Creating multiple email account in cPanel with PHP and XMLAPI

Mynamesmac — Fri, 03 Sep 2010 09:33:47 +0000

A few days ago I was tasked to create email accounts for our clients via cPanel, creating a single account is easy. cPanel comes with an excellent account management feature, but I am going to create 400+ email address.

As the old saying goes, RTFM! I dug through its massive documentation http://docs.cpanel.net and after googling a few keywords it pointed me to its XML and JSON API’s.

“XML API allows you to issue commands to cPanel and WHM using the XML language, while our JSON API allows you to submit requests to the system and receive a JSON response. By including these commands in your custom scripts, you can perform functions remotely, without having to access the cPanel or WHM user interface.”

Now I have the API I know exactly what to do:

1. Create a form to upload the email accounts.

2. Make an API call to add the account

Easy huh? Well, soft of.

Here’s the basic form upload:


 
 
 
 Locate csv file:

There are a lot of ways to read the uploaded CSV file, the easiest would be the http://php.net/manual/en/function.fgetcsv.php function. After parsing the csv file, assigned the fields to variable then we start using the API.

set_port($port);  //set port number. cpanel client class allow you to access WHM as well using WHM port.

$xmlapi->password_auth($account, $passwd);   // authorization with password. not as secure as hash.

$msg = '';

foreach($data as $row){

$call = array(domain=>$email_domain, email=>$row['email_user'], password=>$row['email_pass'], quota=>$email_quota);

$xmlapi->set_debug(1);      //output to error file  set to 1 to see error_log.

$result = $xmlapi->api2_query($account, "Email", "addpop", $call ); // making call to cpanel api

}
?>

jQuery for iPhone and iPad

Mynamesmac — Sun, 15 Aug 2010 15:38:50 +0000

Steve Jobs with iPad

Apple’s iPad and iPhone definitely revolutionized the web! for developers and designers it also changed the way how we make websites.

While reading Six Revision’s Designing Web Apps for the iPad, I came across a powerful jQuery Plugin:

jQuery Swipe – This plugin uses Mobile Safari’s built in touch events to allow jQuery binding of swipe events to any DOM element. You can override the swipeLeft and swipeRight defaults functions to create your own custom process when the gesture is detected.You can use this plugin easily with the following code:
```
$('.swipe').swipe({
 swipeLeft: function() { $('#someDiv').fadeIn() },
 swipeRight: function() { $('#someDiv').fadeOut() },
})
```

Using jQuery wysiwyg

Mynamesmac — Fri, 23 Jul 2010 16:38:31 +0000

jHtmlArea is a simple, light weight, extensible WYSIWYG HTML editor built on top of jQuery.

To use this plugin you need to download the package here. The zip file contains samples on how to initialize the editor with different options and custom buttons. In this example we will create an editor with a colorpicker.

1.) Unpack the files, you’ll notice there are multiple files and folders, but we only need the following files:

scripts/jHtmlArea.ColorPickerMenu-0.7.0.js
scripts/jHtmlArea-0.7.0.js
style/jHtmlArea.ColorPickerMenu.css
style/jHtmlArea.css
style/jHtmlArea.Editor.css

2.) Create the same directory structure and copy / paste the files listed above.

3. ) Create the index file and add the following in the head section





Using jHtmlArea - WYSIWYG HTML Editor for jQuery

4.) The snippet initializes the editor and create the custom buttons

5.) Link the stylesheets and add the rest of the elements.






Using jHtmlArea - WYSIWYG HTML Editor for jQuery
 <h3>Lorem ipsum</h3><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

Top 5 jQuery based menu

Mynamesmac — Tue, 20 Jul 2010 16:55:53 +0000

Navigation is one of the most essential part in a website, but sometimes we also need an “eye-candy” to add a different level of experience to our users while navigating the site.

I have listed some of my favorite jQuery based menu systems:

1.) CSS Dock Menu for Mac fans

2.) Dropdown, iPod DrillDown and Flyout Menu

3.) Superfish Nav-bar

4.) mb.ideas Menu

5.) Mega Drop down menu