반응형
반응형

Vivus: An SVG animation library

Vivus is a JavaScript class for animating SVGs with no dependencies necessary. It offers asynchronous animations, delayed animations, and line-by-line animations.

vivus

Homepage: http://maxwellito.github.io/vivus/
GitHub: https://github.com/maxwellito/vivus


vivus.js

Demo available on http://maxwellito.github.io/vivus

Vivus is a little JavaScript class (little, because it's being lightweight and having no dependency) to make drawing animation with SVGs in a webpage. Different animations are available, even scripting the entire SVG to do whatever you want.

Animations

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

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

[javascript] Paperclip.js: A powerful template engine for Node.js and the browser  (0) 2014.12.02
[JAVASCRIPT] Angular-kickstart: Develop with AngularJS faster  (0) 2014.11.19
[HTML] Stitches: HTML5 sprite sheet maker  (0) 2014.11.17
[HTML5] hash tag 사용시 IE에서 title이 왜곡되는 현상  (0) 2014.11.10
[Charts] Google Charts - Column Chart  (0) 2014.11.10
반응형

Stairtower: Database server for JSON documents

 

 

Stairtower is a database server for schema-free, JSON documents. It’s built on React, uses a restful API, and is entirely written in PHP.

stairtower

Homepage: http://stairtower.cundd.net/
GitHub: https://github.com/cundd/pos

 

Stairtower is a (experimental) database server for schema-free, JSON documents, that provides a restful API and is entirely written in PHP.

 

The software is in alpha state an early alpha state and not ready for production. The biggest parts of the API are defined and major parts are covered by unit tests. Nevertheless there is much to improve.

For more information see stairtower.cundd.net

 

Installation

  1. Get the source code

git clone https://github.com/cundd/pos.git stairtower
cd stairtower

  1. Install requirements

Get Composer:

curl -sS https://getcomposer.org/installer | php

Install the libraries:

php composer.phar update

 

 

 

 

 

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

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

[APP] 안드로이드 테스트 툴 - Appium  (0) 2015.09.23
하이브리드 앱 구현하기  (0) 2015.06.03
[Python] Python Tools for visual studio  (0) 2014.11.10
[Android] Android Query - AQuery  (0) 2014.10.27
사물인터넷 관련 기술 - homekit, healthkit, swift  (0) 2014.08.21
반응형

Stitches: HTML5 sprite sheet maker

Stitches is an easy to use HTML5 sprite sheet generator. Just drag and drop images onto the app and it will generate both the sprite sheet and necessary CSS.

stitches

Homepage: http://draeton.github.io/stitches/
GitHub: https://github.com/draeton/stitches
Docs: http://draeton.github.io/stitches/stitches/doc/stitches.js.html

 

HTML5 Sprite Sheet Generator 

http://draeton.github.io/stitches

 

Stitches

Stitches is an HTML5 sprite sheet generator. The current version is 1.3.5. Documentation is availablehere.

Implementation

After dependencies, Stitches requires a stylesheet, a script, and an HTML element to get the job done:

<link rel="stylesheet" href="css/stitches-1.3.5.min.css">

<script data-main="js/stitches.js" src="js/stitches-1.3.5.min.js"></script>

The sprite sheet generator is automatically created in elements that have the stitches class:

<div class="stitches"></div>

If you choose, any images that are a part of the initial markup will be loaded onto the canvas:

<div class="stitches">
    <img src="img/test/github.png" data-name="github"/>
    <img src="img/test/gmail.png" data-name="gmail"/>
    <img src="img/test/linkedin.png" data-name="linkedin"/>
    <img src="img/test/stackoverflow.png" data-name="stackoverflow"/>
    <img src="img/test/tumblr.png" data-name="tumblr"/>
    <img src="img/test/twitter.png" data-name="twitter"/>
</div>

 

 

 

 

 

 

 

 

 

 

 

 

 

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

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

[JAVASCRIPT] Angular-kickstart: Develop with AngularJS faster  (0) 2014.11.19
[javascript] Vivus: An SVG animation library  (0) 2014.11.19
[HTML5] hash tag 사용시 IE에서 title이 왜곡되는 현상  (0) 2014.11.10
[Charts] Google Charts - Column Chart  (0) 2014.11.10
[javascript] javascript 문구 테스트 - SyntaxHighlighter를 이용  (0) 2014.11.04
반응형
random UL LI 리스트 랜덤















.

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

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

[Bootstrap] http://webdesigncss3.com/bootstrap/ 한글번역  (0) 2014.12.10
[jQuery] jQuery 자동완성 기능 - jQuery-UI  (0) 2014.12.10
[jQuery] typeof 어떻게 사용하나? 자주 쓰는데.  (0) 2014.11.07
[jQuery] jQuery Autotab: Auto-tabbing and filtering for forms  (0) 2014.11.06
[Node.js] The Node Beginner Book  (0) 2014.10.30
반응형
Material UI: A Material Design CSS framework

 

Material UI is a CSS framework and set of React components that incorporate Google’s Material Design. Components include buttons, drop downs, menus, switches, toolbars, and more.

 

material ui

 

Homepage: http://material-ui.com/#/
GitHub: https://github.com/callemall/material-ui
Docs: http://material-ui.com/#/get-started
Demo Page: http://material-ui.com/#/components/buttons

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

.

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

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

모바일웹 참고 사이트, 트랜드.  (0) 2015.06.05
[Chart] Open Flash Chart  (0) 2015.01.20
[CSS-HTML5] Motherplate: A bare bones responsive boilerplate  (0) 2014.11.03
[CSS] Flexy Boxes: A flexbox code generator and playground  (0) 2014.10.20
[CSS] Koutu Swiss: A CSS framework for Stylus  (0) 2014.10.08
반응형

hash tag 사용시 IE에서 title이 왜곡되는 현상

 

IE8에서 문서 제목 변경을 방지하는 a 방법이있다.

그것은 자동으로 URL의 hash를 기반으로 변화하고 있기 때문에 (WWW. #hash)

 

아래의 타이틀을 예를 들어

 

#691 로 hash change 하면 타이틀은 #691로 변경된다.

 

 

더 좋게 바꾸려면 아래와 같이 화면 load 시, 또는 스크립트 호출 후 타이틀을 재입력해주면 된다.

 

 

 

 

 

 

 

 

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

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

[javascript] Vivus: An SVG animation library  (0) 2014.11.19
[HTML] Stitches: HTML5 sprite sheet maker  (0) 2014.11.17
[Charts] Google Charts - Column Chart  (0) 2014.11.10
[javascript] javascript 문구 테스트 - SyntaxHighlighter를 이용  (0) 2014.11.04
[javascript] Walkway.js: Easily animate SVG elements  (0) 2014.11.03

+ Recent posts

티스토리툴바