웹페이지 툴팁에 대한 Tip
2011.03.24 by Werbershinta
편하고 쓰기 쉬운 발사믹 목업(Balsamiq Mockup Overview)
2010.06.29 by Werbershinta
구글의 웹브라우져 "크롬"
2010.02.03 by Werbershinta
일반 텍스트에 그림자 효과 주기
2010.02.01 by Werbershinta
IIS에서 MINE값 리스트
2010.01.29 by Werbershinta
메타테그 속성정리
2010.01.28 by Werbershinta
말풍선 또는 툴팁(tooltip)은 공통 그래픽 사용자 인터페이스 요소이다. 마우스 포인터라 불리는 커서와 함께 동작한다. 사용자가 커서에 항목을 클릭하지 않고 가리키면 조그마한 상자가 항목 위에 나타나서 보충 설명을 보여 준다 다른말로는 "풍선도움말" 웹페이지에서의 툴팁은 주로 링크가 되어있는 텍스트나 이미지위에 마우스가 위치할때 링크되어있는 페이지에 대한 정보를 제공해주는 것이 대부분 이다. 툴팁에는 수없이 많은 형태가 있습니다. 일반 태그를 이용하는 간단한 방법에서 부터 dhtml과 css, 자바 스크립트를 이용한 다양한 방법이 있습니다. 우선 쉬운거 부터 1.이미지에 설명글 달기. 이미지에 설명글을 넣을때는 alt를 사용 2.링크에 설명글 달기. 이미지에 설명글을 넣을때는 title을 사용 tit..
Web 2011. 3. 24. 10:36
기획과 디자인 코딩업무를 하면서 항상 느끼는거지만 기획문서가 없이 후다닥 작업하는 경우가 허다한거 같아 그나마 PPT로 만들고 상세 설명은 개발자들이 모여서 끄적끄적 낙서나 하면서 회의를 하면서 진행하는수 밖에... 뭐 종종 종이에 끄적이면서 작업을 하고 설명을 하지만 우연히 검색을 하다가 발사믹 목업(Balsamiq Mockup Overview) 프로그램을 찾게 되었다~ Adobe의 RIA 기술 중 하나인 Air를 바탕으로 만들어진 프로그램으로 RIA의 기술과 오랜 스토리보드 작업을 통한 내용이 잘 나타나 있다. 테스크탑 버전은 5일정도 프리로 사용할수 있다. 라이센스 비용은 Desktop ($79) 한화로는 약 10만원도 정도 되려나... Export기능에 PDF,PNG,XML 포멧으로 변환할수 있어..
Web 2010. 6. 29. 14:44
왜 이녀석을 이제야 설치해서 사용해 보는걸까 하는 아쉬움이 남는다. 설치 한지 1시간이 지냈다. 익스프롤러,파이어폭스,사파리 그외에 스마트폰을 이용해서 웹서핑, 오페라 모바일, 익스플로러 모바일이 전부다. 오늘 서핑을 하다 문득 크롬을 설치 해서 사용해 볼까 라는 생각이 들게 되었다. 그래서 과감하게 구글에서 크롬을 다운 받아서 설치 하였다. 우선 체감 속도는 매우 만족 인터페이스도 넓어보여서 아주 마음에 들었다. 이제 좀더 빠른 웹서핑을 할수 있게 된거 같아 좋군. 그럼 크로싱 브라우져가 가능한 코딩을 할수 있도록 해야겠다. 1. 웹표준에 따른 코딩을 해야 함. 2. HTML5 기술을 얼른 습득 해서 적용. 내 블로그를 찾아오신 분들 아래에 크롬 설치 파일을 올려 드립니다. 일단 한번 설치해보세요~
Web 2010. 2. 3. 15:48
텍스트에 그림자 효과를 줄려면 필터를 사용하시면 됩니다. 그림자주기 color : 색상 offx,offy : 그림좌의 x,y좌표. x가 가로위치 y가 세로위치 positive : 0이면 투명, 1이면 불투명 dropShadow 필터는 DIV, MARQUEE, SPAN, TABLE, TD, TH 테그에만 적용됩니다 예시입니다.
Web 2010. 2. 1. 21:14
본인이 일하는 회사는 개별적으로 서버를 구축해서 IDC센터에 서버를 상주 해 놓고 있다. 금번 작업간에 SVN을 이용해 FLV를 재생하는 부분이 있었다. 분명Localshost에서는 정상적으로 재생된 영상이 서버에 올라가면 않나오는 현상이 발생 하였고, 이를 수상히 여긴 본인은 Flash에서 경로를 잘 못 설정해두었나 하는 의심을 하며 소스를 디버깅 해 보았지만 특별한 원인을 찾을수 없었다. 그리하여 서버를 확인해본 결과 IIS에서 MINE 값이 들어가 있지 않을것을 확인 하고 IIS에 MANE값을 추가 하면서 다른 MANE값들이 어떤것들이 있는지 정리 해보았다. 확장명 MIME형식 .3 23 text/h323 .aaf application/octet-stream .aca application/octet..
Web 2010. 1. 29. 20:40
메타태그 속성 정리 메타태그는 문서를 요약이기 때문에 중요하다고 할수 있다 검색엔진 마케팅을 생각하신다면 가장 먼저 선행되어야 할 부분이 아닐까 라는 생각을 해본다. 메타태그란? 하이퍼텍스트 생성 언어 HTML 문서의 맨 위쪽에 위치하는 태크 HEAD 태그 사이 또는 뒤에 있어도 되지만 반드시 BODY 태그 앞쪽에 위치해야 한다 브라우저와 검색 엔진을 사용할 수 있도록 문서의 정보를 포함하고 있다 (네이버 백과사전 참조) 메타태그 속성 정리 :캐쉬 완료(파기)시간 정의 :최종수정일 :캐쉬가 되지 않게 하는 태그 :웹문서의 언어를 설정 :그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않음 :페이지이동 :페이지 로딩시 트랜지션 효과(장면 전환 효과) : 이 문서도 긁어가고 링크된 문서도 긁어감. : 이 ..
Web 2010. 1. 28. 15:47
