Media Queries

What are Media Queries?

•Allows us to change our layouts to suit the exact need of different devices without changing the content.

•It is applied with the help of CSS3.

•Media queries are CSS extensions to media types that give us more control over rendering across different devices.

•Media query is a logical expression which is either true or false.

•CSS associated with media query is only applied if the expression is true.

What are Media Types?

•CSS can be used to specify how a document is presented in different media

•There are ten media types defined in CSS

–all : suitable for all devices.

–handheld : for handheld devices.

–screen :  for color computer screens.

–tv  : for television type devices. 

–aural : for speech synthesizer.

–braille : for braille tactile feed back devices.

–embossed : for paged braille printers.

–projection : for projected presentations .

–tty : for teletypes and terminals.

–print : for print material. 

Methods to specify Media for CSS

•First method:

–You can use a element in the head of your HTML document to specify the target media of an external style sheet.

Example:

rel=“stylesheet” href=“a.css” type=“type/css” media=“screen”/>

•Second method:

–You can use a stylesheetl?> element in the head of your XML document to specify the target media of an external style sheet.

Example:

stylesheet media=“screen” rel=“stylesheet” href=“example.css”?>

•Third method:

–You can specify the target medium within a CSS file using @media

Example:

@media screen

{

   body{color:blue;}

}

Media Query Syntax

Types Of Keywords

•and:

–You can use multiple expressions in a media query if you join them with “and “ keyword.

E.g.:

•Comma Separated:

–You can use multiple, comma-separated media queries.

–This comma act like an “or” keyword.

E.g.:

•not:

–You can use the not keyword in a media query if you want your CSS to be ignored by a specific device.

E.g.:

•not:

–You can use the not keyword in a media query if you want your CSS to be ignored by a specific device.

E.g.:

•only:

–You can use the only keyword in a media query if you want your CSS to be applied only to a specific device.

E.g.:

Targeting iPhone

•iPhone does not support hand held media type.

•Apple recommends targeting the iPhone using media queries.

  E.g.:

 

 

PHP CODE FOR CREATING A NEW FOLDER IN GOOGLE DRIVE API

         PHP CODE FOR CREATING A NEW FOLDER IN GOOGLE DRIVE API

require_once 'google-api-php-client/src/Google_Client.php';

require_once 'google-api-php-client/src/contrib/Google_DriveService.php';

require_once 'google-api-php-client/src/contrib/Google_Oauth2Service.php';

$client = new Google_Client();

// Get your credentials from the APIs Console

//$client->setApplicationName('Google+ PHP Starter Application');

$client->setClientId('your client id');

$client->setClientSecret('your client secret id');

$client->setRedirectUri('your redirect uri');

$client->setScopes(array('https://www.googleapis.com/auth/drive'));

$client->setAccessToken(file_get_contents('conf.json'));

if ($client->getAccessToken()) {

//It means that I have the right to manipulate whatever service

// Choose the service you want to use

    $service = new Google_DriveService($client);

    $file = new Google_DriveFile();

    $file->setTitle('test'); //name of the folder

    $file->setDescription('A test folder');

    $file->setMimeType('application/vnd.google-apps.folder');

    $createdFile = $service->files->insert($file, array(

        'mimeType' => 'application/vnd.google-apps.folder',

    ));

   // print_r($createdFile);

    print "folder created sucessfully";

   

    echo "folder id is" . $createdFile->id;

   

}

CODE TO UPLOAD ANY TYPE OF FILE TO GOOGLE DRIVE API AFTER CREATING AN ACCESS TOKEN USING PHP

CODE TO UPLOAD ANY TYPE OF FILE TO GOOGLE DRIVE API   AFTER CREATING AN ACCESS TOKEN USING PHP

require_once 'google-api-php-client/src/Google_Client.php';

require_once 'google-api-php-client/src/contrib/Google_DriveService.php';

require_once 'google-api-php-client/src/contrib/Google_Oauth2Service.php';

$client = new Google_Client();

// Get your credentials from the APIs Console

//$client->setApplicationName('Google+ PHP Starter Application');

$client->setClientId('your client id');

$client->setClientSecret('your client secret id'); 

$client->setRedirectUri('your resirect uri');

$client->setScopes(array('https://www.googleapis.com/auth/drive'));

$client->setAccessToken(file_get_contents('conf.json'));

if ($client->getAccessToken()) {

//It means that I have the right to manipulate whatever service

// Choose the service you want to use

    $service = new Google_DriveService($client);

    $file = new Google_DriveFile();

    $file->setTitle('hai');

    $file->setDescription('A test document');

    $file->setMimeType('text/plain');

    $data = file_get_contents('hello.txt'); //example file

    

    $createdFile = $service->files->insert($file, array(

        'data' => $data,

        'mimeType' => 'text/plain',

    ));

   

   // print_r($createdFile);

    print "file uploaded sucessfully";

   

    

?>

CODE TO CREATE A CONNECTION WITH GOOGLE DRIVE API USING PHP AND SAVE AUTHENTICATION TOKEN

CODE TO CREATE A CONNECTION WITH GOOGLE DRIVE API USING PHP AND SAVE AUTHENTICATION TOKEN 

require_once 'google-api-php-client/src/Google_Client.php';

require_once 'google-api-php-client/src/contrib/Google_DriveService.php';

session_start();

$client = new Google_Client();

// Get your credentials from the APIs Console

//$client->setApplicationName('Google+ PHP Starter Application');

$client->setClientId('your client side');

$client->setClientSecret('your client secret id');

$client->setRedirectUri('your client redirect uri');

$client->setScopes(array('https://www.googleapis.com/auth/drive'));

////I will address building permit

$authUrl = $client->createAuthUrl();

print "Connect Me!";

echo $authUrl;

//Return of the address with the code that I can autenticarme

if (isset($_GET['code'])) {

  $accessToken = $client->authenticate($_GET['code']);

  

  file_put_contents('conf.json', $accessToken);

  $client->setAccessToken($accessToken);

  $redirect = 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF'];

  header('Location: ' . filter_var($redirect, FILTER_SANITIZE_URL));

}