프로그래밍/Script

[jQuery] jQuery UI Touch Punch 2014.04.17
[javascript] Trianglify: Generate colorful triangle meshes 2014.04.17
[jQuery] scrollToBySpeed: Scroll windows by speed instead of duration 2014.04.14
[jQuery] Sticky Alerts: A tiny sticky alert bar plugin 2014.04.10
[javascript] FastClick: Eliminate lag in mobile browsers 2014.04.09
[jQuery] jQuery fontIconPicker: Add an icon picker to your admin forms 2014.04.01

[jQuery] jQuery UI Touch Punch

홍반장水_ 2014. 4. 17. 17:02

2014. 4. 17. 17:02

jQuery UI Touch Punch

Touch Event Support for jQuery UI

Tested on iPad, iPhone, Android and other touch-enabled mobile devices.

http://touchpunch.furf.com/

https://github.com/furf/jquery-ui-touch-punch

jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library.

Currently, jQuery UI user interface library does not support the use of touch events in their widgets and interactions. This means that the slick UI you designed and tested in your desktop browser will fail on most, if not all, touch-enabled mobile devices, becuase jQuery UI listens to mouse events—mouseover, mousemove and mouseout—not touch events—touchstart, touchmove and touchend.

That's where jQuery UI Touch Punch comes in. Touch Punch works by using simulated events to map touch events to their mouse event analogs. Simply include the script on your page and your touch events will be turned into their corresponding mouse events to which jQuery UI will respond as expected.

As I said, Touch Punch is a hack. It duck punches some of jQuery UI's core functionality to handle the mapping of touch events. Touch Punch works with all basic implementations of jQuery UI's interactions and widgets. However, you may find more complex cases where Touch Punch fails. If so, scroll down to learn how you can file and/or fix issues.

This code is dual licensed under the MIT or GPL Version 2 licenses and is therefore free to use, modify and/or distribute, but if you include Touch Punch in other software packages or plugins, please include an attribution to the original software and a link to this Touch Punch website.

Download the Code

The jQuery UI Touch Punch plugin is available in two versions:

* minified & gzip'd

Using Touch Punch is as easy as 1, 2…

Just follow these simple steps to enable touch events in your jQuery UI app:

Include jQuery and jQuery UI on your page.

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>

Include Touch Punch after jQuery UI and before its first use.

Please note that if you are using jQuery UI's components, Touch Punch must be included after jquery.ui.mouse.js, as Touch Punch modifies its behavior.
```
<script src="jquery.ui.touch-punch.min.js"></script>
```
There is no 3. Just use jQuery UI as expected and watch it work at the touch of a finger.
```
<script>$('#widget').draggable();</script>
```

저작자표시

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

jquery ui에서 datepicker 사용할 때, input 뒤에 달력 이미지 넣는 부분 (0)	2014.04.21
[jQuery] Twproject Gantt: JavaScript component for creating Gantts (0)	2014.04.21
[javascript] Trianglify: Generate colorful triangle meshes (0)	2014.04.17
[jQuery] scrollToBySpeed: Scroll windows by speed instead of duration (0)	2014.04.14
[jQuery] Sticky Alerts: A tiny sticky alert bar plugin (0)	2014.04.10

[javascript] Trianglify: Generate colorful triangle meshes

홍반장水_ 2014. 4. 17. 09:33

2014. 4. 17. 09:33

Trianglify: Generate colorful triangle meshes

Trianglify is a JavaScript library that lets you create colorful triangle meshes automatically, which you can then use as CSS backgrounds, or SVG images. There are controls for noise, cell size, and cell padding, and of course the whole thing is open source.

Homepage: http://qrohlf.com/trianglify/
GitHub: https://github.com/qrohlf/trianglify/

Trianglify

Trianglify is a library that I wrote to generate nice SVG background images like this one:

It was inspired by btmills/geopattern, and uses d3.js to build the polygons and SVG and SVG filters for rendering. It also includes the colorbrewer color palette library to get you up and running quickly. It was written in a single day because I got fed up with Adobe Illustrator.

Demo:

Official: http://qrohlf.com/trianglify

nixterrimus also made a nice demo app: link (source)

저작자표시

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

[jQuery] Twproject Gantt: JavaScript component for creating Gantts (0)	2014.04.21
[jQuery] jQuery UI Touch Punch (0)	2014.04.17
[jQuery] scrollToBySpeed: Scroll windows by speed instead of duration (0)	2014.04.14
[jQuery] Sticky Alerts: A tiny sticky alert bar plugin (0)	2014.04.10
[javascript] FastClick: Eliminate lag in mobile browsers (0)	2014.04.09

[jQuery] scrollToBySpeed: Scroll windows by speed instead of duration

홍반장水_ 2014. 4. 14. 11:36

2014. 4. 14. 11:36

scrollToBySpeed: Scroll windows by speed instead of duration

scrollToBySpeed is a jQuery plugin that lets your users scroll by speed rather than duration, giving a more consistent user experience. Regardless of how far down the page something is, when a user clicks a navigation button that triggers a scroll, the speed will be consistent.

Homepage: http://ryanburnette.github.io/scrollToBySpeed/
GitHub: https://github.com/ryanburnette/scrollToBySpeed

저작자표시

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

[jQuery] jQuery UI Touch Punch (0)	2014.04.17
[javascript] Trianglify: Generate colorful triangle meshes (0)	2014.04.17
[jQuery] Sticky Alerts: A tiny sticky alert bar plugin (0)	2014.04.10
[javascript] FastClick: Eliminate lag in mobile browsers (0)	2014.04.09
[jQuery] jQuery fontIconPicker: Add an icon picker to your admin forms (0)	2014.04.01

[jQuery] Sticky Alerts: A tiny sticky alert bar plugin

홍반장水_ 2014. 4. 10. 22:02

2014. 4. 10. 22:02

Sticky Alerts: A tiny sticky alert bar plugin

Sticky Alerts is a tiny jQuery plugin (only 36 lines of JavaScript!) for adding sticky alert bar to your website. It’s easy to set up and has a few options for customizing it for your site.

Homepage: http://longren.io/sticky-alerts-a-new-tiny-jquery-plugin/
GitHub: https://github.com/tlongren/jquery-sticky-alert
Demo Page: http://sticky.longren.io/

저작자표시

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

[javascript] Trianglify: Generate colorful triangle meshes (0)	2014.04.17
[jQuery] scrollToBySpeed: Scroll windows by speed instead of duration (0)	2014.04.14
[javascript] FastClick: Eliminate lag in mobile browsers (0)	2014.04.09
[jQuery] jQuery fontIconPicker: Add an icon picker to your admin forms (0)	2014.04.01
[javascript] Garlic.js: Persistent local form data (0)	2014.03.31

[javascript] FastClick: Eliminate lag in mobile browsers

홍반장水_ 2014. 4. 9. 09:22

2014. 4. 9. 09:22

FastClick: Eliminate lag in mobile browsers

FastClick aims to eliminate the 300ms lag between a physical tap and the actual “click” event in mobile browsers. This makes your site feel much more responsive and less laggy, without interfering with your site’s current logic.

GitHub: https://github.com/ftlabs/fastclick
Docs: https://github.com/ftlabs/fastclick#usage
Demo Page: https://github.com/ftlabs/fastclick#examples

저작자표시

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

[jQuery] scrollToBySpeed: Scroll windows by speed instead of duration (0)	2014.04.14
[jQuery] Sticky Alerts: A tiny sticky alert bar plugin (0)	2014.04.10
[jQuery] jQuery fontIconPicker: Add an icon picker to your admin forms (0)	2014.04.01
[javascript] Garlic.js: Persistent local form data (0)	2014.03.31
[javascript] Mithril: A JavaScript application framework (0)	2014.03.27

[jQuery] jQuery fontIconPicker: Add an icon picker to your admin forms

홍반장水_ 2014. 4. 1. 20:28

2014. 4. 1. 20:28

jQuery fontIconPicker: Add an icon picker to your admin forms

The jQuery fontIconPicker makes it simple to add an icon picker and search function to your administration forms. It can be triggered on a SELECT or TEXT input, and has multiple usage options.

아이콘 셀렉트/콤보 버튼, 선택 - http://codeb.it/fonticonpicker/

Homepage: http://codeb.it/fonticonpicker/
GitHub: https://github.com/micc83/fontIconPicker

jQuery fontIconPicker is a small (1.58kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms.

http://codeb.it/fonticonpicker

Legend:

How it works
Basic: Load from SELECT input field
Load from TEXT input field (no empty icon, no search)
Load icons from Fontello JSON config file
fontIconPicker validation
Change icon set on the fly
Trigger event on icon change
ACF { fontIconPicker WordPress plugin
Browser compatibility
Credits

저작자표시

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

[jQuery] Sticky Alerts: A tiny sticky alert bar plugin (0)	2014.04.10
[javascript] FastClick: Eliminate lag in mobile browsers (0)	2014.04.09
[javascript] Garlic.js: Persistent local form data (0)	2014.03.31
[javascript] Mithril: A JavaScript application framework (0)	2014.03.27
[JAVASCRIPT] hyperProxy: Use local files for testing and fixing production sites (0)	2014.03.19

PREV 이전 1 ···41 42 43 44 45 46 47 ···94 NEXT 다음

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

프로그래밍/Script

[jQuery] jQuery UI Touch Punch

jQuery UI Touch Punch

Touch Event Support for jQuery UI

jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library.

Download the Code

Using Touch Punch is as easy as 1, 2…

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

[javascript] Trianglify: Generate colorful triangle meshes

Trianglify: Generate colorful triangle meshes

Trianglify

Demo:

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

[jQuery] scrollToBySpeed: Scroll windows by speed instead of duration

scrollToBySpeed: Scroll windows by speed instead of duration

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

[jQuery] Sticky Alerts: A tiny sticky alert bar plugin

Sticky Alerts: A tiny sticky alert bar plugin

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

[javascript] FastClick: Eliminate lag in mobile browsers

FastClick: Eliminate lag in mobile browsers

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

[jQuery] jQuery fontIconPicker: Add an icon picker to your admin forms

jQuery fontIconPicker: Add an icon picker to your admin forms

jQuery fontIconPicker is a small (1.58kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms.

http://codeb.it/fonticonpicker

Legend:

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

+ Recent posts

티스토리툴바