REf link for slider images and few code downloads

http://www.hongkiat.com/blog/free-responsive-image-gallery/

http://designscrazed.com/free-responsive-jquery-image-sliders/

http://galleria.io/download/

http://bxslider.com/examples/image-slideshow-captions

http://www.hislider.com/download.html

CSS3 media query Tablet Orientation Portrait and Landscape

CSS media queries is it possible to detect portrait / landscape tablet mode?

given that in JS is pretty easy ....something like

if(window.innerHeight > window.innerWidth){
    portrait = true;
}else{
   portrait = false;
}

and i can use that...but i'm wondering if it is possible to do it using just css and @media styles

is it possible something like

@media only screen and (width > height) { 

//...

}

25down voteaccepted

Yes you do it: @media screen and (orientation:portrait) { … } @media screen and (orientation:landscape) { … } The CSS definition of a media query is at http://www.w3.org/TR/css3-mediaqueries/#orientation

@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
}

Ref Link:
http://stackoverflow.com/questions/5735467/css-media-queries-is-it-possible-to-detect-portrait-landscape-tablet-mode


Working Example code :
=================

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
}

Thanks for Ref:

Jquery Mobile master demos

http://view.jquerymobile.com/master/demos/      http://view.jquerymobile.com/1.3.1/dist/demos/  Good egs

VERSION DEV

Search

Demos

jQuery Mobile is a touch-optimized HTML5 UI framework designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.

New to jQuery Mobile? Get started by reading this introduction. For technical info, visit the API documentation. Downloads and info about the project can be found on jquerymobile.com.

Pages & Navigation

Pages

Navigation

Loader

Transitions

CSS Framework

Theming

Buttons

Icons

Grids

Body and bar classes

Widgets

Toolbar, Navbar

Tabs, Panel, Popup

Listview

Collapsible, Collapsible set

Table Reflow, Table Column Toggle

Filterable

Form widgets

Checkboxes, Radio buttons

Selectmenu, Custom menu

Flipswitch

Slider, Rangeslider

Input button

Controlgroup

• Home
• Introduction
• Buttons
• Button widget

• Checkboxradio widgetclick to expand contents

• Collapsible (set) widgetclick to expand contents

• Controlgroup widgetclick to expand contents

• Datepicker

• Eventsclick to expand contents

• Filterable widget
• Flipswitch widget

• Formsclick to expand contents

• Gridsclick to expand contents

• Grouping and dividing content

• Iconsclick to expand contents

• Listview widgetclick to expand contents

• Loader widget
• Navbar widget

• Navigationclick to expand contents

• Pagesclick to expand contents

• Panel widgetclick to expand contents

• Popup widgetclick to expand contents

• Rangeslider widget
• Responsive Web Design

• Selectmenu widgetclick to expand contents

• Slider widgetclick to expand contents

• Table widgetclick to expand contents

• Tabs widget
• Textinput widget

• Themingclick to expand contents

• Toolbar widgetclick to expand contents

• Transitions

• 3rd party API demosclick to expand contents

Web Services using PHP

Creating Web Service Using PHP Within 10 Minutes

Thanks for share. Ref;

  http://www.codeproject.com/Tips/671437/Creating-Web-Service-Using-PHP-Within-10-Minutes?

What is SOAP?

SOAP is based on XML so it is considered human read. It is a protocol for accessing a Web Service. It is a simple XML-based protocol to let applications exchange information over HTTP.

Why SOAP?

In real field, so many applications are required for data communication between systems by Remote Procedure Calls (RPC) between objects like DCOM and CORBA but HTTP was not designed for this.

• RPC represents compatibility
• Security problem
• Firewalls and proxy servers will normally block this kind of traffic.

A better way to communicate between applications is over HTTP as HTTP is supported by all Internet browsers and servers. That's why it is preferable to SOAP Service.

We can collaborate with other programmers building big size and complex applications in multiple platforms.

What is SOAP?

SOAP is based on XML so it is considered human read. It is a protocol for accessing a Web Service. It is a simple XML-based protocol to let applications exchange information over HTTP.

Why SOAP?

In real field, so many applications are required for data communication between systems by Remote Procedure Calls (RPC) between objects like DCOM and CORBA but HTTP was not designed for this.

• RPC represents compatibility
• Security problem
• Firewalls and proxy servers will normally block this kind of traffic.

A better way to communicate between applications is over HTTP as HTTP is supported by all Internet browsers and servers. That's why it is preferable to SOAP Service.

We can collaborate with other programmers building big size and complex applications in multiple platforms.

Here, I will create a web service using PHP code. So let’s follow the steps given below:

Step 1: You will download the library from http://sourceforge.net/projects/nusoap/.

Step 2: Run WAMP server, then you will go to www root folder location.

Step 3: Create folder, it’s called “WebServiceSOAP” into www root folder.

Step 4: Paste "lib" folder inside your "www/WebServiceSOAP/" location from Step 1 download files.

Step 5: Create two files “server.php” and “client.php” into WebServiceSOAP folder location.

Step 6: Inside “server.php”, please write the code lines given below:

 Collapse | Copy Code

<?php
//call library 
require_once ('lib/nusoap.php'); 
//using soap_server to create server object 
$server = new soap_server; 

//register a function that works on server 
$server->register('get_message'); 

// create the function 
function get_message($your_name) 
{ 
if(!$your_name){ 
return new soap_fault('Client','','Put Your Name!'); 
} 
$result = "Welcome to ".$your_name .". Thanks for Your First Web Service Using PHP with SOAP"; 
return $result; 
} 
// create HTTP listener 
$server->service($HTTP_RAW_POST_DATA); 
exit(); 
?>  

Step 7: After creating “server.php” file, now we will test this server function. Please go to URL & typehttp://localhost/WebServiceSOAP/server.php?wsdl.

Step 8: Create "client.php" file into WebServiceSOAP folder location. Please find the following code lines:

 Collapse | Copy Code

<?php 
require_once ('lib/nusoap.php'); 
//Give it value at parameter 
$param = array( 'your_name' => 'Monotosh Roy'); 
//Create object that referer a web services 
$client = new soapclient('http://localhost/WebServiceSOAP/server.php'); 
//Call a function at server and send parameters too 
$response = $client->call('get_message',$param); 
//Process result 
if($client->fault) 
{ 
echo "FAULT: <p>Code: (".$client->faultcode."</p>"; 
echo "String: ".$client->faultstring; 
} 
else 
{ 
echo $response; 
} 
?> 

Step 9: Save all codes, then please go to URL and type http://localhost/WebServiceSOAP/client.php.

 Collapse | Copy Code

Result: Welcome to Monotosh Roy. Thanks for Your First Web Service Using PHP with SOAP

So, today I have shown you how to use simple SOAP web service and to get message from service at client end.

Hope this post will help you to create a simple web service using SOAP. Post your queries if you have any or if there is anything else, please share. Keep visiting for new posts here.
Have a good day!