FooTable: a jQuery Plugin for Responsive Tables

Here is the FooTable from JQuery, this is responsive table that we can use for our report for office, personal, and other information.

Great things and we will discussion here in bellow :
Before we say this project, download it before from this link :
Get the source from Github, or you can download it direct.

Demos & Documentation 

1. At the head of your html just paste this code : 

1.  It's also likely that you have your own breakpoints. That is very easy to configure as you call the plugin. 



$('table').footable({
  breakpoints: {
    mamaBear: 1200,
    babyBear: 600
  }
}); 

2. And at the last setup your coloumns like this bellow :



 


    

      
First Name
      
      
Last Name
      
      
Job Title
      
      
DOB
      
      
Status
      
    




3. You can quite easily tell, just from the markup, that the table will work in the following way:
   - The table will be filtered by an input with id "filter" (data-filter="#filter")
   - The table will be sorted initially by the First Name column and it will be sorted in descending order (data-sort-initial="descending")
   - The Last Name column cannot be sorted (data-sort-ignore="true")
   - The Job Title and DOB columns will be hidden on phone and tablet (data-hide="phone,tablet")
   - The Status column will be hidden on phones (data-hide="phone")
   - The DOB and Status columns use numeric data (data-type="numeric")
   

just see the demo in here :
DEMO SORTING

thank for read this tutorial and also i say thanks to http://css-tricks.com

Read More...

There is no Place like 404 page??

What is 404, why not 303?or others number??

Every day if you working on Internet, you will not be foreign to hearing about 404 page not found, this code found for every client who access the page can't be show on website or webpage, or other information that users find out in Internet.
so, we will asking why?, here is some infomation to expalin this code:
HTTP code was developed by the World Wide Web Consortium named Consortiun (W3C) in 1992 as part of the HTTP 0.9 spesifications. They are defined by Tim Berners-Lee, the same man who alone find a web and a web browser the first time in 1990 Berners-Lee likens the HTTP status code with FTP status code, which has existed since 1990; FTP specifications inaugurated on 1985, although FTP has actually been used for much longer.

if we check and analisys that number, 4 (first number of 404) is: we have error on the client side, and 0(on the middle) , mean that the error get found on sintax (page line error), and 4 is show where this error found (what group of this error), it just like archieve on our filling cabinet.

404 also often redirecting on 400 : Bad Reques, 401 : Unauthorized, and etc

all of detail this number you can read on bellow, this code created by  Berners-Lee Team.

Normal Code Response :

• “100 ; Section 10.1.1: Continue
• “101 ; Section 10.1.2: Switching Protocols
• “200 ; Section 10.2.1: OK
• “201 ; Section 10.2.2: Created
• “202 ; Section 10.2.3: Accepted
• “203 ; Section 10.2.4: Non-Authoritative Information 
• 204 ; Section 10.2.5: No Content
• “205 ; Section 10.2.6: Reset Content
• “206 ; Section 10.2.7: Partial Content
• “300 ; Section 10.3.1: Multiple Choices
• “301 ; Section 10.3.2: Dipindahkan secara permanent
• “302 ; Section 10.3.3: Found
• “303 ; Section 10.3.4: See Other
• “304 ; Section 10.3.5: Not Modified
• “305 ; Section 10.3.6: Use Proxy
• “307 ; Section 10.3.8: Temporary Redirect

Server Error Side :

• “200 ; Section 10.2.1: OK
• “201 ; Section 10.2.2: Created
• “202 ; Section 10.2.3: Accepted
• “203 ; Section 10.2.4: Non-Authoritative Information
• “204 ; Section 10.2.5: No Content
• “205 ; Section 10.2.6: Reset Content
• “206 ; Section 10.2.7: Partial Content

 Client Error Side:

• 400 ; Section 10.4.1: Bad Request / Permintaan: Buruk
• “401 ; Section 10.4.2: Unauthorized
• “402 ; Section 10.4.3: Payment Required / Pembayaran Dibutuhkan
• “403 ; Section 10.4.4: Forbidden
• “404 ; Section 10.4.5: Not Found
• “405 ; Section 10.4.6: Method Not Allowed
• “406 ; Section 10.4.7: Not Acceptable
• “407 ; Section 10.4.8: Proxy Authenti ation Required
• “408 ; Section 10.4.9: Request Timeout
• “409 ; Section 10.4.10: Conflict
• “410 ; Section 10.4.11: Gone
• “411 ; Section 10.4.12: Length Required
• “412 ; Section 10.4.13: Precondition Failed
• “413 ; Section 10.4.14: Request Entity Too Large
• “414 ; Section 10.4.15: Request-URI Too Large
• “415 ; Section 10.4.16: Unsupported Media Type
• “416 ; Section 10.4.17: Requested range not satisfiable
• “417 ; Section 10.4.18: Expectation Failed
• “500 ; Section 10.5.1: Internal Server Error
• “501 ; Section 10.5.2: Not Implemented
• “502 ; Section 10.5.3: Bad Gateway
• “503 ; Section 10.5.4: Service Unavailable
• “504 ; Section 10.5.5: Gateway Time-out
• “505 ; Section 10.5.6: HTTP Version not supported

we think that after read this article, you maybe know why must be 404?, and why not should other numbers, thanks for read!

Read More...