Phalcon — Fastest PHP web framework

Link : http://mobile.smashingmagazine.com/2013/07/22/simple-responsive-images-with-css-backgrounds/

Pickadate.js — Responsive date & time picker

effect

http://api.jquery.com/category/effects/

jQuery Hide/Show
jQuery Fade
jQuery Slide
jQuery Animate
jQuery stop()
jQuery CallbackjQuery Chaining

Animation

http://api.jquery.com/animate/

UI

http://api.jqueryui.com/

Sizzle - javascript CSS selector engine

http://sizzlejs.com/

QUnit - javascript Unit Testing Framework

 - 자바스크립트 코드 테스트

http://qunitjs.com/

QUnit is a powerful, easy-to-use JavaScript unit testing framework. It's used by the jQuery, jQuery UI and jQuery Mobile projects and is capable of testing any generic JavaScript code, including itself!

Simplify Ajax development with jQuery

http://www.ibm.com/developerworks/xml/library/x-ajaxjquery/index.html

Table of contents

[마소] 2013.07 Angular.JS - 서비스들과 의존성 주입

AngularJS의 서비스는 특정 기능을 담당하는 객체들을 서비스라고 한다.

공통된 특정 작업을 수행하는 싱글톤(singleton) 객체다.

singleton은 인스턴스가 단 1개만 존재하는 것을 보증하는 디자인 패턴이다.

예를 들어 기본 서비스로 제공하는 $http service  는 브라우저의 낮은 레벨에 해당하는 XMLHttpRequest 객체의 기능을 제공한다.

Angular services are singletons that carry out specific tasks common to web apps, such as the$http service that provides low level access to the browser'sXMLHttpRequest object.

To use an Angular service, you identify it as a dependency for the dependent (a controller, or another service) that depends on the service. Angular's dependency injection subsystem takes care of the rest. The Angular injector subsystem is in charge of service instantiation, resolution of dependencies, and provision of dependencies to factory functions as requested.

service

* 의존성 주입 (Dependency Injection)
의존성 주입 적용으로 얻을 수 있는 이점

- 종속성의 설정을 컴파일 시에서 실행 시로 조정해 모듈 간의 결합도를 낮출 수 있다.

- 여러 곳에서 사용 중인 모듈을 소스 코드의 수정없이 사용할 수 있어 재사용율이 높다.

- 모의 객체 등을 이용한 단위 테스트 시 편의성을 높여준다.

의존성 주입 패턴

- 생산자 주입 : 필요한 의존성을 모두 포함하는 클래스의 생성자를 만들고, 그 생성자를 통해 의존성을 주입한다.(new 연산자를 통한 생성)

- 세터(setter)를 통한 주입 : 의존성을 입력받는 세터 메소드를 만들어 의존성을 중비한다.

- 인터페이스를 통한 주입 : 의존성을 주입하는 함수가 포함된 인터페이스를 작성하고, 이를 구현하도록 함으로써 실행 시 의존성을 주입한다.

LayoutIt! is NOT a site builder. It's the kick-off for every frontend project you need to develop.

LayoutIt! takes every element and component of Bootstrap to make your frontend coding easier without needing to be
an expert in javascript, html5 or css3. You just build what you need to start, and then code it however you most like!

LayoutIt! - Drag & Drop Interface Builder for Bootstrap

카운터 Strike 온라인  Game

Link : https://chrome.google.com/webstore/detail/counter-strike-online/cadippdoonnecjfembbfokijpncaiefh

BeGone - Browser based online multi-player first/third person shooter.

link : https://chrome.google.com/webstore/detail/begone/ndfpieflbjbdpgklkeolbmbdkfdiicfk

BeGone (© NPlay.com) - browser based online multiplayer first/third person shooter with realistic themes and beautifully rendered maps. Players can choose to join teams and face off against each other with modern weapons. Both teams will try to eliminate the opposing team before the time runs out. BeGone allows for players to utilize map locations strategically and develop their own tactics. This game features unique
weapon attachment setups, a cash-based virtual economy, a robust clan system, hot key customization and full screen support. It delivers an immersive FPS gaming experience and you can get all that BeGone has to offer completely free. BeGone is quickly accessible from your browser and no signup is required. 

20 Most Popular Responsive jQuery Plugins

1. LetteringJS

Lettering.js is a beautifully scripted jQuery plugin for typography. Lettering.js has superseded the conventional way of including the typography fonts on the website with a very fast script coded in jQuery.

2. TypeheadJS

Like Google, you can also enable your websites search bar to suggest the results for the desired query. This Jquery plugin, powered by Twitter, namely Typehead.js has made it possible to make your search bar function like that.

3. StellarJS

Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element.

4. Perfect-Scrollbar

This plugin transforms your standard scroll bar into a sleek and trendy one. You can adjust the color according to your need.

5. DropZoneJS

DropzoneJS is an open source library that provides drag’n'drop file uploads with image previews. It’s synonymous to the WordPress upload area.

6. FitText

FittextJS has been a very successful plugin for displaying gigantic texts on the display screen. Earlier to FittextJS, images were used by the website designers which caused conflicts on the basis of responsiveness, but, now this plugin has not only hastened the process but also has solved the problem of responsiveness.

7. Swipe.js

Swipe is a perfect responsive slider suitable for websites desiring a full width slider below the header. Some of its features are responsiveness, resistant bounds and scroll prevention.

8. FlexNav

FlexNav is perhaps the best Jquery plugin for responsive menus. Easy to setup and easy personalization are its key features.

9. Flexisel

Flexisel is a beautifully designed responsive carousel jQuery plugin for a display of seamless images.

10. ImageloaderJS

Website designers generally ignore the importance of preloading images. This jQuery plugin will preload all the images on the website, increasing the overall loading speed of the website on the browsers. Especially recommended for websites with image galleries.

11. Responsive jQuery Lightbox Plugin : Magnific Popup

Magnific Popup is a responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device.

12. Tiny Circleslider

Tiny Circle slider is a circular slider/carousel. That was built to provide web developers with a cool but subtle alternative to all those standard carousels. Tiny Circle slider can blend in on any web page. It was built using the javascript jQuery library.

13. jQuery Map Marker

This plugin makes it easy to put multiple markers on Map using Google Map API V3.Map Marker is very useful when you have a list of data & you want to show all of them on Map, too.

14. Camera : jQuery Slideshow Plugin with Touch Support

A cool jQuery slideshow with diverse variation of transitions for your website.

15. Responsive Touch-Friendly Audio Player

This user friendly responsive plugin will integrate a minimal audio player on your website for listening online music. Some of the features like being adaptive to browsers, showing the pre-loaded (buffered) audio and image-less CSS, have made it distinctive from other such kinds of plugins.

16. Huge on Facebook

This jQuery script is designed to highlight the links on websites that are actually generating conversation (on Facebook, at least). Like Google analytics, this plugin can be considered as Facebook analytics. The only difference this plugin is making is the display of analysis report to the general public rather than the administrator only.

17. jQuery Spellchecker

The jQuery spellchecker is a lightweight plugin that can be used to check the spelling of text within a form field or within a DOM tree. Can come handy with the content writers.

18. Any List Scroller

Any List Scroller is the jQuery plugin to scroll any list, of any dimension, with any content.

19. jQuery Stripe

A jQuery plug-in to create a cool striped gallery object.

20. jQuery Liquid Carousel Plugin

Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets re sized, the number of items in the list change to fit the new width.

Firechat — Open-source real-time chat