반응형

ExtJS4 MVC 설치하기


1.Download Sencha Ext JS
http://www.sencha.com/products/extjs/download/


2.Download Sencha Cmd
http://www.sencha.com/products/sencha-cmd/download/
C:\Sencha 에  Extjs4 라이브러리를 압축해제해서 옮긴다.

 

설치할때 디렉토리 선택에서 C:\만 선택하면 Sencha 폴더 생기면서 거기에 알아서 설치된다.

 

설치완료 후 확인은 명령프롬프트 창을 열고 "sencha"명령을 실행해서 아래와 같이 나오면 설치가 잘 된것이다.

 

 

다운로드 받은 Extjs4 파일은 C:\Sencha 폴더로 이동한다.


3.ruby 다운로드 ( Sencha cmd에서는 1.8~1.9버전만 지원한다. )

테마 컴파일을 하기위해서 ruby를 다운로드 받는다.
http://rubyinstaller.org/downloads/

 

빌드 과정에서 테마를 위판 sass컴파일용 compass를 설치하자.
C:\Sencha>gem install compass

 

혹여 윈도우 7에 경우 정상적으로 설치 되지 않는 경우가 있는데 이때는 아래 사이트를 참고하여 수동으로 compass를 설치할 수 있다.
http://awordpress.net/install-sass-compass-manually-windows/

 해당 Ruby 설치 폴더에 가서 gem을 실행해라. 아니면 path를 설정하든지

 

 

 

 

4.애플리케이션 생성

아래 명령을 실행하여 waniMvc라는 애플리케이션을 생성하자.
C:\Sencha> sencha -sdk C:\Sencha\ext-4.2.1.883 generate app waniMvc c:\Sencha\waniMvc

 

 

 

4.웹서버 실행 

아래 명령을 실행하여 웹서버 실행.
C:\Sencha> sencha  fa web -port 8000 start -map C:\Sencha\waniMvc

http://localhost:8000 에서 화면 확인.

 

.

 

반응형
반응형

Slow.js: Slow down your CSS transition durations

slow.js

 

반응형
반응형

10 JavaScript Audio Libraries for Developers

 

1. Howler.js

howlerjs
Howler.js is a JavaScript library that works with Web Audio API by default and falls back to HTML5 Audio when not supported. It accepts multiple file formats for cross-browser compatibility, has caching and can play many sounds at the same time (it is also mute/un-mute them one-by-one or globally). The sounds can be looped, a fadeIn/fadeOut effect exists and standard media controls are just a part of the library. It is lightweight (5kb), has support for chaining methods and doesn’t require any JS frameworks.

Source

2. Annyang.js

annyang
Annyang is a tiny javascript library that lets your visitors control your site with voice commands. Annyang has no dependencies, weighs less than 1kb, and is free to use and modify. It plays nicely with all browsers, progressively enhancing browsers that support SpeechRecognition, while leaving users with older browsers unaffected. It is licensed under MIT License.

Source

3. Voix.js

Voix-JS-Component
Voix.JS is handy, lightweight JavaScript library for adding voice commands to your site, games and apps. It has functions to start and stop listening through the microphone and we can set events to be fired when a given keyword is detected.

Source

4. Audio.js

audio.js
Audio.js is a drop-in javascript library that allows HTML5′s audio tag to be used anywhere. It uses native audio where available and an invisible flash player to emulate audio for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.
Audio.js focuses on playing mp3s. It doesn’t currently support the ogg format. As mp3 is the current defacto music transfer format, ogg support is lower on our list of priorities. It has been tested on Mobile Safari (iOS 3+), Android (2.2+, w/Flash), Safari (4+), Chrome (7+), Firefox (3+, w/ Flash), Opera (10+, w/ Flash), IE (6, 7, 8, w/ Flash).

Source

5. Buzz

Buzz
Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element. It degrades properly on non-modern browsers. It is written by Jay Salvat and licensed under the MIT License.

Source

6. SoundManager 2

SoundManager 2
SoundManager 2 is an attempt at providing the sound API which Javascript has been missing. It’s a Javascript library which wraps and extends Flash’s sound capabilities, bringing cross-platform audio functionality to Javascript. SoundManager 2 was written to meet a desire to have Javascript-driven sound for interactive web-based projects. It is free for use in both personal and commercial projects. SoundManager 2 gives you a single, powerful API that supports both new and old, using HTML5 audio where supported and optional Flash-based fallback where needed. Ideally when using SoundManager 2, audio “just works.”

Source

7. Sound.js

soundjs
SoundJS is a library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers, including using a target plugin model to provide an easy way to provide additional audio plugins like Web Audio, and a Flash fallback. A mechanism has been provided for easily tying in audio preloading to PreloadJS.

http://www.createjs.com/#!/SoundJS

8. Audiolet

Audiolet
Audiolet is a JavaScript library for real-time audio synthesis and composition from within the browser. It uses graph-based routing and pattern-based scheduling to make complex audio simple to program, and easy to understand.

Source

9. ION.Sound

ionsounds
Ion.Sound is a jQuery plugin for playing sounds on events. It has been tested on Google Chrome, Mozilla Firefox, Opera, Safari, IE(9.0+) and mobile browsers. Ion.Sound freely distributed under terms of MIT license.

Source

10. Audio5js

Audio5js
Audio5js is a Javascript library that provides a seamless compatibility layer to the HTML5 Audio playback API, with multiple codec support and a Flash-based MP3 playback fallback for older or unsupported browsers.
The motivation for creating Audio5js is to provide a light-weight, library-agnostic, Javascript-only
interface for audio playback in the browser.

Source

반응형
반응형

form 전송시 오류발생할때, input type="file" 을 onclick 했을경우.

 

"엑세스가 거부되었습니다." 라고 폼전송할때 오류가 발생한다면.

 

<input type="file" > 을  다른 오브젝트에서 onclick="이벤트" 를 지정했을때 IE7에서 오류가 발생할 수 있다.

 

그런데, UI상 별도로 클릭이벤트가 필요하다면 <input type="file" >을 해당 위치에 두고

투명도를 0으로 변경해서 클릭하게 변경해보자.

 

 

style="filter:alpha(opacity=0);"

 

 

style="filter:alpha(opacity=0);"

 

반응형
반응형
Sparks.js

Simple 3D Javascript Particles Engine

Sparks.js is a library to help create 3D particles in Javascript.

Its simple, fast and fun to play with.

This is an ongoing project, so check out issue tracker, the wiki, the code and examples inside github.

Sparks.js welcomes feature and pull requests, so don't be shy to fork away!

It uses three.js for Vector classes and rendering and uses ease functions from tween.js.

Demos Online

Examples Online

Articles

Upcoming features

  • Text Particles
  • ShotCounter

 

Spark.js: Lightweight 3D particle engine in JavaScript

spark.js

 

반응형
반응형

Validatious 2.0: Unobtrusive JavaScript form validation

validatious

반응형
반응형

Cheet.js: Easter eggs made easy

cheet.js

 

 

easy easter eggs (konami code, etc) for your website.

반응형
반응형

Object Playground: Visualize and experiment with JavaScript objects

playground

 

Object Playground

Object Playground is a tool for visualizing and experimenting with JavaScript object relationships. It's online at objectplayground.com. Object Playground is a project from Let's Code: Test-Driven JavaScript, a screencast series focused on professional, rigorous JavaScript development. Created by James Shore.

This repository contains the source code for Object Playground.

Browser Support

Object Playground has been tested against the browsers listed at the top of Jakefile.js. At the time of this writing, the following browsers are known to work. Other modern browsers are likely to work as well.

  • Chrome 26
  • Firefox 20
  • IE 10
  • Safari 6.0 (Mac)
  • Safari 6.0 (iOS)

The following browsers are known to not work:

  • IE 9: Lacks the Int32Array type used by Viz.js. A polyfill was attempted, but resulted in an "out of memory" error.
  • IE 8: Does not support SVG, lacks Int32Array type.

 

반응형

+ Recent posts