Microsoft Office is now available for iPad

Microsoft has finally started offering an iPad edition of its Office software suite.It was announced at the first launch event hosted by Satya Nadella since he became chief executive of the firm.

Three separate productivity apps are available – Word, Excel and Powerpoint – each of which has been optimised for touch-based controls.Within hours of the launch, Word became the most downloaded application for iPads in Apple’s app store.The Excel and Powerpoint apps were the third and fourth most popular free app downloads, respectively, in the store.The popularity shows that customers are interested in accessing Microsoft’s signature Office products in their new, easier to use incarnation, compared with the web-based alternatives provided before.

ms-office-for-ipad

Mr Nadella said that the announcement was part of a strategy to empower people “to be productive across all devices” with Microsoft software.

“We are taking great focus and great care to make sure Office on any device shines through,” he said, indicating that his firm would release versions of the apps for other mobile devices in the future.

However, the iPad edition is more powerful than the original iPhone version – for example more complicated edits can now be made to Powerpoint presentations and the programs make recommendations to help create visually appealing documents – and several experts believe there will be strong demand for the product.

 

Source: http://www.bbc.com/news/technology-26766995

Advertisements

iPhone and iPad with CSS3 Media Queries

I’ve posted media queries to help designers & developers for their responsive designes.
Many times We’ve had to design responsive websites targeting specific devices with CSS media queries.

iPad in portrait & landscape @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { /* Your Styles */ }iPad in landscape@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
and (orientation : landscape) {
/* Your Styles */
}

iPad in portrait

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
and (orientation : portrait) {
/* Your Styles */
}

iPhone 5 in portrait & landscape

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
/* Your Styles */
}

iPhone 5 in landscape

@media only screen and (min-device-width : 320px) and (max-device-width : 568px)
and (orientation : landscape) {
/* Your Styles */
}

iPhone 5 in portrait

@media only screen and (min-device-width : 320px) and (max-device-width : 568px)
and (orientation : portrait) {
/* Your Styles */
}

Also dont forget to add this meta tag at head

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/>