Saturday, 13 September 2014

ANdroid project source code

http://www.java2s.com/Open-Source/Android_Free_Code/Bluetooth/Download_Free_code_Bluetooth_Chat.htm

http://www.java2s.com/Open-Source/Android_Free_Code/Bluetooth/List_of_Free_code_Bluetooth.htm

-----------------------------

http://www.java2s.com/Open-Source/Android_Free_Code/

-----------------------------------
https://www.google.co.in/search?client=firefox-a&hs=KlU&rls=org.mozilla:en-US:official&channel=rcs&biw=1440&bih=741&q=bluetooth+chat+application+in+android+source+code

http://www.instructables.com/id/Android-talks-to-Arduino/step4/Change-Android-Bluetooth-Chat-sample-App/
----------------------------------------

ALL CODE

You could go to F-Droid where most of the applications' source code is available open source

Android
Download Android Applications Source Codes and Projects
you can download source code for android app from the above link.

Apart from the android developer site, you may also try Tutorials, Games, Apps, Tips

-----------------------------------------------------------------------------------------
https://android.googlesource.com/platform/development/+/eclair-passion-release/samples/BluetoothChat/src/com/example/android/BluetoothChat/BluetoothChatService.java

----------------------------------------------------------------------------------------
Share projects, post & new ideas here and be the part of coders-hub.

1. Android Source code for Swipe Left and Right using gesture detection:-

This android application will detect gesture motion and page will move according to your given direction i.e left or right.

Download source code

2. Android Source code for Custom Left-Right and Up-Down Slide Show:-

A sample application that shows how to implement custom transition between activities. Following transition are added:
- Slide in-out left-right
- Slide in-out top-bottom

Download Source code

3. Android Source code for Chat Application:-

This is a simple chat application. Read text file "how_to_run.txt" that is added with rar file to help to run the server and client side programs. First run Java file on Command Prompt than start your project on eclipse.

Download Source Code

4. Android source code for student result automation project:-

This source code will show how to connect android to database MySQL using PHP and how to update current Activity.Enter roll number, enrollment number and semester & get results of Student.
Note: Project is updated with new PHP file and database, & table and all problem is resolved. Read process.txt file for instruction.

Download source code

5. Android source code for Facebook like slide show:-

Now mostly applications are using this slide show to show profile of the user and other information in one activity with different layouts. like Facebook, Hangout, Stumble upon, etc.

Download source code

6. Android source code for Login, Registration page with SQLite:-

In this application, there are three pages; Login,Registration and welcome pages. We used hide and show image in password field so we can hide and show entered password. Simple SQLite example are also available here:-How to use SQLite database in android.

Download source code

7. Android source code for Login,Register page with MySQL and PHP:-

This application is same as above example but we have used MySQL and PHP instead of SQLite to store and fetch data.

Download source Code

8. Android source code get Sim number on mobile restart:-

This application will show how to start an activity when we restart our mobile. This application can be used to get message of location when you start your mobile and it can be used to catch thief because when anyone steal your mobile and open your mobile than a message of thief's location will send to your given number. I have already discuss how to send sms and how to get location.

Download source Code

9. Android source code for Gmail like navigation drawer:-

This application is example of Gmail like navigation drawer. In this application, there are three pages that are using Fragment.

Download source code

10. Android source code for date and Time picker application:-

This is a simple android application for selecting date and time & it will show selected date & time in flash message.

Download source code

http://www.coders-hub.com/2013/07/download-android-application-source-code.html#.VBROPqMbf3U
--------------------------------------------------------------------------------------------------------------------

Google Code Hosting File

Google Code Hosting File Project with TortoiseSVN

http://tortoisesvn.net/downloads.html

Add the following code into the config file of tortoisesvn that you already installed.

[miscellany]
enable-auto-props = yes

[auto-props]
# Scriptish formats
*.bat        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.bsh        = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-beanshell
*.cgi        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.cmd        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.js         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/javascript
*.php        = svn:eol-style=native; svn:keywords=Id Rev Date; svn:mime-type=text/x-php
*.pl         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl; svn:executable
*.pm         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl
*.py         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-python; svn:executable
*.sh         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-sh; svn:executable

# Image formats
*.bmp        = svn:mime-type=image/bmp
*.gif        = svn:mime-type=image/gif
*.ico        = svn:mime-type=image/ico
*.jpeg       = svn:mime-type=image/jpeg
*.jpg        = svn:mime-type=image/jpeg
*.png        = svn:mime-type=image/png
*.tif        = svn:mime-type=image/tiff
*.tiff       = svn:mime-type=image/tiff

# Data formats
*.pdf        = svn:mime-type=application/pdf
*.avi        = svn:mime-type=video/avi
*.doc        = svn:mime-type=application/msword
*.eps        = svn:mime-type=application/postscript
*.gz         = svn:mime-type=application/gzip
*.mov        = svn:mime-type=video/quicktime
*.mp3        = svn:mime-type=audio/mpeg
*.ppt        = svn:mime-type=application/vnd.ms-powerpoint
*.ps         = svn:mime-type=application/postscript
*.psd        = svn:mime-type=application/photoshop
*.rtf        = svn:mime-type=text/rtf
*.swf        = svn:mime-type=application/x-shockwave-flash
*.tgz        = svn:mime-type=application/gzip
*.wav        = svn:mime-type=audio/wav
*.xls        = svn:mime-type=application/vnd.ms-excel
*.zip        = svn:mime-type=application/zip

# Text formats
.htaccess    = svn:mime-type=text/plain
*.css        = svn:mime-type=text/css
*.dtd        = svn:mime-type=text/xml
*.html       = svn:mime-type=text/html
*.ini        = svn:mime-type=text/plain
*.sql        = svn:mime-type=text/x-sql
*.txt        = svn:mime-type=text/plain
*.xhtml      = svn:mime-type=text/xhtml+xml
*.xml        = svn:mime-type=text/xml
*.xsd        = svn:mime-type=text/xml
*.xsl        = svn:mime-type=text/xml
*.xslt       = svn:mime-type=text/xml
*.xul        = svn:mime-type=text/xul
*.yml        = svn:mime-type=text/plain
CHANGES      = svn:mime-type=text/plain
COPYING      = svn:mime-type=text/plain
INSTALL      = svn:mime-type=text/plain
Makefile*    = svn:mime-type=text/plain
README       = svn:mime-type=text/plain
TODO         = svn:mime-type=text/plain

# Code formats
*.c          = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.cpp        = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.h          = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.java       = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.as         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.mxml       = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain

# Webfonts
*.eot        = svn:mime-type=application/vnd.ms-fontobject
*.woff       = svn:mime-type=application/x-font-woff
*.ttf        = svn:mime-type=application/x-font-truetype
*.svg        = svn:mime-type=image/svg+xml

Right click on the desktop will shown as the right picture above, then click on the settings, will appear as the left picture below. Then click on edit button will show the config file of TortoiseSVN, that would be added as the very last code (at the bottom of “# Makefile = svn:eol-style=native”)with the new script code above. And then save the config file that you just change.

http://agratitudesign.blogspot.in/2013/06/project-of-google-code-hosting-file.html

how to make money anonymously online surf anonymously bitcoin

how to make money anonymously online

1.Liberty Reserve or fake ID + western union
2.Paypal with fake info(PayPal is a pain because you get limited, and they will certainly close the account if they get complaints)
3.bitcoins

1. BitCoins – The cryptocurrency known as bitcoin is one of the most anonymous forms of payment. Its virtually %100 anonymous. Bitcoins have been one of the longest lasting forms of anonymous payments online. A lot of companies are starting to accept BitCoin more and more. Get free bitcoins, and start making anonymous purchases online. Or any alter cryptocurreny should work.
2.Gift Cards – Gift cards can be %100 anonymous if bought with cash. A lot of websites accept Amazon as a form of payment, so an Amazon giftcard can be an anonymous checkout gateway. Gift cards can be used for an anonymity tool, and they can also be very useful. Some websites will even let you buy digital subscriptions with gift cards to big box retailers. Be sure to check which gift cards are accepted before checking out.
3.Prepaid cards – Prepaid cards can make many purchases online as they are just as valid as a credit card. Prepaid cards bought with cash are also virtually anonymous online. They are a credit card with no strings attached.

BITCOINS -> coinbase & bitvisitor

How to get Free BitCoins

Bitcoins? How do I get them? How can I get Free BitCoins?
Bitcoins, they have a very complex mining process. It takes lots of time, money, and investing to get it just right. If you are just an average user, and want a few free BitCoins, or want to try BitCoins out then this is a great starter guide.
The easiest way to get free BitCoins is to go to Bitvisitor.com.

To start go to bitvisitor.com. The layout changes quite often, but it is quite simple to use. You will want to look for the box that says, Enter Your BitCoin Address. When you see that, enter your BitCoin Address. If you don’t have a BitCoin Address you can the article “What are BitCoins?” it will tell you what BitCoins are, and how to set up an Address, or you can use ours for testing xxxxxxxxxxx. Once you have entered a BitCoin Address you will want to hit submit. If you have entered the address wrong it will say Invalid Address. If you have entered the address correctly and it still says Invalid Address make sure that you have no spaces before or after the BitCoin Address. Once you have entered your address correctly it will redirect to a captcha. It will tell how many BitCoins the address will receive after the captcha is entered correctly. Remember that there are three different “prices” of BitCoin. mBTC, uBTC, and BTC. If it says the address will receive 44uBTC, that is not the same at 44 BTC. If the captcha is entered incorrectly users will need to go to the BitVisitor homepage, and start again. If the captcha is entered correctly, the page will direct to another page. Every action on the BitVisitor page will take five minutes to complete. Once the page has redirected, users will see a website inside a smaller box. There will be a timer on the top left, counting down from five minutes. Once BitVisitor is done counting down, you will get a green icon that says NEXT. Click the button, and it will redirect to another Captcha, enter the captcha and his visit, it will do the same process over and over till you have maxed their system out. The system only lets you get a certain amount of BitCoins per day. It does this on an IP address basis. But the system is smart, and blocks most VPN’s and proxies. This stops people from abusing the system. If you choose to try and trick the system using a different IP, and the same wallet, the website will blacklist you from their services. Once you have gotten your free BitCoins, wait twenty four hours, and try again.

bitvisitor and https://coinbase.com/ for free address.

If you would like to see how serious the website is on security check their Anonymity page here https://blockchain.info/wallet/anonymity
If you would like to check anyone’s address (whether they use the site or not) type https://blockchain.info/address/ then out the address, after /address/
If you want to learn how to get free BitCoins click http://freedomhacker.net/free-bitcoins/
-----------------
https://enumbered.com/anonymous_atm_card

2
Use a VPN. A VPN, or virtual private network, reroutes your traffic to another location before heading on to its final destination, masking your identity. Importantly, VPNs also encrypt your data while making these transfers, making them very secure and going a long way to keep you safe from hackers and identity thieves.
- Private Internet Access and TorGuard are good VPNs which do not keep user records (helping to protect you from government requests).
- VPNs work great for masking your location as well, helping you to take advantage of things like your Netflix subscription, even when you're traveling overseas.

Wednesday, 10 September 2014

how to call website using http in android

how to call website using http in android

Android application.

Adding a WebView to Your Application

To add a WebView to your Application, simply include the <WebView> element in your activity layout. For example, here's a layout file in which the WebView fills the screen:

<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>

To load a web page in the WebView, use loadUrl(). For example:

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.example.com");

Before this will work, however, your application must have access to the Internet. To get Internet access, request the INTERNET permission in your manifest file. For example:

<manifest ... >
    <uses-permission android:name="android.permission.INTERNET" />
    ...</manifest>

That's all you need for a basic WebView that displays a web page.

Using JavaScript in WebView

If the web page you plan to load in your WebView use JavaScript, you must enable JavaScript for your WebView. Once JavaScript is enabled, you can also create interfaces between your application code and your JavaScript code.

Enabling JavaScript

JavaScript is disabled in a WebView by default. You can enable it through the WebSettings attached to your WebView. You can retrieve WebSettings with getSettings(), then enable JavaScript with setJavaScriptEnabled().
For example:

WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);

WebSettings provides access to a variety of other settings that you might find useful. For example, if you're developing a web application that's designed specifically for the WebView in your Android application, then you can define a custom user agent string with setUserAgentString(), then query the custom user agent in your web page to verify that the client requesting your web page is actually your Android application.

Binding JavaScript code to Android code

When developing a web application that's designed specifically for the WebView in your Android application, you can create interfaces between your JavaScript code and client-side Android code. For example, your JavaScript code can call a method in your Android code to display a Dialog, instead of using JavaScript's alert() function.
To bind a new interface between your JavaScript and Android code, call addJavascriptInterface(), passing it a class instance to bind to your JavaScript and an interface name that your JavaScript can call to access the class.
For example, you can include the following class in your Android application:

public class WebAppInterface {
    Context mContext;

    /** Instantiate the interface and set the context */
    WebAppInterface(Context c) {
        mContext = c;
    }

    /** Show a toast from the web page */
    @JavascriptInterface
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

which website is best for software learning,programming

http://www.tutorialspoint.com/cloud_computing/cloud_computing_management.htm

http://www.tutorialspoint.com/web_development_tutorials.htm

http://www.tutorialspoint.com/bootstrap/bootstrap_navigation_elements.htm

http://www.tutorialspoint.com/ios/

The next billion customers: The IT revolution has probably reached a billion people of the world so far. In the next 5 years, it will reach the next billion. These will be a very different set of people. Many of them will be illiterate – so you need to focus on non-text, non-English interfaces – video, animations, voice recognition. Search for “English Seekho” to get an idea of what I mean. Most won’t have money or electricity for computers, so mobile devices will rule – so you need to start playing with mobile platforms like Android. In general, search for the “the next billion” and you’ll find some interesting material put together by the likes of Nokia, and MIT giving you ideas on what to focus on.
Usability: As IT touches the lives of more and more people, less and less of them will be “computer savvy”, and less and less of them will view computing devices as something that needs to be learnt. Consequently, the products that will succeed, will be the ones that are easy to use. And making something easy to use is rather difficult. It is a sub-discipline of computer science, and there is a lot of theory, and a bunch of well-defined algorithms and practices you can use to make things easy to use. The whole area is called HCI (Human Computer Interaction), and UCD (User Centered Design) is a part of it. It’s an area that you must be familiar with
Computer Science Fundamentals: This will never go out of fashion, and yes, when I look at students coming out of our colleges, this appears to be a rather neglected area. Far too much emphasis on specific programming languages, and specific “technologies” is a mistake. Whatever the future holds, you will be well served by knowing the basic theory of computer sciences. Learn data-structures and algorithms. If you don’t have a favourite data-structure, and an algorithm that you find beautiful, then your computer science education is incomplete. If, after seeing an algorithm, your first thought is not about the complexity of the algorithm (O(n), O(log n), etc.), then you need to hit your books again. If you’ve only learned Java and C#, and you don’t really understand pointers, heaps, stacks, you will sooner or later be at a disadvantage. Understand the basics. And while you’re at it, also learn mathematics and statistics.
Presentation skills: This is not a computer science skill, but this is one of the most important skills that computer science students are missing. You must treat presentation as equally important, or more important than your program, design, and algorithms. And you must spend as much time learning presentation (from books, in classes, and in practice) as you spent on programming languages, and computer science subjects. I’m sure you haven’t done that, hence this item in my list. You should know how to write well. Not just papers and documents, but much more importantly, emails, and blog posts, and facebook wall postings, and tweets. You must think about what the user/reader/client wants to know (instead of what you know and want to tell). And of course, you must know how to speak well. How to tell a story instead of listing some arcane facts about your work. How to leave out stuff that you find extremely interesting, but the listener doesn’t.
Economics: Scott Adams, the creator of Dilbert says: “When you have a working knowledge of economics, it’s like having a mild super power.” Basically, if you understand the fundamentals of economics, you can see and understand what drives people and technologies and success and failure a lot better than people who do not understand it. I hated the fact that I was made to study economics in IIT for my computer science course. It seemed like a complete waste of my time. Now, looking back, I think it was probably the most important course.

http://www.zdnet.com/
http://techcrunch.com/
http://www.tech-recipes.com/

http://www.quora.com/What-are-the-best-resources-sites-books-or-tutorials-for-learning-programming

Monday, 8 September 2014

video and mp3 player for web with dj mixing

// this is the initializer function

        $(".audio").mb_miniPlayer({
        width:240,
        inLine:false,
        onEnd:playNext
        });

        // and this is function invoked as 'onEnd' callback
        // Both the onPlay and onEnd callback functions receive the index of the player as parameter.

        function playNext(idx){
        var players=$(".audio");
        document.playerIDX = idx+1 <= players.length-1 ? idx+1 : 0;
        players.eq(document.playerIDX).mb_miniPlayer_play();
        }

$(".audio").mb_miniPlayer({ width:240, inLine:false, onEnd:playNext });

this line to start mp3 player.
1.https://github.com/pupunzi/jquery.mb.miniAudioPlayer

for DJ https://github.com/pupunzi/jquery.mb.audio

http://pupunzi.com/#mb.components/components.html
----------------------------------------------------------------------------------------

mb.miniAudioPlayer
Skin Maker

GIt hub

https://github.com/rwadhol

-------------------------------------------------------------------

https://github.com/pupunzi?tab=repositories

PLAYLIST

http://www.republicofcode.com/tutorials/flash/as3musicplayer/
http://www.republicofcode.com/tutorials/flash/as3musicplayer/
http://www.pixel2life.com/publish/tutorials/17/create_a_full_streaming_flash_mp3_player_using_xml_/

jquery.mb.emoticons

https://github.com/pupunzi/jquery.mb.emoticons

<!DOCTYPE HTML >
<html>
<head>
<title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
<script type="text/javascript" src="inc/jquery.mb.emoticons.js"></script>
<script type="text/javascript">
$(function(){

    $("#ta").mbSmilesBox();

})
</script>
<style type="text/css">

.mbSmilesWrapper{
position:relative;
display:inline-block;
marginwidth-topmargin:15px;
}

    .mbSmilesBox{
      position:absolute;
      width:290px;
      background:#f3f3f3;
      padding:5px;
      -moz-box-shadow: #666666 1px 1px 6px;
      -webkit-box-shadow: #666666 1px 1px 6px;
      margin-top:-5px;
      z-index:1001;
    }
    span.emoticon{
      background-color:#f3f3f3;
      display:block;
      float:left;
      width:25px;
      height:25px;
      cursor:pointer;
      border-bottom:1px dotted #ccc;
      border-right:1px dotted #ccc;
      padding:3px;
    }
    span.emoticon:hover{
      position:relative;
      z-index:1;
      background-color:#fff;
      -moz-box-shadow: #666666 1px 1px 6px;
      -webkit-box-shadow: #666666 1px 1px 6px;
    }

    span.mbSmilesButton img{
        width:12px;
        height:12px;
    }
    span.mbSmilesButton{
        position:absolute;
        right:5px;
        z-index:1000;
    }

    #render{
      width:500px;
      background:#f3f3f3;
      padding:5px;
      -moz-box-shadow: #666666 1px 1px 6px;
      -webkit-box-shadow: #666666 1px 1px 6px;
    }
    #ta{
      border:none;
      width:500px;
      height:200px;
      background:#f0f8ff;
      padding:5px;
      -moz-box-shadow: #666666 1px 1px 6px;
    }

    span.btn{
      padding:5px;
      margin:10px;
      display:inline-block;
      cursor:pointer;
      font:12px/14px Arial, Helvetica, sans-serif;
      color:#aaa;
      background-color:#eee;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      -moz-box-shadow:#999 2px 0px 3px;
      -webkit-box-shadow:#999 2px 0px 3px;
    }
    span.btn:hover{
      background-color:#000;
    }

</style>

</head>
<body>

<textarea id="ta" class="ta"></textarea>
<br>
<span class="btn" onclick="$('#render').html($('#ta').val()).emoticonize(true).show()">render</span>

<div id="render" style="display:none"></div>

</body>
</html>

Saturday, 6 September 2014

ALL ABOUT FACEBOOK API

AJAX

Ok, for this practice, we need 3 file (I create within www/test/ajax directory):

ajax.js -> as ajax library
test.php -> as main page
home.html -> will be loaded as content

First, write below line codes within ajax.js

01function callAJAX(url, pageElement, callMessage) {

02      document.getElementById(pageElement).innerHTML = callMessage;

03      try {

04        req = new XMLHttpRequest(); /* e.g. Firefox */

05      } catch(e) {

06          try {

07          req = new ActiveXObject("Msxml2.XMLHTTP");

08   /* some versions IE */

09          } catch (e) {

10              try {

11              req = new ActiveXObject("Microsoft.XMLHTTP");

12  /* some versions IE */

13              } catch (E) {

14                 req = false;

15              }

16          }

17      }

18

19      req.onreadystatechange = function() {responseAJAX(pageElement);};

20    req.open("GET",url,true);

21      req.send(null);

22

23  }

24

25function responseAJAX(pageElement) {

26    var output = '';

27    if(req.readyState == 4) {

28         if(req.status == 200) {

29              output = req.responseText;

30              document.getElementById(pageElement).innerHTML = output;

31            }

32       }

33   }

then, we create test.php, enter following codes:

01<html>

02<head>

03    <SCRIPT language="JavaScript" SRC="ajax.js"></SCRIPT>

04</head>

05<body onload="callAJAX('home.html','displaydiv')">

06

07<table>

08<tr>

09<td id="displaydiv"></td>

10</tr>

11</table>

12

13</body>

14</html>

last, we create home.html, enter following line code:

`1`	`front page test`

Now, point your browser to http://localhost/test/ajax/test.php, you will get like this:

------------------------------------------------------------------------------------------------------

http://www.phpeveryday.com/articles/Facebook-Programming-Facebook-Platform-P845.html

Facebook Application Architecture

Well, we'll compare how common web application architecture with applications on Facebook. Below is a standard web architecture:
Standar web application architectur

Figure 1.7 Standar web architectur
When you want to open a web page, you send an HTTP Request to the server. On the server there will be a process involving the application and database. The results of this process, an HTML document will be sent to your browser.
Now we see how the Facebook platform works. When you open an existing application on Facebook, you send an HTTP Request to the facebook server. Your request will be forwarded to the owner of the server application. There is some information (eg user id) that will be requested from the server to the server application for Facebook. Next, Facebook server will respond and send data to the server application. After the application is processed on the server, it sends the document in a format that is sent to the FBML Facebook servers. By Facebook document is processed and produces an HTML document that is sent to your page.
Facebook web application architectur

Figure 1.8 Facebook architectur

Facebook Framework Components

In the Facebook platform, there are parts where you will incorporate in your code:

Facebook API
FBML (Facebook Markup Language)
FQL (Facebook Query Language)
Facebook Javascript

Facebook API

API stands for Application Programming Interface. Facebook API is the heart of your application. Facebook API is a Web services programming interface to access the main Facebook services (profile, friends, photo, event) and the function of Facebook (login, redirect, update the view). API is REST-based architecture (Representational State Transfer).

Facebook Markup Language

Facebook Markup Language is a language like HTML but versions of Facebook for display a canvas page in Facebook. Here are three facts about FBML:

FBML also contains a subset of HTML elements. Common elements such as p, ul, and h1 is also part of FBML.
FBML also support for script and style elements. Javascript is not supported in the usual script. However, some javascript code can be supported on the Facebook Javascript. Elements of style can not you use to access the external style sheets. You can only use internal CSS.
FBML provides some extensions for the user interface (UI) in particular.

Facebook Query Language

Facebook Query Language (FBQL) is a SQL-based interface to the Facebook data. Through FBQL, you can access many tables in the database such as Facebook users, friend, group, group_member, event, event_member, photo, albums, and photo_tag. FBQL is a query language similar to the SQL standard, but there are some limitations:

SELECT statement must be one table at a time
Join query is not allowed
A query must be indexed

Facebook JavaScript

As mentioned above, Facebook does not support Javascript elements standard in the script. However, there are some Javascript code (which in a very limited number) that can be run on Facebook through the Facebook JavaScript. Here's the difference between the Facebook Javascript and Javascript:

Facebook provides an alternative implementation of the DOM using JavaScript DOM standard.
Many implementations FBJS objects with a standard Javascript, but there are many differences.
When processing the code in the script element, he will relate the function and variable names of the application
.

Element fb:mediaheader have function to display header and profile picture at once. Example as follows:

01<?php

02// Get these from http://developers.facebook.com

03$api_key = '2c73ae8529134aaaaaaaaaaaaaaaaaaa';

04$secret  = '3c041a7cbd797aaaaaaaaaaaaaaaaaaa';

05

06include_once './facebook-platform/php/facebook.php';

07

08$facebook = new Facebook($api_key, $secret);

09$user = $facebook->require_login();

10

11?>

12<fb:mediaheader uid="<? echo $user;?>"></fb:mediaheader>

Showing picture at header
To showing title, you can use:

1<fb:mediaheader uid="<? echo $user;?>">

2<fb:header-title>My Library</fb:header-title> 

3</fb:mediaheader>

Showing title at header media
You can add a link use fb:owner-action. But this can only be seen by the owner of the page.

1<fb:mediaheader uid="<? echo $user;?>">

2<fb:header-title>My Library</fb:header-title> 

3<fb:owner-action href="http://www.myweb.com">Go to My Web</fb:owner-action>

4</fb:mediaheader>

Add link using fb:owner-action
Finally, we will discuss fb:tabs element. You can create a navigation in tab format with this elements. Examples like the following:

1<fb:tabs>  

2<fb:tab-item href='http://apps.facebook.com/yummietester/new.php' title='Add new Book' selected='true'/>  

3<fb:tab-item href='http://apps.facebook.com/yummietester/list.php' title='Book List' />  

4</fb:tabs>

Navigation with tab format
Previous: Facebook Programming: FBML - UI Element and Widget
Next: Facebook Programming: FBML - Discussion Board

-------------------------------------------------------------------------
So by using the UI Element and widgets, you will benefit:

You do not have to waste your energy for the needs you expect.
Application you create will be felt Facebook taste

Well, in short, you can take advantage of the UI element in making display at canvas page. There are several core UI element for header and navigation that you must know:

Dashboard page header (fb:dashboard)
Dashboard navigational link (fb:action)
Dashboard create button (fb:create-button)
Dashboard help link (fb:help)
Title header (fb:header)
Media header (fb:mediaheader)
Navigation tabs (fb:tabs, fb:tab-item)

The elements above are core elements of the UI Element. These elements are the basis for making the interface in your application.
As mentioned above, you can also add widgets in your application. Facebook has several widgets that you can use. You can just put on your canvas page. Here is a list of widgets that you can use:

Discussion board (fb:board)
Comments wall (fb:comments)
Do-it-yourself wall “constructor kit” (fb:wall, fb:wallpost, fb:wallpost-action)
Friend selector box (fb:friend-selector)
Type-ahead text box (fb:typeahead-input, fb:typeahead-option)

-------------------------------------------------

Table of Content

Facebook Programming

First Application
Facebook Platform
First Facebook App

Facebook API
Facebook API
API Friends
API Events
API Groups
API Page
API Users

Facebook Markup Language
6 Type of FBML
FBML Users and Groups
Content Conditionally
fb:if-can-see
fb:if-can-see-photo
fb:if-is-app-user
fb:if-is-friend-with-viewer
Content in Profile Boxes
fb:if and fb:switch
UI Element and Widget
Using UI Element
Discussion Board
Creating Wall in Application
Building Request and Invitations

--------------------------------------------------------------------------------------
OTHE API TWITTER LINKEDIN

http://karanbalkar.com/2012/10/tutorial-7-how-to-create-a-countdowntimer-within-dialog-in-android/
https://www.facebook.com/threadsoflifebykaranbalkar

linked in http://www.princesspolymath.com/princess_polymath/?p=347
http://developer.linkedin.com/documents/javascript-tags-and-templates-tutorial

http://karanbalkar.com/2013/09/tutorial-57-connect-to-linkedin-using-java-and-oauth/

https://www.youtube.com/watch?v=GQaPt-gQVRI

http://www.soapui.org/Getting-Started/api-example-projects.html

http://www.codecademy.com/courses/ruby-beginner-en-pEdhY/0/1?curriculum_id=

Friday, 5 September 2014

rotating box in html css

3D Translate

http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

Elements may also be translated on the z axis using the translateZ value. A negative value here will push an element further away on the z axis, resulting in a smaller element. Using a positive value will pull an element closer on the z axis, resulting in a larger element.
While this may appear to be very similar to that of the two-dimensional transform scale value, it is actually quite different. The transform is taking place on the z axis, not the x or y axes. When working with three-dimensional transforms, being able to move an element on the z axis does have great benefits, like when building the cube below for example.

HTML

<figure class="box-1">Box 1</figure>
<figure class="box-2">Box 2</figure>

CSS

.box-1 {
  transform: perspective(200px) translateZ(-50px);
}
.box-2 {
  transform: perspective(200px) translateZ(50px);
}

3D Translate Demo

http://learn.shayhowe.com/advanced-html-css/css-transforms/

http://codepen.io/shayhowe/pen/msBJC

http://codepen.io/HugoGiraudel/pen/fvopl

HTML

<div class="container">
  <section>...</section>
  <aside>...</aside>
</div>

CSS

.container {
  width: 538px;
}
section,
aside {
  margin: 10px;
}
section {
  float: left;
  width: 340px;
}
aside {
  float: right;
  width: 158px;
}

Fixed Grid Demo

http://learn.shayhowe.com/advanced-html-css/responsive-web-design/

http://codepen.io/RavingAPD/pen/CLsmj

BEST CSS USING VIDEO

http://codepen.io/dudleystorey/pen/knqyK

on mouse click NET

http://codepen.io/suffick/pen/KrAwx

design like news paper

http://codepen.io/silkine/pen/jldif

CSS BEST DESIGN

http://codepen.io/austinteer/pen/AwhyL

JSFiddle

JSFiddle was one of the earliest code playgrounds and a major influence for all which followed. Despite the name, it can be used for any combination of HTML, CSS and JavaScript testing. It’s looking a little basic today, but still offers advanced functionality such as Ajax simulation.

CodePen

The prize for the best-looking feature-packed playground goes to CodePen. The service highlights popular demonstrations (“Pens”) and offers advanced functionality such as sharing and embedding. The PRO service provides cross-browser testing, pair-programming and teaching options for just $9 per month.

CSS Deck

This may be named CSS Deck, but it’s a fully-fledged HTML, CSS and JavaScript playground with social and collaboration features. It’s similar to CodePen (I don’t know who influenced who!) but you might prefer it.

JS Bin

JS Bin was started by JS guru Remy Sharp. It concentrates on the basics and handles them exceedingly well. As far as I’m aware, it’s also the only option which offers a JavaScript console. Recommended.

Dabblet

Another early playground, Dabblet started life as an HTML5/CSS3 demonstration system by Lea Verou but it’s recently received JavaScript facilities. It looks gorgeous and has one killer feature — browser CSS prefixes are added automatically. There’s no need to enter that -webkit, -moz and -ms nonsense yourself.

Tinkerbin

Tinkerbin is an alpha release and one of the simpler options here. It may not offer features above and beyond the alternatives but it’s attractive and functional.

Liveweave

Liveweave is slightly unusual in that it places your HTML, CSS and JavaScript into a single file. It’s not possible to share your creation, but you can download the result and store or open it locally. It’s ideal for quick and dirty private experimentation.
I guess I missed your favorite?…
Comments on this article are closed. Have a question about Web Design? Why not ask it on our forums

Search Google

Saturday, 13 September 2014

Google Code Hosting File Project with TortoiseSVN

Add the following code into the config file of tortoisesvn that you already installed.

BITCOINS -> coinbase & bitvisitor

How to get Free BitCoins

Wednesday, 10 September 2014

Adding a WebView to Your Application

Using JavaScript in WebView

Enabling JavaScript

Binding JavaScript code to Android code

Monday, 8 September 2014

mb.miniAudioPlayer Skin Maker

GIt hub

-------------------------------------------------------------------

Saturday, 6 September 2014

AJAX

Facebook Application Architecture

Facebook Framework Components

Facebook API

Facebook Markup Language

Facebook Query Language

Facebook JavaScript

Friday, 5 September 2014

3D Translate

HTML

CSS

3D Translate Demo

HTML

CSS

Fixed Grid Demo

mb.miniAudioPlayer
Skin Maker