반응형
반응형

Android example app with PhoneGap and JQM in Holo style

 

http://teusink.blogspot.kr/2013/04/android-example-app-with-phonegap-and.html

 

PhoneGap + JQuery Mobile + JQuery + energize.js

 

this example app is to have a some sort of a template to make a new app very fast, based on the technologies supplied by PhoneGap and jQuery Mobile, using web-technology.

Details


Frameworks:

  • Suitable for Android 2.3.3 and higher. API level 10 and up to be more technical :).
  • PhoneGap 2.7.0.
  • jQuery 1.9.1
  • jQuery Mobile 1.3.1
Plugins for jQuery Mobile:
  • Energize.js (to speed up the tap and click events in the app)
Plugins for PhoneGap:
  • Toast (to show android toasts)
  • Share (to send a share intent)
Features in this example app:
  • Holo theme. Dark, light with dark header and light with light header. The last one ain't very worked out yet, but it should give you a heads up start. The header features the same style as a native app including press effects.
  • Panel menu like the Google Plus app. Tap on title to open and tap outside panel menu to close. You can also swipe to left to close. Upon first boot the panel menu opens and closes for a brief second automatically, to demonstrate where the menu is. Panel menu content is defined only once, in the javascript.
  • Of course the use of the plugins Share and Toast.
  • Native Android like back-button behavior.
  • Supplied Gimp image files (xcf files) to easy edit the icons to your liking.
Notice: the Holo theme is almost like and very inspired by Holo for Android. It is not exactly the same for 100% as native.

    Screenshots of the interface




     






     

    Additional info

    Download

    You can download the package by clicking here. If you have any questions, please let me know!

     

     

    반응형
    반응형

    컬쳐랜드 문화상품권이 어쩌대 한번씩 생긴다.

    직업적 특성상 온라인으로 등록해서 쇼핑몰에서 사용하는데.

    요즘 들어 사이트 접속하면 SSL 오류가 발생해 결재를 할 수가 없다.

    IE9버전에서 보안이 강하게 적용되어 있으면 그런것인지 알 수 없다.

    원격지원까지 해봤는데도, 완료되지 않았다.

    무슨 문제일까...

    리눅스에서 브라우저 뛰운 후에 해보니 된다.

    윈도우 어떤 설정때문일까...

    피곤하다.

     

    반응형

    '프로그래밍' 카테고리의 다른 글

    파일검색 프로그램 - Everything search engine  (0) 2013.07.11
    [EDITOR] Sublime 2.0.2 Update  (0) 2013.07.10
    OpenWeatherMap - free weather data and forecast API  (0) 2013.06.20
    SSO(Single Sign On)  (0) 2013.06.14
    drupal - 드루팔  (0) 2013.06.11
    반응형

    energize.js - A tiny JavaScript snippet to make links snappy on touch devices

     

    https://github.com/davidcalhoun/energize.js

     

    Work in progress!

    Energize is a work in progress, but it's functional. Bug reports, pull requests, etc, highlighly appreciated as always!

    How do I use it?

    Just include energize.js before any of your code that deals with click events (including any libraries and frameworks). The reason is that energize.js fires simulated click events and also needs to suppress the "ghost click", the real click event that is fired later. This is done via stopPropagation, which stops the the event from firing for other handlers listening for the click event. Since handlers fire in the order they were added, energize.js needs to add its own click handler first.

    Why use energize?

    Touch devices sometimes add an artificial delay to click events, just to make sure the user isn't double-tapping to zoom. In the case where you don't mind disabling double-tap to zoom functionality (or in cases where you've disabled viewport zooming), there's no reason to preserve the click delay. That's where energize.js comes in!

    Why not just bind to ontouchend?

    Because the user might touch an element in order to scroll, which results in ontouchend firing at the end of the scroll event. Do you want a click event to fire when the user was intending to scroll?

    Why fire simulated click events? Why not just tie into something like Fast Button?

    Because you have to add click events to EVERYTHING you want to speed up. This will mean there will be potentially be some fast UI and some slow UI on your pages. Ok, that's not so bad if you're using some form of abstraction for all click events (i.e. not using addEventListener directly).

    BUT interaction with native form elements such as buttons aren't sped up unless you manually add events to them. Because of this, Energize takes the philosophy of listening for clicks bubbling up to the top and handles them appropriately so you don't have to worry about them.

     

     

    반응형
    반응형

    React — A JavaScript UI library

    React

    Homepage: http://facebook.github.io/react/
    GitHub: https://github.com/facebook/react
    Docs: http://facebook.github.io/react/docs/getting-started.html

     

    Declarative

    React uses a declarative paradigm that makes it easier to reason about your application.

    Efficient

    React computes the minimal set of changes necessary to keep your DOM up-to-date.

    Flexible

    React works with the libraries and frameworks that you already know.

    Getting Started

    JSFiddle

    The easiest way to start hacking on React is using the following JSFiddle Hello Worlds

    Starter Kit

    Download the starter kit to get started.

    반응형
    반응형

    parseURI — Split any URL into logical parts

    parseURI lets you split any URL into all of its parts. It has a loose mode that’s great for working with user input, and a strict mode that adheres to RFC 3986.

    parseURI

     

    반응형

    '프로그래밍 > Web' 카테고리의 다른 글

    gumby2-backbone-bootstrap  (0) 2013.06.24
    Flatdoc — Simple websites for open source projects  (0) 2013.06.24
    Codeblock.js— A better code learning environment  (0) 2013.06.20
    PreloadJS  (0) 2013.06.20
    Angular.JS 의 구조와 특징  (0) 2013.06.13
    반응형

    JSHint 2.0 — JavaScript error detection

    JSHint 2.0 helps you detect errors and possible issues in JavaScript code. It can even be used to enforce coding conventions.

    JSHint

     

    반응형

    + Recent posts