반응형

Mockup tool 


https://balsamiq.com/products/mockups/




To find out more about Balsamiq Mockups 3, head to the product page at http://balsamiq.com/products/mockups/

Download a free trial here: http://balsamiq.com/download/


반응형
저작자표시

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

[APP] AWS 모바일 - AWS에서 모바일 앱을 구축하는 가장 빠른 방법  (0) 2017.08.24
[Android] Android Oreo - Open Wonder  (0) 2017.08.22
안드로이드 인스턴트 앱이 모든 개발자에게 공개되었습니다. 바로 지금 개발을 시작해보세요!  (0) 2017.06.02
Kotlin - https://kotlinlang.org/ 코틀린  (0) 2017.05.19
[IONIC2] inappbrowser 예제  (0) 2017.05.17
반응형

Redbeard: Boilerplate-free native app development

 

Redbeard makes it faster and easier to create native apps without a boilerplate. It’s a complete framework with tons of components.

redbeard

Homepage: http://www.redbeard.io/
Docs: http://www.redbeard.io/documentation/introduction
Demo Page: http://www.redbeard.io/samples

 

 

 

 

 

 

 

반응형
저작자표시

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

What is GitHub Pages?  (0) 2016.12.29
Every iPhone Speed Test Comparison 2016!  (0) 2016.09.23
[APP] Parse  (0) 2016.04.07
이유 있는 선택 Go 언어  (0) 2016.03.04
[Framework] DEEP Framework: A serverless web framework  (0) 2015.11.18
반응형

A-Frame: A framework for the virtual reality web

 

A-Frame

For the core library, check out A-Frame Core.

Building blocks for the VR Web.

  • Virtual Reality: Drop in the library and have a WebVR scene within a few lines of markup.
  • Based on the DOM: Manipulate with JavaScript, use with your favorite libraries and frameworks.
  • Entity-Component System: Use the entity-component system for better composability and flexibility.

Find out more:

 

 

A-Frame is a framework for building things for the virtual reality web. You can use markup to create VR experiences that work across desktop, iPhones, and the Oculus Rift.

a-frame

Homepage: https://aframe.io/
GitHub: https://github.com/aframevr/aframe/
Docs: https://aframe.io/docs/

 

 

 

 

 

.

반응형
저작자표시

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

한 시간 만에 배우는 Jquery  (0) 2016.01.07
웹 Front-End 실무 이야기  (0) 2016.01.07
CodeceptJS: Acceptance testing for NodeJS  (0) 2015.12.22
[Slide] 웹 Front-End 실무 이야기  (0) 2015.12.16
[HTML5] Comic.js: Cartoon style drawing for HTML5 Canvas and more  (0) 2015.12.14
반응형

Fabric: An easy way to build apps

 

 

 

 

Fabric, from Twitter, is an easy way to build mobile apps. It’s cross-platform compatible and modular, with SDKs organized into “kits” to make dev easier.

twitter fabric

Homepage: https://dev.twitter.com/products/fabric
Docs: https://dev.twitter.com/overview/documentation
반응형
저작자표시

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

[javascript] Walkway.js: Easily animate SVG elements  (0) 2014.11.03
[javascript] AngularJS 기초 교육 동영상  (0) 2014.10.31
[javascript] http://d3js.org/  (0) 2014.10.22
[HTML] Reveal.js: Easy HTML presentations - 프레젠테이션,PPT, HTML  (0) 2014.10.20
[Framework] Schema: A modular front-end framework  (0) 2014.10.20
반응형

scroll event - 스크롤 이벤트 scroll start, scrolling, scroll stop


스크롤시 사라졌다가 스크롤 끝나면 다시 나오는 스크립트


https://gist.github.com/RubaXa/5569075


 jquery.event.scroll.js



-- Page 배너 삽입, 모바일 하단에 위치고정


<div id="bottomrollbanner" style="position:fixed; bottom:0; height:49px; width:100%;background-color:bisque;">

                          배너 위치

</div>




<script type="text/javascript">
<!--


$(window).bind('scrollstart scrollend', function (evt){
    if( evt.type == 'scrollstart' ){
        // logic
        console.log("scroll Start");
        jQuery("#bottomrollbanner").fadeOut("fast");
    }
    if( evt.type == 'scrollend' ){
        // logic
        console.log("scroll End");
    jQuery("#bottomrollbanner").fadeIn("slow");
    }
});


var currentScrollTop, temporalScroll = 0;

$(window).scroll(function(){


    currentScrollTop = $(this).scrollTop();
    console.log('Previous value: ' + temporalScroll);
    if (currentScrollTop > temporalScroll) {
        console.log('scroll down - Current value: ' + currentScrollTop);
    }
    else {
        console.log('scroll up - Current value: ' + currentScrollTop);
    }
    temporalScroll = currentScrollTop;



});


//-->

</script>






반응형
저작자표시

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

[jQuery] jQuery Autotab: Auto-tabbing and filtering for forms  (0) 2014.11.06
[Node.js] The Node Beginner Book  (0) 2014.10.30
[jQuery] NoUiSlider: A tiny range slider  (0) 2014.10.20
[jQuery] 시작페이지로 지정하기 Script  (0) 2014.10.13
[jQuery] like Pinterest. 핀트레스트 같은 그리드(Grid)  (0) 2014.10.08
반응형

Mobify.js: Adapt your site for any device

 

Mobify.js makes it quick and easy to create responsive versions of your website. It provides responsive images, JavaScript and CSS optimization, and Adaptive Templating, among other features.

mobify

Homepage: http://www.mobify.com/mobifyjs/
GitHub: http://github.com/mobify
Docs: http://www.mobify.com/mobifyjs/v2/docs/
Demo Page: http://www.mobify.com/mobifyjs/v2/examples/
Mobify.js is an open source library for improving responsive sites by providing responsive images, JS/CSS optimization, Adaptive Templating and more. 

http://www.mobifyjs.com

반응형
저작자표시

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

구글 폴리머 프로젝트 http://www.polymer-project.org/  (0) 2014.08.21
[javascript]Typography : Blast.js: Make text manipulable  (0) 2014.08.11
[javascript] Eloquent JavaScript: A modern programming introduction  (0) 2014.08.06
[javascript] Deckard: Web Animations API slide deck  (0) 2014.08.01
[HTML5] HTML Minifier: Minify your HTML files. HTML 소스 줄여줘요~  (0) 2014.07.25
반응형
Clank: open source prototyping framework for mobile apps 

http://getclank.com/

 

Demo : http://getclank.com/demos/

Clank is an open source HTML and CSS framework for prototyping native mobile and tablet apps. It uses modern CSS techniques, with Sass and Compass, and it’s component based so you can pick and choose what you need.

clank

Homepage: http://getclank.com/
GitHub: https://github.com/Wolfr/clank
Docs: http://getclank.com/documentation.html
Twitter: https://twitter.com/getclank
Demo Page: http://getclank.com/demos/

 

 

 

 

반응형
저작자표시

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

[HTML5] Can I use?: Up-to-date browser support reference  (0) 2014.07.25
[JAVASCRIPT] Smallworld.js: Generate GeoJSON map previews  (0) 2014.07.21
[Framework] Web Starter Kit: Tools for multi-device development  (0) 2014.07.11
[javascript] Intense Image Viewer: Fully full screen images  (0) 2014.07.10
[HTML5] CoverVid: HTML5 background videos  (0) 2014.07.07
반응형

Susy: Responsive grids for Compass

susy

Homepage: http://susy.oddbird.net/
GitHub: https://github.com/ericam/susy
Docs: http://susy.oddbird.net/guides/reference/
Twitter: http://twitter.com/sasssusy/
Demo Page: http://susy.oddbird.net/demos/

 

Responsive layout toolkit for Sass

http://susy.oddbird.net/

 

 

반응형
저작자표시

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

[CSS] Code Guide by @mdo: Standards for sustainable HTML and CSS  (0) 2014.03.19
[CSS] Fluidity: Making HTML 100% responsive  (0) 2014.03.17
[CSS] Keyframer: A CSS3 animation tool  (0) 2014.02.17
[Style] Responsive - http://mashable.com/2012/12/11/responsive-web-design/  (0) 2014.02.12
[Design] Overthrow: An overflow: auto polyfill for responsive designs  (0) 2014.02.10

+ Recent posts

티스토리툴바