긍정적 사고, 음식의 절제, 규칙적인 운동

디스플레이 공유 앱

How to build an app: 20 great tutorials

http://www.creativebloq.com/app-design/how-build-app-tutorials-12121473

iOS app tutorials

01. Get started as an iOS developer

Got an idea for a killer app but don’t know where to begin? Daniel Bramhall of Visioa explains everything you need to know to start programming for Apple devices.

02. Design an iPhone app user interface

Designing for iOS devices is totally different from designing for the web. Sarah Parmenter explains how to create the perfect user interface for your app.

03. Create an iPad game

Appcelerator Titanium is a fantastically versatile tool for creating mobile apps, as Anton Mills demonstrates with this game for the iPad.

04. Create an iPhone game

Hello Monday walks you through how to turn a rejected concept into a GPS-based arcade game.

05. How to distribute your app

Creating an application can be extremely exciting for any developer but before you get your application published, you need to get it ready. iOS and Mac developer/designer Daniel Bramhall explains how.

06. Get started with geofencing

Explore the location-based services provided by the iOS Core Location framework in Kevin McMahon's guide to building and testing a geofencing-enabled application.

07. Build an iPad app with Sencha Touch

Create a web app that feels native on the iPad and other mobile devices, using the Sencha Touch library. Robert Douglas of mobile design specialists ribot explains how.

Android app tutorials

08. Getting To Know The Android Platform

This article explains what you need to do to build a scalable app that looks and feels right at home on Android, how to test it and your options for distributing it. After reading this article, you should have a good understanding of what kinds of decisions and challenges you will face when creating an Android app.

09. Build your first Android app

This tutorial gets you started with Android development without requiring you to wade through pages of technical documentation. At the end, you'll have written a simple Android app and you will be able to deploy the application onto an emulator or a real Android device.

10. Design an Android app user interface

Android apps can be just as beautiful as their iOS counterparts. Richard Leggett, co-director of Bitmode Ltd, digs deep into the styling and theming and explains how to use just XML and image files to add a fresh look and feel to your app.

11. Automate your app testing

Don’t trust humans to do all of your testing - not even experts. John Senner, Koa Metter, and Emory Myers of MokaSocial reveal how to delegate the dirty work.

12. Make your Android app's voice output accessible

Integrating core accessibility into Android app development is relatively straightforward to do and should be considered as business as usual for every project. Here's how to do it.

Facebook app tutorials

13. Get started with Facebook’s app tools

Techlightenment's systems architect Chas Coppard gives us a rundown of the APIs and plug-ins available to connect your site to Facebook.

14. Build a Facebook app

Facebook recently unveiled the Open Graph as its next generation platform. Mat Clayton shows you how to build a simple demo app on the Open Graph.

App-building frameworks

15. Get started with PhoneGap

In this excerpt from the PhoneGap Beginner's Guide, Nitobi/Adobe's Andrew Lunny goes over the biggest roadblock developers find with the mobile development framework: getting started and building simple apps for iOS, Android, and BlackBerry.

16. Create a theme in jQuery Mobile

We present an exclusive excerpt from jQuery Mobile Web Development Essentials, on the basics of theming and building and using a custom theme for your app.

17. Build a login form with DHTMLX Touch

In this introduction to open source JavaScript framework DHTMLX Touch web developer Alexandra Klenova explains how you can implement a login form for a mobile web app and send form values to the server with Ajax.

18. Code a real-time survey with HTML5 WebSockets

Phil Leggetter explains how to use WebSockets and Pusher to build a demo application, plus how to layer a user experience on to an app using progressive enhancement.

19. Build a game for iOS and Android with Corona

Jonathan Beebe of Ansca, Inc explains how to easily create a fun 2D physics game for iOS and Android mobile platforms using Corona.

20. Style the UI of a Sencha app

In this exclusive excerpt from their book on the Sencha Touch mobile JavaScript framework, John Clark and Bryan Johnson explain how to customise your app and use the Sencha theme engine with SASS and Compass.

And that's it! Have you seen an app tutorial you'd like to recommend? Let us know about it in the comments!

Now read:

• The 30 best iPhone apps for designers
• The 50 best iPad apps for designers
• 15 beautiful Android app designs - click here
• The 20 best Android apps for creatives

아이패드 미니가 나왔으니 7.9" 를 찾아내야 한다. 아이패드2(9.7")의 미니미같은 존재.

UI를 맞추기 위해서든.

에이전트는 아이패드2와 동일하다.  19% 작아보이는것이라고 한다.

구별할수 있는 방법이 없다는데. 과연 그럴까?

내부 브라우저 사이즈로 찾을수 있을거 같다.

아래 글을 참고하자.

Mission: Impossible – iPad mini detection for HTML5

http://www.mobilexweb.com/blog/ipad-mini-detection-for-html5-user-agent

iPad Orientation CSS (Revised)

It doesn’t take much foresight to anticipate that with the rise of Natural User Interfaces (NUIs) like the iPhone and iPad, UI designers will have a greater responsibility to optimize for orientation-based contexts. As such, it’s quite prescient that today, the folks at Cloud Four demonstrated how to serve up stylesheets based on device orientation.

Since I have a feeling I’ll be using this quite a bit in the future, I wanted to build on Cloud Four’s work and find a way to alleviate the following issues:

1. Extra HTTP requests
2. Not iPad-specific
3. Lack of reusability

So, without further ado, here’s my proposed revision to the iPad orientation CSS:

<!-- css -->
@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
    .landscape { display: none; }
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) { 
    .portrait { display: none; }
}

<!-- example markup -->
<h1 class="portrait">Your device orientation is "portrait"<h1>
<h1 class="landscape">Your device orientation is "landscape"<h1>

As you can see, I’ve also changed the markup in a predictable way. An explanation of the changes and the reasoning behind them can be found below.