April Breeze is blowing...

CSS3의 border-radius 속성은 코너를 둥글게 해주는 아주 유용한 속성이지만
아직 정식(?)으로 지원하는 브라우저는 없는 것 같고, (있나...-_-)
FF는 -moz-border-radius
Chrome과 Safari는 -webkit-border-radius 라는 속성으로 지원을 하고 있습니다.
역시나... IE는 지원을 안하구요-_-

그런데,
IE에서 이것을 가능하게 해주는 스크립트가 있어서 테스트를 해봤는데 IE6,7,8에서 비교적 잘 작동하네요.
(아래 테스트 페이지의 Quarter Circle은 제대로 안되는것 같음..)

DD_roundies 라는 라이브러리이고,
IE의 VML을 이용해 border-radius 를 구현하게 돼있습니다.
(제작자는 DD_belatedPNG 를 만든 사람이기도 하구요.)



** 테스트 페이지는 아래 링크를 참고했음


ps.
테스트 페이지 제일 아래 Tooltip 에 백그라운드 컬러를 줬더니 IE8 에서는 여백이 생겨버리네요.
DD_roundies 홈페이지에는 IE8은 무지하게 느리다고도 나와있고...


2010/02/09 12:09 2010/02/09 12:09
2010/02/09 12:09
Category dev.

언젠가는 컴백하리...




2010/02/05 23:13 2010/02/05 23:13
2010/02/05 23:13
Category calm
Tag

PHP Framework인 CodeIgniterProfiler는 디버깅에 유용한 아래의 정보를 제공해줍니다

  • URI STRING
  • CLASS/METHOD
  • MEMORY USAGE
  • BENCHMARKS
  • GET DATA
  • POST DATA
  • DATABASE QUERY
단, HTML 페이지의 하단에 표시되는 방식이라서 페이지가 깨질 수 있고,
AJAX 요청인 경우 응답 처리를 정상적으로 하지 못할 수가 있습니다.

그래서 디버깅용으로 많이 사용하는 FirePHP에 출력하도록 Profiler를 수정해봤습니다.


[ 첨부 파일 ]

다운로드

FirePHP.php
http://www.firephp.org/DownloadRelease/FirePHPLibrary-FirePHPCore-0.3.1에서 받을 수 있는
FirePHP.class.php와 동일하며 파일명만 바꿨습니다.

Profiler_for_FirePHP.php
CI의 기본 라이브러리인 Profiler를 FirePHP에 맞게 수정한 파일입니다.


[ 설치 방법 ]

(FirePHP 설치방법은 많이 알려져있는 내용이므로 생략합니다.)

1. 첨부한 두개의 파일을 /application/libraries에 복사합니다.
2. CI 기본 라이브러리인 Output.php_display() 메소드 일부분을 아래와 같이 수정합니다.
  • 256~269번째 줄 주석처리 : if ($this->enable_profiler == TRUE) 블럭 내부
  • 주석처리한 곳에 아래 코드 추가

$CI->load->library('Profiler_for_FirePHP', '', 'profiler');
$CI->profiler->run();

※ CI 기본 라이브러리를 수정하지 않을려면 Hook을 이용해서 _display()를 override하는 방법도 있습니다.
아래 링크의 display_override 를 참고하시기 바랍니다.
http://codeigniter.com/user_guide/general/hooks.html


[ Screenshot ]

각 항목마다 테이블로 구성했으며, 항목명을 클릭하면 내용이 나옵니다.






※ PHP4 에서는 Profiler_for_FirePHP.php 의 14번째줄을 아래와 같이 수정해야합니다.

function Profiler_for_FirePHP()

2010/01/13 19:21 2010/01/13 19:21
2010/01/13 19:21
Category dev.

iPhone
iWebkit
PastryKit
PhoneGap

more..


Javascript
SproutCore
Cappuccino (Objective-J)

more..


HTML
HTML5
Web Socket / Comet

more..


PHP
CodeIgniter
Kohana (v3)

... useful article
Tools of the Trade: Web Development Frameworks that the Pros Use

2010/01/05 22:17 2010/01/05 22:17
2010/01/05 22:17
Category dev.

Web Apps : http://www.apple.com/webapps/
Safari Dev Center : http://developer.apple.com/safari/


아이폰 또는 아이팟 터치의 사파리에서 '홈 화면에 추가(Add to Home Screen)'를 하면 그 사이트 바로가기가 다른 어플들처럼 아이콘으로 생성된다는건 아이폰 유저라면 알고 있을 것이다.

물론 단순한 바로가기 기능인건 맞지만, 웹사이트에 아이콘과 로딩화면을 등록해두고 전체화면 모드로 해놓으면 일반 어플처럼 동작을 한다.
홈 화면에는 등록해둔 아이콘이 나오고, 아이콘을 터치하면 로딩화면이 나오며, 실행이 된 후에는 사파리의 주소창이나 아래쪽의 툴바조차도 나오지 않게 할 수 있는 것이다.

물론 웹기반 어플이기에 일반 어플에 비해 여러가지 제약이나 단점이 있지만
간단한 게임이라던가 블로그나 핸드폰에 쓰는 위젯 정도의 어플은 충분히 만들 수 있다.

또한,
설치(아이콘 생성)후 웹 접속이 필요없는 것들은 오프라인으로 실행하게 할 수도 있으며
이전 포스트에 썼듯이 아이폰의 위치정보도 불러올 수 있어서 다양한 활용이 가능하다.



Web은 이제 더이상 단순한 Site가 아닌 Application이다.


2009/12/16 23:46 2009/12/16 23:46
2009/12/16 23:46
Category dev.
1  ... 3 4 5 6 7 8 9 10 11  ... 25 
전체 (122)
calm (53)
passion (3)
Bicycle (31)
dev. (12)
Mac (4)
music (7)
misc. (12)
Today 651 / Yesterday 507
Total 142078
Support Wikipedia