Mozilla WebDev 블로그에 “From 80 Seconds to 60 : Optimizing Our Asset Compression” 으로 JavaScript, CSS, 이미지 최소화 처리 시간을 80초~160초가 걸리던 것을 6초로 단축시키는 기술이 공개되었습니다. 실용적인 자료로 참고할 필요가 있습니다. 현재 “Add-ons for Filefox”는 CDN 을 활용하여 리소스를 제공하고 있지만 이렇게 되기 전에 캐시 효과를 극대화하기 위해 JavaScript, CSS, 이미지 요소를 미리 최소화 [...]
Archive for the ‘Technical Reports’ Category
JavaScript 를 위한 코드 커버리지 측정도구 “ScriptCover”
Posted by Rhio.kim on October 28th, 2011
미국 Google 은 10월 26일 자바스크립트 코드 커버리지 분석을 할 수 있는 Google Chrome 확장 기능인 “ScriptCover” 를 오픈 소스로 공개했습니다. Google Code 프로젝트 페이지에서 소스 코드를 얻을 수 있습니다. ScriptCover 는 웹 페이지에서 사용되는 자바스크립트에 대한 코드 커버리지를 측정하는 도구입니다. 웹 페이지에 특별한 작업을 하지 않고 실시간으로 검사해서 데이터를 표시할 수 있습니다. 사용자의 조작에 [...]
Toby님이 번역하신 CSS3 Background 슬라이드
Posted by Outsider on May 31st, 2011
Max Design의 Russ Weakley가 CSS3에 대해서 연재하고 있는 슬라이드를 Toby님이 Russ Weakley의 허가를 정식으로 받아서 번역을 해서 올려주시기 시작하셨습니다. 이번에 번역된 슬라이드는 CSS3 Background에 대한 내용으로 슬라이드형태로 구성이 되어 있어서 직관적으로 이해하기 좋게 되어 있으며 처음부터 한글자료인것 처럼 깔끔하게 만들어졌습니다. Russ Weakley의 다른 슬라이드도 계속해서 번역해서 올리는 작업을 하실 예정이시랍니다. [원문 보기] [CSS3 Background [...]
정찬명님의 HTML5 & Responsive Web Design.
Posted by Outsider on May 31st, 2011
NARADESIGN 블로그를 운영하시는 정찬명님이 자신의 블로그의 마크업을 HTML5 및 반응형 웹 디자인(Responsive Web Design)으로 수정을 하면서 그 적용한 내용을 정리한 포스팅을 올리셨습니다. 이 글에는 HTML5를 적용하기 위한 기본적인 부분부터 사용한 HTML5 태그와 input type들에 대해서 설명해 주고 있으며 Responsive Web Design을 적용하기 위해서 CSS3 Media Query를 어떻게 적용하는지 설명되어 있습니다. 실제 적용한 부분들을 기준으로 [...]
자바스크립트. 그 다음
Posted by Rhio.kim on May 8th, 2011
구글과 자바스크립트 차세대 자바스크립트라는 글을 쓰기에 앞서 구글에 대해서 간략히 정리가 필요하다. 구글은 ECMA-262 4th 스펙 표준화에 참여하였다. 뿐만아니라 많은 브라우저 벤더에서 참가하였다. 이때의 프로젝트 명은 Harmony! 브라우저 벤더들이 대부분이였고 Adobe 가 참여하였었다. 많은 이야기가 메일링으로 오갔으며 스펙의 분량은 점점 넓어지고 결국 실패로 돌아가게 되었습니다. 하지만 어느 정도의 뼈대가 갖춰졌었는지 Adobe 는 최종 권고가 나지 [...]
Cappuccino 프레임워크 시작하기(2)
Posted by FRENDS on April 11th, 2011
카푸치노 웹개발환경 구축하기 웹 클라이언트 개발환경. 즉 브라우저 기반 어플리케이션을 개발하는것은 데스크탑 OS 혹은 서버측 코드를 개발하는 환경과는 뚜렷한 차이가 있습니다. Cappuccino 는 이러한 차이를 줄여나가기 위해 디자인되어 있습니다. Cappuccino 시작하기 이번에는 잘알려진 좋은 도구들에 대해 이야기 해보겠습니다. 브라우저 브라우저선택은 개발사이클에서 가장 중요한 부분입니다. Cocoa 앱이 Mac OSX 를 플랫폼으로 구동되듯이, Cappuccino 앱은 브라우저를 플랫폼으로 [...]
Posted in Cappuccino, Research, Technical Reports 
Tags: atlas, cappuccino, chrome, coda, firefox, framework, ie, javascript, objective-j, safari, subethaedit, tool, vim, xcode, 카푸치노 
3 Comments »Cappuccino 프레임워크 시작하기(1)
Posted by boxersb on April 7th, 2011
카푸치노는 어떠한 OS 나 Browser 상에서라도 개발할 수 있습니다. 여러분에게 가장 편리한 에디터를 사용해서 개발하실 수 있습니다. 그러나, Max OSX 혹은 Ubuntu 와 같은 리눅스계열 OS에 설치하면, 좀 더 다양한 툴을 제공해 줍니다. Cappuccino 프레임워크를 시작하기 위한 준비로, 설치방법 및 디버깅툴, 개발툴 등을 알아보겠습니다. Mac OSX 에 설치하기 Cappuccino 는 Mac OSX 와 [...]
Posted in Cappuccino, Research, Technical Reports Tags: cappuccino, framework, javascript, objective-j, objj, Starter 2 Comments »Cappuccino 프레임워크 소개
Posted by boxersb on March 7th, 2011
Cappuccino is an open source framework that makes it easy to build desktop-caliber applications that run in a web browser. 카푸치노는 무엇인가? Cappuccino 는 280north 사에서 개발한 웹 어플리케이션 프레임워크로써 테스크탑 스타일의 Look & Feel 을 가진 소프트웨어를 개발하기 위한 오픈소스 프로젝트 입니다. Cappuccino 를 사용하여 개발하게 되면, 개발자는 HTML, CSS, [...]
Posted in Cappuccino, Research, Technical Reports, Uncategorized Tags: 280north, 280slide, almost.at, application, cappuccino, desktop, enstore, framework, frends, github, javascript, mockingbird, objective-j, tiletable No Comments »Webfont 사용하기
Posted by kyungw00k on February 7th, 2011
최근, 웹폰트를 사용해보고 싶어서 안달이 난 나머지 폰트를 분해해 재조립 해보기도 하고, 어느정도 사이즈가 줄어들때로 줄어드니깐 이제 Cross-browsing에 안달이나 @font-face로 별짓 다 해봤다. (이 글도 자세히 쓰려다가 중간에 날라가서 다시 쓰는 삽질도 하고 있다. T_T) 그래서 얻은 결론은? 해볼만하다 였다. @font-face 지원 브라우저 및 지원 포멧 Browser Version Font Type Internet Explorer 6,7,8 EOT 9 [...]
RingoJS 시작하기
Posted by kyungw00k on January 11th, 2011
Introduction NodeJS와 유사한 프로젝트로, RingoJS라는걸 소개하고자 한다. 이 역시 CommonJS 구현체이고, 구현된 스팩은 아래와 같다. Modules 1.1 JSGI 0.3 Binary/B I/O A Filesystem/A (minus globbing) Filesystem/A/0 System 1.0 Unit Testing 1.0 RingoJS는 NodeJS와 달리 JVM위에서 동작하는 프로젝트이므로, 기존에 Java로 작성된 모듈을 재활용할 수 있고, 라이브러리 또한 재활용 할 수 있다. 필요한 부분만 Wrapper를 만들어서 쓰면 [...]
