유부중년 개발자의 우울

/* 막간을 이용해서 CSS 삽질~~ just for fun~~ 나름 삽질한다고 했는데... 해서 만들었는데... 아무도 안쳐다보는 것 같아서... ㅠㅠ 결과 동영상을 짤방으로~~(웅장한 사운드 주의!!!!) */ 웹킷 CSS 애니메이션으로 스타워즈 오프닝 크롤 구현하기 CSS3에는 자바스크립트의 도움없이 애니메이션 효과를 구현할 수 있는 방법이 추가되었다. 대표적인 것인 transition과 animation이다. transition은 간단한 전환 효과를 구현할 때 주로 사용되고, animation은 플래시와 유사한 키프레임 기반 애니메이션을 만들 때 사용된다. 21세기, 머나 먼 은하계 저 멀리... IE6가 세계에서 두번째로 많은 대한민국의에서 HTML5와 CSS3의 멋진 기능들이 그림의 떡일 뿐이..

웹에서 아이폰스러운 Carousel 구현하기 페이지 컨트롤(UIPageControl; Carousel; 일명 회전목마 컨트롤)은 아이폰이나 안드로이드폰을 쓰면 가장 먼저 접하게되는 UI 컨트롤이다. 일명 홈 스크린이라고 불리는 화면에서 가로 또는 세로로 플리킹(flicking)하면 이전/다음 페이지로 이동하는 그 컨트롤이다. 아이폰의 경우에는 화면 하단에 하얗고 까만 작은 동그라미가 있고, 안드로이드는 화면 상단 좌우에(폰에 따라 조금씩다르다) 작은 동그라미가 있어서, 총 몇 페이지 중에서 몇 번째 페이지를 보고 있는 지를 알려준다. 이 글에서 설명하는 방법을 안드로이드용 푸딩얼굴인식 앱을 만들면서 활용했는데, 데모 동영상에서 35초와 1분 10초 근처에 나오는 화면이 이 컨트롤을 활용한 것이다. 백문이..

출처: http://ajaxian.com/archives/css-evolution (트랙백 하고 싶지만, 영어 블로그에 한글 트랙백 달아서 어쩌겠는가... 아직 web2가 넘어할 벽이 많다.) 아무튼 semantic과 presentation의 분리와 재결합(?)을 통한 방탄웹의 오묘함을 느껴보시라~ 결론은.... CSS고 나발이고, 저 상단의 배경에 쓰인 멋진 그림을 골라낼 수 있는 센스~ 적절한 글꼴과 글자 색과 배경 색을 선택할 수 있는 센스~ 그게 필요하다는 거 Orz

말하자면 보통 데스크탑의 listview 위젯처럼 동작하길 원하는 건데... 짧은 글로 쓰려니 어렵다. -.-; col1col2col3data1data2data3data1data2data3data1data2data3data1data2data3data1data2data3data1data2data3data1data2data3data1data2data3 핵심은 이건데... 흠.. 크기를 고정시키지 않고는 어떻게 안될꺼나... 거기다 IE는...-.-; 암튼 삽질 중.

IE는 스크롤할 필요가 없어도 수직 스크롤바는 disable된 상태로 표시된다. 이걸 없애려면: 해주시면 되겠다. 부작용은... 스크롤할 내용이 있어도 스크롤바가 안나온다는 거다. -.-; 이걸 어따 써먹냐고? (새로 바뀐 야후 메일처럼) 화면 크기에 딱 맞게 디자인된 어플리케이션이나, iframe을 사용해서 두 개의 스크롤바가 밉상인 경우엔 나름대로 유용하더라.