반응형

 

HTML 사전 : http://opentutorials.org/module/486

CSS 사전 : http://opentutorials.org/module/441

 

반응형
반응형

angular.js

 

HTML enhanced for web apps!

 

jquery보다 훨씬 동적이면서 구문에 자유로운 구현이 가능하다.

확장성이 높아서 웹앱을 제작하는데 있어서 동적구현이 가능하다.

 

 

AngularJS 시작하세요.
http://angularjs.org


github : https://github.com/angular/angular.js

Tutorial : http://docs.angularjs.org/tutorial/

Download : http://code.angularjs.org/

Video : http://www.youtube.com/user/angularjs

 

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding. To help you structure your application better and make it easy to test, AngularJS teaches the browser how to do dependency injection and inversion of control. Oh yeah and it also helps with server-side communication, taming async callbacks with promises and deferreds; and make client-side navigation and deeplinking with hashbang urls or HTML5 pushState a piece of cake. The best of all: it makes development fun!

 

 

 

반응형
반응형

백슬래쉬(Backslash) 문자란, "Reverse Solidus" 라고 불리기도 합니다. 좌측으로 기울어진 빗금입니다. 참고로 그냥 "슬래쉬(Slash)"는 / 이렇게 우측으로 기울어진 작대기입니다.

한글 윈도우에서는 백슬래시(\)가 원화(₩)기호로 나타납니다. 일본어판 윈도우에는 엔화(¥)기호로 나옵니다.

한글 폰트 자체가 그렇게 되어 있기에 그렇게 나오는 것인데,

다음의 방법을 사용하면, 한글 윈도우에서 백슬래시를 어느 정도 표현할 수 있습니다.


원화를 백슬래쉬로: 영문폰트 사용하여


한글 글꼴이 아닌 영문 폰트를 사용하는 것입니다. 영문 전용 폰트에는 원화 기호가 없기에 오리지날 백슬래시가 잘 나옵니다. 웹문서라면 다음과 같은 태그를 사용하여 폰트를 지정하면 됩니다:

HTML 코드

한글 폰트: 굴림
<span style="font-family:Gulim">C:\Program Files\Common Files\Adobe</span>

<br /><br />

영문 폰트: Arial
<span style="font-family:Arial">C:\Program Files\Common Files\Microsoft Shared</span>





HTML 출력 결과:

한글 폰트: 굴림
C:\Program Files\Common Files\Adobe

영문 폰트: Arial
C:\Program Files\Common Files\Microsoft Shared


패스 문자열 속의 백슬래쉬들이 깨끗하게 표현되었습니다.



원화를 백슬래시로: 전각문자 사용하여


전각문자로 된 백슬래시를 사용하는 것입니다. (▶▶ 컴퓨터용어] 반각 문자 / 전각 문자;(半角/全角)의 의미, 차이점- Half-Width / Full-Width Character 참고)

"\" <- 바로 이것이 백슬래쉬의 전각문자 버전입니다. 이것은 한글 폰트 속에 들어 있기에 한글 윈도우에도 잘 나옵니다.

위의 전각문자를 카피하여 문서에 붙여넣고 사용하시면 됩니다.

단, 전각문자 백슬래쉬는, 진짜 백슬래시 즉 반각문자 백슬래쉬와는 코드 번호가 다릅니다. 모양은 같지만, 컴퓨터는 전각 백슬래쉬를 백슬래쉬로 인식하지 못하는 경우가 대부분입니다. 따라서 "\" 이것을 워드프로세서 문서 속에서 사용한다든지 하는 것은 괜찮지만, 프로그래밍 등에서 진짜 백슬래쉬 대신으로 사용하면 안됩니다.

반응형
반응형

Building a “Coming Soon” Page With HTML and LESS

Building a “Coming Soon” Page With HTML and LESS

HTML Markup

We’ll begin by firing up Espresso (though you can obviously use whichever code editor you prefer) and setting out some markup.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!


LESS Styling

Now let’s see about slicing up our PSD and styling the markup we’ve laid out. As already mentioned, we’ll speed up the whole process by using LESS with LiveReload.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!


반응형
반응형

Web Worker는 현재 페이지에 영향을 주지 않고, 백그라운드로 자바스크립트를 실행한다.

http://www.w3schools.com/html5/html5_webworkers.asp


HTML - Living Standard  : Run JavaScript in the background, in parallel with the main window
http://www.whatwg.org/specs/web-apps/current-work/multipage/workers.html




반응형
반응형

텍스트 입력창에서 자동고침/자동완성/자동대문자 기능 OFF

Turn off autocorrect, autocomplete, and autocapitalize

 
  1. <input autocorrect="off" autocomplete="off" autocapitalize="off"> 


참고 : http://davidbcalhoun.com/2010/using-mobile-specific-html-css-javascript

반응형

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

HTML5 offilne cache  (0) 2012.04.27
Ajax 에서 Cache가 나를 괴롭힐때~  (0) 2012.04.18
브라우저의 User-Agent를 바로 확인하고 싶다면~  (0) 2012.03.26
자바스크립트 차트  (0) 2012.03.05
Comet 이란  (0) 2012.03.02

+ Recent posts