프로그래밍

[CSS] Material UI: A Material Design CSS framework 2014.11.12
[HTML5] hash tag 사용시 IE에서 title이 왜곡되는 현상 2014.11.10
[Charts] Google Charts - Column Chart 2014.11.10
[Python] Python Tools for visual studio 2014.11.10
[jQuery] typeof 어떻게 사용하나? 자주 쓰는데. 2014.11.07
[jQuery] jQuery Autotab: Auto-tabbing and filtering for forms 2014.11.06

[CSS] Material UI: A Material Design CSS framework

홍반장水_ 2014. 11. 12. 09:22

2014. 11. 12. 09:22

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.

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

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

홍반장水_ 2014. 11. 10. 19:53

2014. 11. 10. 19:53

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

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

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

아래의 타이틀을 예를 들어

#691 로 hash change 하면 타이틀은 #691로 변경된다. <head><title>#691</title></head>

더 좋게 바꾸려면 아래와 같이 화면 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

[Charts] Google Charts - Column Chart

홍반장水_ 2014. 11. 10. 13:34

2014. 11. 10. 13:34

Google Charts - Column Chart

https://google-developers.appspot.com/chart/interactive/docs/gallery/columnchart

Point 커스터마이징 : https://developers.google.com/chart/interactive/docs/points#fullhtml

- 우축 인덱스 영역은 legend

- 그래프 기준값을 0부터 보여주고 싶으면 minValue 를 이용하면 된다.

-------------------------------------------------------------------------------------

HTML

JAVASCRIPT

//-- google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Year', 'Sales', 'Expenses'], ['2004', 1000, 400], ['2005', 1170, 460], ['2006', 660, 1120], ['2007', 1030, 540] ]); var options = { title: 'Company Performance', hAxis: {title: 'Year', titleTextStyle: {color: 'red'}} }; var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); chart.draw(data, options); } //--

* 가로나 세로 인덱스에서 0 값으로 시작하고 싶으면 아래와 같이 지정. (minValue)

//-- function drawVisualization() { // Create and populate the data table. var data = google.visualization.arrayToDataTable([ ['Year', 'Austria', 'Belgium', 'Czech Republic', 'Finland', 'France', 'Germany'], ['2003', 0, 0, 0, 0, 0, 0], ['2004', 0, 0, 0, 0, 0, 0], ['2005', 0, 0, 0, 0, 0, 0], ['2006', 0, 0, 0, 0, 0, 0], ['2007', 0, 0, 0, 0, 0, 0], ['2008', 0, 0, 0, 0, 0, 0] ]); // Create and draw the visualization. new google.visualization.ColumnChart(document.getElementById('visualization')). draw(data, {title:"Yearly Coffee Consumption by Country", width:600, height:400, hAxis: {title: "Year"}, vAxis:{minValue:0, viewWindow: {min : 0 ;}} } ); } //--

//-- 라인그래프의 옵션 변경 예시 var options = { title: ' ' , curveType: 'function' , colors :['red' ] , legend: { position: 'none' } , vAxism:{ minValue:"-1.5" } //, dataOpacity:{opacity: 1,color: 'blue' } //, crosshair: { focused: { color: '#3bc', opacity: 0.8 } } , pointSize: 15 , pointShape: 'circle' //, series: { 0: { pointShape: 'circle', color : "blue" } } }; //--

화면 사이즈 변경시 화면에 맞게 Redraw

Visualization: Column Chart

저작자표시

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

[HTML] Stitches: HTML5 sprite sheet maker (0)	2014.11.17
[HTML5] hash tag 사용시 IE에서 title이 왜곡되는 현상 (0)	2014.11.10
[javascript] javascript 문구 테스트 - SyntaxHighlighter를 이용 (0)	2014.11.04
[javascript] Walkway.js: Easily animate SVG elements (0)	2014.11.03
[javascript] AngularJS 기초 교육 동영상 (0)	2014.10.31

[Python] Python Tools for visual studio

홍반장水_ 2014. 11. 10. 10:22

2014. 11. 10. 10:22

Python Tools for visual studio

PTVS 파이썬 IDE로 비주얼 스튜디오를 켤 수있는 무료 오픈 소스 플러그인입니다.

PTVS 지원 CPython과, 윈도우, 리눅스 및 맥 OS에 대한 클라이언트 라이브러리와 IronPython을, 편집, 검색, 인텔리, 혼합 파이썬 / C ++ 디버깅, 원격 리눅스 / 맥 OS 디버깅, 프로파일 링, IPython, 장고, 클라우드 컴퓨팅.

PTVS is a free, open source plugin that turns Visual Studio into a Python IDE.

PTVS supports CPython, IronPython, editing, browsing, Intellisense, mixed Python/C++ debugging, remote linux/MacOS debugging, profiling, IPython, Django, and cloud computing with client libraries for Windows, Linux and MacOS.

URL : http://pytools.codeplex.com/

저작자표시

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

하이브리드 앱 구현하기 (0)	2015.06.03
[jSon -PHP] Stairtower: Database server for JSON documents (0)	2014.11.18
[Android] Android Query - AQuery (0)	2014.10.27
사물인터넷 관련 기술 - homekit, healthkit, swift (0)	2014.08.21
애플 새 언어 스위프트 Swift - https://developer.apple.com/swift/ (0)	2014.08.21

[jQuery] typeof 어떻게 사용하나? 자주 쓰는데.

홍반장水_ 2014. 11. 7. 15:27

2014. 11. 7. 15:27

[jQuery] typeof 어떻게 사용하나? 자주 쓰는데.

undefined 때문에 엄청 귀찮을때 많다.

// Numbers

if( typeof nom_val === "undefined" || nom_val == "" ){
    alert("값이 선택되지 않았다고!!! ");
    return;
}

typeof 37 === 'number';
typeof 3.14 === 'number';
typeof Math.LN2 === 'number';
typeof Infinity === 'number';
typeof NaN === 'number'; // Despite being "Not-A-Number"
typeof Number(1) === 'number'; // but never use this form!

// Strings
typeof "" === 'string';
typeof "bla" === 'string';
typeof (typeof 1) === 'string'; // typeof always return a string
typeof String("abc") === 'string'; // but never use this form!

// Booleans
typeof true === 'boolean';
typeof false === 'boolean';
typeof Boolean(true) === 'boolean'; // but never use this form!

// Symbols
typeof Symbol() === 'symbol'
typeof Symbol('foo') === 'symbol'
typeof Symbol.iterator === 'symbol'

// Undefined
typeof undefined === 'undefined';
typeof blabla === 'undefined'; // an undefined variable

// Objects
typeof {a:1} === 'object';

// use Array.isArray or Object.prototype.toString.call
// to differentiate regular objects from arrays
typeof [1, 2, 4] === 'object';

typeof new Date() === 'object';

// The following is confusing. Don't use!
typeof new Boolean(true) === 'object'; 
typeof new Number(1) === 'object'; 
typeof new String("abc") === 'object';

// Functions
typeof function(){} === 'function';
typeof Math.sin === 'function';

저작자표시

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

[jQuery] jQuery 자동완성 기능 - jQuery-UI (0)	2014.12.10
[jQuery] random UL LI 리스트 랜덤 (0)	2014.11.13
[jQuery] jQuery Autotab: Auto-tabbing and filtering for forms (0)	2014.11.06
[Node.js] The Node Beginner Book (0)	2014.10.30
[jQuery] scroll event - 스크롤 이벤트 scroll start, scrolling, scroll stop (0)	2014.10.24

[jQuery] jQuery Autotab: Auto-tabbing and filtering for forms

홍반장水_ 2014. 11. 6. 10:00

2014. 11. 6. 10:00

jQuery Autotab: Auto-tabbing and filtering for forms

jQuery Autotab is a plugin that gives you auto tabbing and filtering of text fields within a form. It greatly improves form usability and helps reduce the amount of bad data submitted.

GitHub: https://github.com/Mathachew/jquery-autotab
Demo Page: http://autotab.mathachew.com/

jQuery Autotab

Autotab is a jQuery plugin that provides auto tabbing and filtering on text fields in a form. Once the maximum number of characters has been reached within a text field, the focus is automatically set to a defined element. Likewise, clearing out the text field's content by pressing backspace eventually places the focus on a previous element.

Why jQuery Autotab?

Auto tabbing behaves logically, in both tabbing forward and tabbing backwards.
Allow your users to easily modify your text in a tab that would otherwise auto tab away.
Reduce the amount of bad data submitted in a form by filtering text fields.
Populate multiple text fields by pasting into one.
Enhance text fields by auto tabbing when a specific character is pressed.
It is small, fast, easy to load and built on the powerful jQuery library.

Demo

Always running the latest and greatest version of Autotab: http://autotab.mathachew.com/

Angular and Knockout demos are also available.

저작자표시

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

[jQuery] random UL LI 리스트 랜덤 (0)	2014.11.13
[jQuery] typeof 어떻게 사용하나? 자주 쓰는데. (0)	2014.11.07
[Node.js] The Node Beginner Book (0)	2014.10.30
[jQuery] scroll event - 스크롤 이벤트 scroll start, scrolling, scroll stop (0)	2014.10.24
[jQuery] NoUiSlider: A tiny range slider (0)	2014.10.20

PREV 이전 1 ···317 318 319 320 321 322 323 ···473 NEXT 다음

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

프로그래밍

[CSS] Material UI: A Material Design CSS framework

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

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

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

[Charts] Google Charts - Column Chart

Visualization: Column Chart

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

[Python] Python Tools for visual studio

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

[jQuery] typeof 어떻게 사용하나? 자주 쓰는데.

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

[jQuery] jQuery Autotab: Auto-tabbing and filtering for forms

Why jQuery Autotab?

Demo

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

+ Recent posts

티스토리툴바