HTML5

Next couple of months, we will be working on new exciting projects using Responsive Design methodologies, Apache CouchDB,  HTML5, PhoneGap.

Responsive web design - sites where content and layout rearrange on-the-fly based on a visitor screen resolution.

HTML5 -an upgrade for support of multimedia & devices;

The new HTML5 world...

Single Devices vs. Multi-devic
Sedentary user vs. Mobile user
Declarative vs. Imperative
Thin Client vs. Thick Client
Documents vs. Application

HTML5 is a badge for all these things, the Web is changing again. HTML will address Web Applications.

PhoneGap - cross platform mobile apps using HTML5 platform.


Apache CouchDB -a peer based distributed database system.  Solutions for offline data access.
eg. you lose your mobile connect but you should be able to use your app when you are offline.

IPhone UITableViews: Create a custom cells

SSL certificates 2048-bit RSA

How to generate a SSL key and certificate signing request (CSR)

openssl req -out www.hostname.csr -new -newkey rsa:2048 -nodes \

-keyout www.hostname.key

Submit the CSR to your certificate signing authority.

Self-sign the certificate
 

openssl x509 -req -days 365 -in www.hostname.csr -signkey www.hostname.key \

 -out www.hostname.crt
 

How to Create Transparent Effect in CSS

The following css is all you need to create transparent effect.

opacity: .5; 
filter:Alpha(Opacity=50);
The number .5 and 50 mean the element will have 50% opacity. The lower number of opacity will be more transparent.


Here is an example code using it.

Setup Android on the computer

JAVA SDK
First you need to download and install the "Java Standard Edition JDK"
http://www.oracle.com/technetwork/java/javase/downloads/

Eclipse
Then you should download the Eclipse. You could use other editor but Android has a good integration with Eclipse and the editor is great.
You should download the "Eclipse IDE for Java EE Developers"
http://www.eclipse.org/downloads/

Please note that there is no installer for eclipse. You just need to extract the zip file and click on the eclipse.exe to run it.

Android SDK
http://developer.android.com/sdk/

After you installed the android sdk, you must add the android sdk tools directory in your PATH variable.

How to create a "scroll to top effect" in Jquery

It is very easy to create click to scroll to top in Jquery. All you need to use is the animate effect.

Here is an example code to scroll all the way back to the top of the page.

function scrollToTop(){
        $('html, body').animate({
scrollTop:0
}, 'fast');
}


See the code in action