반응형

http://damirfoy.com/iCheck/

 

Homepage: http://damirfoy.com/iCheck/
GitHub: https://github.com/damirfoy/iCheck/

 

iCheck lets you create highly customized checkboxes and radio buttons using jQuery. It lets you build inputs that are identical regardless of platform, supports touch devices, includes keyboard accessible inputs, and is on 1KB gzipped. There are 15 options for customizing the checkboxes and radio buttons, along with 8 callbacks to handle changes, and 6 methods for making changes programmatically.

icheck

    Plugin features

    • Identical inputs across different browsers and devices — both desktop and mobile
    • Touch devices support — iOS, Android, BlackBerry, Windows Phone
    • Keyboard accessible inputsTab, Spacebar, Arrow up/down and other shortcuts
    • Customization freedom — use any HTML and CSS to style inputs (try 6 Retina-ready skins)
    • jQuery and Zepto JavaScript libraries support
    • Lightweight size — 1 kb gzipped
    • 25 options to customize checkboxes and radio buttons
    • 8 callbacks to handle changes
    • 7 methods to make changes programmatically
    • Saves changes to original inputs, works carefully with any selectors
    반응형
    반응형

    Top 10 Cool JavaScript Framework for Mobile touch screen platforms

     

    http://www.inspirefirst.com/2013/04/18/top-10-cool-javascript-framework-mobile-touch-screen-platforms/

     

     

    The demand for mobile app development has shot up in recent years. This is owing to the emergence of myriads of smart phones and tablets that people are using for web access. A lot of such devices are touch screen based and that explains why mobile app developers are resorting to applications and frameworks that enable touch based mobile app creation simpler. However, this is not exactly a cakewalk and given the fact developers need to stay updated with prevalent trends and user needs, it can take a toll on creativity.

    Mobile app and website development is done using JavaScript most of the times. This is because of the fact it is compatible with major OS and platforms and does not require complex coding. For a mobile developer it is important to know widely used and effective JavaScript frameworks that can be used to develop versatile apps and cutting edge responsive mobile websites.

    Hammer.js
    Hammer.js is a widely used light framework which offers support for popular touch screen gestures like pinch. Drag, swipe, double tap and rotate. It can be used in mobile OS environments including BlackBerry, Android, Windows Mobile and iOS.

    FastClick
    FastClick is a useful library that eliminates the usual 300ms delay existing between a finger tap and initiation of a click event in all mobile browsers. As a result, users get an experience of speedier web browsing on their devices. It offers support for mobile web browsers like Mobile Safari, Chrome, Android Browser and Opera Mobile.

    jQueryUI
    jQueryUI is ideal for those developers who deal with apps built on jQuery JS Library for themes, widget, interaction and visual effect creation. With this framework you can make interactive online mobile apps within short time span.

    Swipe
    Swipe is a very useful touch slider, which supports swiping and offers fast response. It has hardly any alternative.

    JQUERY.PEP.JS
    JQUERY.PEP.JS is a plug-in with small footprint that enables kinetic-dragging in desktop and mobiles. It makes use of animate functions of jQuery and CSS animations to allow users add kinetic drag functionality in HTML5 enabled devices. It also has support for stopping, starting and dragging events.

    FooTable
    FooTable is a capable jQuery plug-in that is used to make HTML tables on handled devices like tablets and touch screen based smart phones. It allows developers to make the tables appear neat no matter how much data is put in the columns. With this framework, you can convert HTML tables in responsive and expandable tables.

    Quo JS i
    Quo JS is a JaveScript library that enables developers to pass through HTML documents, deal with Ajax interactions and handle events for efficient mobile web development. With this library, you can generate cross-browser code easily.

    TinyNav.js
    TinyNav.js is a small sized jQuery plug-in that enables changing <ol> and <ul> navigations to select dropdowns in small screen devices.

    Pointer.js
    Pointer.js is ideal if you want to unify mouse and touch based events. This is essential because lots of mainstream computers are going to be driven by touch inputs in near future.

    Jo
    Jo enables developers to create web apps as well as native mobile apps with same coding. This can prove to be a real timesaver. It runs on Chrome OS, BlackBerry, Android and iOS. It is Open Source and requires no usage or licensing cost. This framework has UI elements like web form widget and popup widget. The former can be used to make log in screens and the latter is useful for offering users extra information when they click any interface element.

    These are the major touch screen specific JavaScript frameworks developers can benefit from. However, there are other popular apps like Sencha Touch that you can try.

    반응형
    반응형

    인생은 평화와 행복만으로는 지속될 수 없다.
    고통과 노력이 필요하다.
    고통을 두려워하지 말고 슬퍼하지 말라.
    참고 인내하면서 노력해 가는 것이 인생이다.
    희망은 언제나 고통의 언덕 너머에서 기다린다.
    -맨스필드


    앤 브래드스트리트의 글도 함께 보내드립니다.
    ‘우리 삶에 만일 겨울이 없다면,
    봄은 그다지 즐겁지 않을 것이다.
    만일 우리가 때때로 역경을 경험하지 못한다면,
    번영은 그리 환영받지 못할 것이다.’

     

    반응형
    반응형

    야생 먹을거리는
    아주 각별한 방식으로
    손님을 접대하는 데 유용하다.
    '야생의 회합'이라는 식사 모음이 인기를 끌고 있다.
    모든 요리의 주된 재료가 채취한 먹을거리로 만들어지는
    식사 모임이다. 음식은 모두 야생 먹을거리로 만든다.
    아무리 맛있는 식사라 하더라도 그것이 전통적인
    식사라면 곧 잊히겠지만, 이와 같은 식사는
    오래 기억되면서 화제가 된다.


    - 유엘 기번스의《야생 아스파라거스 스토킹》중에서 -


    * 옹달샘 음식을 만들면서
    항상 마음에 담고 노력하는 것이
    '오래 기억되는 밥상'입니다. 고맙게도
    참으로 많은 분들이 "옹달샘 밥상이 그리워서
    다시 왔다"는 말씀들을 하십니다. 한 끼의 밥상이
    우리 모두를 오래 기억하게 합니다.
    건강하고 행복하게 만듭니다.

    반응형

    '생활의 발견 > 아침편지' 카테고리의 다른 글

    '잘 사는 것'  (0) 2013.04.24
    멋진 몸매  (0) 2013.04.23
    가슴으로 답하라  (0) 2013.04.20
    몸에 잘 맞는 옷  (0) 2013.04.19
    전환점  (0) 2013.04.18
    반응형

    미래를 말하기 전에, 지금의 현실을 알아야 한다. 현실에서밖에 시작할 수 없기 때문이다. - 피터 드러커 -

    반응형
    반응형

    오전 타임 자유수영

    11시 입수.

    레인을 점거한 급수에 맞지 않는 분들 덕분에 돌다쉬다 돌다쉬다를 반복하며.

    한참 하고 있으니 사진찍는다고 비켜달란다. 이런 몰상식항 분들을 봤나.

    그래도, 자유형 15 정도 하고,

    평영 5

    접영 1

    배영 2

    쉬엄쉬엄 하자.

    반응형

    '운동일지 > 수영' 카테고리의 다른 글

    2013.06.11 수영일지  (0) 2013.06.11
    2013.06.10 수영일지  (0) 2013.06.10
    2013.04.18 수영일지  (0) 2013.04.18
    2013.04.17 수영일지  (0) 2013.04.17
    2013.04.15 수영일지  (0) 2013.04.15
    반응형
    인생은 수시로
    우리를 저울에 단다.
    때론 도전으로 때론 시련으로
    때론 막다른 골목으로 지혜를 시험하고
    용기를 촉구한다. 함량 미달인 자에겐 당연하게도
    꿈을 이루는 기쁨도 주어지지 않는다.
    인생의 시험에 가슴으로 답하라!
    뜻을 이룰 것이다!


    - 김혜수의《가슴으로 답하라 꿈을 이룬 사람들처럼》중에서-


    * 지금 나의 삶은
    정확히 몇 그램의 저울에 다가설 수 있을까?
    자기만족으로 보낸 함량 미달의 삶은 아니었을까,
    지나치게 너무 채우려고만 했던 욕심 많은 삶은
    아니었는지 돌이켜본다. 의미있게 산다는 건
    결국 내 가슴이 시키는 대로 진정성을 담는
    것이 아닐까. 꿈을 이룬 사람들의 삶이
    바로 그런 것이라면 나도 한 번쯤
    도전해볼 테다. 용기를 내자!
    가슴으로 살자!

     

    반응형

    '생활의 발견 > 아침편지' 카테고리의 다른 글

    멋진 몸매  (0) 2013.04.23
    오래 기억되는 밥상  (0) 2013.04.22
    몸에 잘 맞는 옷  (0) 2013.04.19
    전환점  (0) 2013.04.18
    오늘의 위기상황은...  (0) 2013.04.17
    반응형
    Device maker resolution X resolution Y X x Y
    KindleFire HD Amazone 800 1280 800 x 1280
    iPhone 3 GS Apple 320 480 320 x 480
    iPhone 4, 4S 640 960 640 x 960
    iPhone 5 640 1136 640 x 1136
    iPad 768 1024 768 x 1024
    iPad 2 768 1024 768 x 1024
    iPad 3(New iPad) 1536 2048 1536 x 2048
    Nexus one Google 480 800 480 x 800
    Nexus 7 800 1280 800 x 1280
    Desire Pop, htc legend htc 320 480 320 x 480
    Desire, Desire HD 480 800 480 x 800
    Optimus one LG 320 480 320 x 480
    Optimus Z, Q, Mach 480 800 480 x 800
    Optimus G 768 1280 768 x 1280
    motoroi ( QRTY, GLAM, DEFY) motorola 480 854 480 x 854
    Vega racer 2, 3 pantech 720 1280 720 x 1280
    Galaxy S, S2, U, K, A Samsung 480 800 480 x 800
    Galaxy S2 LTE 480 800 480 x 800
    GalaxyTab 600 1024 600 x 1024
    Galaxy S2 LTE HD 720 1280 720 x 1280
    Galaxy S3 720 1280 720 x 1280
    GalaxyNote 2 720 1280 720 x 1280
    GalaxyNote 800 1280 800 x 1280
    GalaxyNote 10.1 800 1280 800 x 1280
    GalaxyTab 10.1 800 1280 800 x 1280
    GalaxyTab 7.7 LTE 800 1280 800 x 1280
    GalaxyTAb 8.9 800 1280 800 x 1280
    Galaxy S4 1080 1920 1080 x 1920
    Vega, SIRIUS, miracle, iZar SKY 480 800 480 x 800
    Xperia X10 mini, pro Sony 240 320 240 x 320
    Xperia X10 480 854 480 x 854
    해상도 GCD 비율 X 비율 Y
    1080 x 1920

    120

    9

    16

    1536 x 2048

    512

    3

    4

    240 x 320

    80

    3

    4

    320 x 480

    160

    2

    3

    480 x 800

    160

    3

    5

    480 x 854

    2

    240

    427

    600 x 1024

    8

    75

    128

    640 x 1136

    16

    40

    71

    640 x 960

    320

    2

    3

    720 x 1280

    80

    9

    16

    768 x 1024

    256

    3

    4

    768 x 1280

    256

    3

    5

    800 x 1280

    160

    5

    8

     

    반응형

    + Recent posts