Monday, June 24, 2013

Types of Mobile Application

  • Native apps are specific to a given mobile platform (iOS or Android) using the development tools and language that the respective platform supports (e.g., Xcode and Objective-C with iOS, Eclipse and Java with Android). Native apps look and perform the best.
  • HTML5 apps use standard web technologies—typically HTML5, JavaScript and CSS. This write-once-run-anywhere approach to mobile development creates cross-platform mobile applications that work on multiple devices. While developers can create sophisticated apps with HTML5 and JavaScript alone, some vital limitations remain at the time of this writing, specifically session management, secure offline storage, and access to native device functionality (camera, calendar, geolocation, etc.)
  • Hybrid apps make it possible to embed HTML5 apps inside a thin native container, combining the best (and worst) elements of native and HTML5 apps.
Native html5 hybrid.png

Thursday, May 23, 2013

Skeleton CSS


A Beautiful Boilerplate for Responsive, Mobile-Friendly Development


What Is It?

Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles:
responsive
Responsive Grid Down To Mobile
Skeleton has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!
responsive
Fast to Start
Skeleton is a tool for rapid development. Get started fast with CSS best practices, a well-structured grid that makes mobile consideration easy, an organized file structure and super basic UI elements like lightly styled forms, buttons, tabs and more.
responsive
Style Agnostic
Skeleton is not a UI framework. It's a development kit that provides the most basic styles as a foundation, but is ready to adopt whatever your design or style is.

Downloads

The Skeleton download is a zip file (~25kb) containing all the CSS groundwork to get started on any web project.
Download Skeleton 1.2 from Github
or View Source on Github
Download Skeleton PSD Template
(A la 960.gs PSD template)
The file structure for Skeleton is:
  • index.html: The base html page that includes the necessary initial markup
  • stylesheets (folder)
    • base.css: Basic styles of Skeleton
    • skeleton.css: The glorious Skeleton grid
    • layout.css: File with no specific styles, but a variety of useful media queries
  • images (folder):
    • favicon.ico: Standard 16x16 favicon
    • apple-touch-icon (x3): All three sizes of Apple touch icons for iPhone 3, iPad and iPhone 4 with retina.
For more Visit Skeleton Offical


Monday, May 20, 2013

Bootstrap Twitter Framework

Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

Twitter Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optional JavaScript extensions.
It is the most popular project in GitHub[2] and is used by NASA and MSNBC among others.[3][4]

                                              Download Bootstrap
Some Code Example
<!DOCTYPE html>
<html>
  <head>
    <title>Example of Twitter Bootstrap</title>
    <!-- Include the bootstrap stylesheets -->
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
  </head>
 
  <body>
    <div class="container">
      <h1>Search</h1>
      <label>Example for a simple search form.</label>
 
      <!-- Search form with input field and button -->
      <form class="well form-search">
        <input type="text" class="input-medium search-query">
        <button type="submit" class="btn btn-primary">Search</button>
      </form>
 
      <h2>Results</h2>
 
      <!-- Table with alternating cell background color and outer frame -->
      <table class="table table-striped table-bordered">
        <thead>
          <tr>
            <th>#</th>
            <th>Title</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>Lorem ipsum dolor ...</td>
          </tr>
          <tr>
            <td>2</td>
            <td>Ut enim ad minim veniam, ...</td>
          <tr>
            <td>3</td>
            <td>Duis aute irure dolor ...</td>
          </tr>
        </tbody>
      </table>
    </div>
    <!-- JavaScript placed at the end of the document so the pages load faster -->
    <!-- Optional: Include the jQuery library -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 
    <!-- Optional: Incorporate the Bootstrap Javascript plugins -->
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
  </body>
</html>

You can use above Code For Demo 





Saturday, April 27, 2013

Lightbox and colorbox jquery


Colorbox - a jQuery lightbox


Features

  • Supports photos, grouping, slideshow, ajax, inline, and iframed content.
  • Lightweight: 10KB of JavaScript (less than 5KBs gzipped).
  • Appearance is controlled through CSS so it can be restyled.
  • Can be extended with callbacks & event-hooks without altering the source files.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
  • Preloads upcoming images in a photo group.
  • Well vetted and currently in use in over 600,000 websites.

Usage

Colorbox accepts settings from an object of key/value pairs, and can be assigned to any HTML element.
// Format:
$(selector).colorbox({key:value, key:value, key:value});
// Examples:
// Image links displayed as a group
$('a.gallery').colorbox({rel:'gal'});

// Ajax
$('a#login').colorbox();

// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});

// Called directly with HTML
$.colorbox({html:"<h1>Welcome</h1>"});

// Colorbox can accept a function in place of a static value:
$("a.gallery").colorbox({rel: 'gal', title: function(){
  var url = $(this).attr('href');
  return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});

View Demos

1 2 3 4 5

Sunday, April 14, 2013

What is WordPress and How to Install WordPress








WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL. It has many features including a plug-in architecture and a template system. WordPress is used by over 14.7% of Alexa Internet's "top 1 million" websites and as of August 2011 manages 22% of all new websites. WordPress is currently the most popular blogging system in use on the Web, powering over 60 million websites worldwide
It was first released on May 27, 2003, by founders Matt Mullenweg and Mike Little as a fork of b2/cafelog. As of December 2011, version 3.0 had been downloaded over 65 million times.



INSTALL

installing on localhost you need to run XAMPP or WAMP server , Installing direct on server you need to have Cpanel addon called Softaculous Auto Installer installed that all you need try it and start your own blog right now..

Monday, April 1, 2013

Arrays in php


An array stores multiple values in one single variable:

<?php
$cars=array("Volvo","BMW","Toyota");
echo "I like " . $cars[0] . ", " . $cars[1] . " and " . $cars[2] . ".";
?>



Array in PHP

In PHP, the array() function is used to create an array:
array();
In PHP, there are three types of arrays:
  • Indexed arrays - Arrays with numeric index
  • Associative arrays - Arrays with named keys
  • Multidimensional arrays - Arrays containing one or more arrays

Thursday, March 28, 2013

Internet Attack March 2013


Huge cyber-attack causes worldwide disruption


A record-breaking cyber-attack targeting an anti-spam watchdog group has sent ripples of disruption coursing across the internet, experts have said.
Spamhaus, a site responsible for keeping ads for counterfeit Viagra and bogus weight-loss pills out of the world's inboxes, said it had been buffeted by the monster denial-of-service attack since mid-March, apparently from groups angry at being blacklisted by the Swiss-British group.
"It is a small miracle that we're still online," Spamhaus researcher Vincent Hanna said on Wednesday.
Denial-of-service attacks overwhelm a server with traffic, like hundreds of letters being jammed through a mail slot at the same time.
Security experts measure those attacks in bits of data per second. Recent cyberattacks, like the ones that caused persistent outages at US banking sites late last year, have tended to peak at 100 billion bits per second.
But the furious assault on Spamhaus has shattered the charts, clocking in at 300 billion bits per second, according to San Francisco-based CloudFlare Inc, which Spamhaus has enlisted to help it weather the attack.
"It was likely quite a bit more, but at some point measurement systems can't keep up," CloudFlare chief executive Matthew Prince wrote in an email.
Patrick Gilmore of Akamai Technologies said that was not an understatement.
"This attack is the largest that has been publicly disclosed, ever, in the history of the Internet,'' he said.
Disgruntled service providers
It is unclear who exactly was behind the attack, although a man who identified himself as Sven Olaf Kamphuis said he was in touch with the attackers and described them as mainly consisting of disgruntled Russian internet service providers who had found themselves on Spamhaus' blacklists.
There was no immediate way to verify his claim.
He accused the watchdog of arbitrarily blocking content that it did not like.
Spamhaus has widely used and constantly updated blacklists of sites that send spam.
"They abuse their position not to stop spam but to exercise censorship without a court order," Kamphuis said.
Gilmore and Prince said the attack's perpetrators had taken advantage of weaknesses in the Internet's infrastructure to trick thousands of servers into routing a torrent of junk traffic to Spamhaus every second.
Both experts said the attack's sheer size had sent ripples of disruptions across the internet as servers moved mountains of junk traffic back and forth across the web.
"At a minimum there would have been slowness," Prince said, adding in a blog post that "if the Internet felt a bit more sluggish for you over the last few days in Europe, this may be part of the reason why."
At the London Internet Exchange, where service providers exchange traffic across the globe, spokesman Malcolm Hutty said his organisation had seen "a minor degree of congestion in a small portion of the network."
But he said it was unlikely that any ordinary users had been affected by the attack.
Source : Aljazeera