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

http://lea.verou.me/css3patterns/#browser-support

스타일시트만 사용해서 html 페이지에 패턴을 생성하는 갤러리.

https://github.com/erica/iOS-5-Cookbook

iOS 5 SDK, 엑스코드 4.2, 오브젝티브C 2.0

iOS-5-Cookbook / Show File Finder

test again

latest commit e0ea86d33a

erica authored 3 months ago

	C03	a year ago	C03 attempt [erica]
	C04	a year ago	Working on C04 [erica]
	C05	3 months ago	test [erica]
	C06	4 months ago	Fixed munged project (butterfly animations) [erica]
	C07	4 months ago	update [erica]
	C08	4 months ago	update [erica]
	C09	4 months ago	update [erica]
	C10	4 months ago	update [erica]
	C11	4 months ago	update [erica]
	C12	4 months ago	update [erica]
	C13	a year ago	Batch 3 [erica]
	C14	4 months ago	update [erica]
	C15	4 months ago	update [erica]
	C16	3 months ago	test [erica]
	C17	10 months ago	Uploading C17 EE [erica]
	C18	3 months ago	test [erica]
	C19	4 months ago	update [erica]
	C20	3 months ago	test [erica]
	C21	3 months ago	test again [erica]
	C23	10 months ago	Uploading A few more EE c's [erica]
	C24	10 months ago	Hopefully finishing off the EE c's [erica]
	Supporting Artwork	a year ago	Initial post-NDA Commit [erica]
	TOUCHkit	4 months ago	update [erica]
	README.markdown	4 months ago	Updated README [erica]
	do-git	a year ago	Initial post-NDA Commit [erica]

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

빠른 이미지 변경

input { background-image: url('images/text.png') } input:focus { background-image: url('images/text-focus.png') } 

엘리먼트의 상태가 바뀔때마다 다른 이미지를 로딩하고 싶을 경우가 있습니다. 위의 코드를 보면 포커스가 되었을 때 기존의 배경 이미지인 text.png파일을 text-focus.png파일로 바꾸어주는 것을 알 수 있습니다. 그런데 이렇게 파일을 따로따로 로딩하는 방식을 이용하는 것보다 한 이미지 파일에 두 이미지를 넣어놓고 background-position같은 속성을 이용하는 것이 더 빠릅니다.

.sprite { background-image: url(sprite.png); background-repeat:no-repeat; } .sprite.text { background-position:0px 0px; } .sprite.text:focus { background-position:0px -40px; } 

위의 코드의 경우가 그러한 방법을 적용한 예라고 볼 수 있습니다. background-image에 변이될 이미지 2개를 넣어놓고 상태가 바뀔때마다 background-position속성을 바꾸는 것을 알 수 있습니다. 이 방법은 사실 옛날 2D게임에서 스프라이트를 이용하는 방식과 메우 비슷하다고 볼 수 있습니다.

Font Custom is a tool that will generate custom icon webfonts from the comfort of the command line. It is very easy to use, all you have to do is create a directory for your svg and eps files. Then, on the command line, run: fontcustom watch /path/to/vectors
Font Custom will then create the font and CSS file. It will also continue to run and watch the folder for changes, so you don't have to manually re-run it each time you update the vector set.

 jQuery Mobile Galley - http://www.jqmgallery.com/