반응형
반응형
UI 패턴을 다룬 웹사이트 모음
 
1. Mobile UI design patterns
 http://sixrevisions.com/user-interface/mobile-ui-design-patterns-inspiration/
 
2. 모바일 앱 UI 패턴 사이트 모음
 http://userexperience.tistory.com/272
 
3. 모바일 UI 디자인 패턴 참고 사이트 15개
 http://monsterdesign.tistory.com/1630
 
4. 모바일/웹 UI 패턴, 쇼케이스, 가이드라인 및 리소스
 https://sites.google.com/site/designpttrns/
 

 

반응형
저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

[WEB] Responsive vs. adaptive web design  (0) 2013.05.03
[WEB] Responsive Website Design - The New Black  (0) 2013.05.03
[WEB] Responsive Inspector - responsive web layout  (0) 2013.04.25
[WEB] CSS, HTML Dictionary  (0) 2013.04.22
모바일 디바이스별 해상도  (0) 2013.04.19
반응형
크롬 확장 프로그램으로 크롬웹스토어(https://chrome.google.com/webstore/)에서 "responsive inspector" 검색하면 된다.

Responsive Inspector allows inspecting page media queries.
*** THIS IS BETA VERSION, SO THINGS MAY BREAK ***

Responsive Inspector is a simple Google Chrome extension that allows viewing media queries of visited websites. It is very useful when developing responsive web layouts as it can visually show what resolutions are defined in css stylesheets. In addition it also has following features:
- pixel perfect browser resizing
- taking and saving whole page screenshots
- css media query code viewing
- sharing web designs on Behance.net service as Work In Progress


https://chrome.google.com/webstore/detail/responsive-inspector-beta/memcdolmmnmnleeiodllgpibdjlkbpim?utm_campaign=en&utm_source=en-et-na-us-oc-webstrhm&utm_medium=et

 

반응형
저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

[WEB] Responsive Website Design - The New Black  (0) 2013.05.03
UI 패턴을 다룬 웹사이트 모음  (0) 2013.04.25
[WEB] CSS, HTML Dictionary  (0) 2013.04.22
모바일 디바이스별 해상도  (0) 2013.04.19
[WEB] responsive web Design  (0) 2013.04.15
반응형

Attractive JavaScript plotting for jQuery
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.
Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+

 

http://www.flotcharts.org/

 

Homepage: http://www.flotcharts.org/
GitHub: https://github.com/flot/flot
Docs: https://github.com/flot/flot/blob/master/API.md
Twitter: http://twitter.com/flotcharts
Demo Page: http://www.flotcharts.org/flot/examples/

반응형
저작자표시 (새창열림)

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

JSDares — Learn JavaScript by programming games  (0) 2013.05.07
[WEB] jQuery $(‘body’).on() vs $(‘document’).on()  (0) 2013.05.06
[WEB] javascript - Swipe, Jo PhoneGap  (0) 2013.04.22
[WEB] Hammer.js - A javascript library for multi-touch gestures  (0) 2013.04.22
[WEB] iCheck — Customized checkboxes and radio buttons  (0) 2013.04.22
반응형

Swipe is the most accurate touch slider. — Read more

 

http://swipejs.com/

 

https://github.com/bradbirdsall/Swipe

 

 

 

=================================================

 

Jo was made for apps, not websites.

Your HTML5 app lives in a single page and Jo helps you create a native-like app experience. Sure, there's some DOM manipulation going on in there, but you don't have to worry about it unless you want to. Build your app with JavaScript, tweak some CSS and call it a day.

 

https://github.com/davebalmer/jo

 

Jo is a thin (~12K) candy shell for PhoneGap apps. It's an HTML5 mobile app framework which provides UI widgets, a flexible event model, a wrapper for sound, and a light data layer. Apps are skinnable with CSS3, and work everywhere PhoneGap does... and then some, including Adobe Air and OSX (desktop and dashboard). — Read more

DEMOS

Cross-platform Screencast

Back in October, with an old UI theme called "Aluminum", the same Jo app running on a bunch of devices.

 

 

Kitchen Sink

DEMO Well, mostly a kitchen sink. Needs updating.

DEMO Another take on a kitchen sink, in progress.

YQL

DEMO Using JSONp to fetch some data from an RSS feed.

AJAX File Loader

DEMO Simple file load using AJAX wrapper.

 

 

.

 

반응형
저작자표시 (새창열림)

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

[WEB] jQuery $(‘body’).on() vs $(‘document’).on()  (0) 2013.05.06
[WEB] Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.  (0) 2013.04.23
[WEB] Hammer.js - A javascript library for multi-touch gestures  (0) 2013.04.22
[WEB] iCheck — Customized checkboxes and radio buttons  (0) 2013.04.22
[WEB] Top 10 Cool JavaScript Framework for Mobile touch screen platforms  (0) 2013.04.22
반응형

https://github.com/EightMedia/hammer.js

 

A javascript library for multi-touch gestures :// You can touch this — Read more

 

Hammer.js

Build Status

A javascript library for multi-touch gestures

I told you, homeboy / You CAN touch this / Yeah, that's how we living and you know / You CAN touch this

Features

  • Detects Tap, DoubleTap, Swipe, Drag, Pinch, and Rotate gestures
  • DOM Events
  • Debug plugins
  • Custom gestures
  • Chainable instance methods
  • jQuery plugin with events delegation (the on/off methods) available
  • IE8 and older compatibility with jQuery plugin
  • AMD support (RequireJS)
  • Unit tests
  • Option to disable mouse support, so only for touch and pen input.

Getting Started

See the Wiki on GitHub for documentation.

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using grunt. Please don't commit the dist versions with your changes, only the changed source files.

Further notes

Created by Jorik Tangelder and developed at Eight Media in Arnhem, the Netherlands.

It's recommend to listen to this loop while using hammer.js.

반응형
저작자표시 (새창열림)

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

[WEB] Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.  (0) 2013.04.23
[WEB] javascript - Swipe, Jo PhoneGap  (0) 2013.04.22
[WEB] iCheck — Customized checkboxes and radio buttons  (0) 2013.04.22
[WEB] Top 10 Cool JavaScript Framework for Mobile touch screen platforms  (0) 2013.04.22
75+ Mobile App Development Tutorials – Start Your App Success Today!  (0) 2013.04.11
반응형

 

HTML 사전 : http://opentutorials.org/module/486

CSS 사전 : http://opentutorials.org/module/441

 

반응형
저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

UI 패턴을 다룬 웹사이트 모음  (0) 2013.04.25
[WEB] Responsive Inspector - responsive web layout  (0) 2013.04.25
모바일 디바이스별 해상도  (0) 2013.04.19
[WEB] responsive web Design  (0) 2013.04.15
[CSS] daum 사이트의 responsive  (0) 2013.04.08

+ Recent posts

티스토리툴바