검색결과 리스트
Dev/windows에 해당되는 글 8건
- 2010/06/04 펌) 모바일 웹사이트 구축시 주의할점
- 2010/06/04 크롬에서 우클릭 해제 하는 법 (6)
- 2010/06/04 지금 당신의 인터넷 브라우져는 무엇인가요?
- 2010/04/05 시스템 모니터링 가젯들..
- 2010/02/23 개발자, 디자이너, 블로그 운영자에게 유용한 온라인 리소스 75선
글
Dev/windows 2010/06/04 16:10펌) 모바일 웹사이트 구축시 주의할점
아이폰 웹페이지 이것만 알아도 유용하다.
<head></head>사이에 아래의 한줄을 집어넣어보자.
위의 한줄을 집어넣음으로써 아이폰의 해상도에 적절하게 화면이 표시될 것이다.
간단한 내용이지만 한부분씩 살펴보겠다.
width=device-width;
이부분은 영문 그대로 웹페이지의 너비를 기기의 너비대로 보여주라는 얘기다.
아이폰은 320 x 480의 해상도를 갖고 있으므로 320px에 맞춰주는 역할을 한다.
initial-scale=1.0;
초기화면 로딩시 몇배로 보이게 할 것인가를 지정해주는 부분이다.
당연한 얘기지만 1.0으로 지정하면 1배로 보이게 된다.
maximum-scale=1.0; 1배 까지 확대가능. 즉, 확대 불가를 의미한다.
아이폰은 멀티터치를 이용해서 화면을 맘대로 키우거나 줄일 수 있다.
그러나 때로는 웹사이트가 멀티터치로 화면크기 조절이 안되는걸 볼 수 있는데
이는 바로 이 옵션이 1로 적용되었기 때문이다.
maximum-scale=10.0; 이렇게 지정하면 10배까지 확대가 가능해진다.
user-scalable=0; 이부분은 멀티터치를 확용한 확대를 허용할 것인가의 여부를
결정하는 부분이다. 위에서 maximum-scale의 숫자를 키우면 해당 숫자 배수까지
화면이 커질 수 있다고 설명했지만 user-scalable가 0으로 되어있으면 작동하지 않는다.
반대로 user-scalable가 1이 적용되어 확대조절을 허용하더라도
maximum-scale이 1.0으로 되어있으면 화면 확대가 안된다.
아래에 예제 하나를 제시한다.
위의 예제의 설정은 웹페이지를
1) 아이폰 화면에 맞추며,
2) 처음 크기는 1배로,
3) 그러나 10배까지 키울 수 있다.
아이폰을 위한 웹페이지의 가장 기초적인 부분이지만, 응용해서 좋은 웹사이트를 제작하시길 바랍니다.
트랙백
댓글
글
Dev/windows 2010/06/04 13:11크롬에서 우클릭 해제 하는 법
chrome_plugin_Setup(fixed).exe
우클릭해제.txt
트랙백
댓글
글
Dev/windows 2010/06/04 11:59지금 당신의 인터넷 브라우져는 무엇인가요?
인터넷을 하다보면 갑갑한 M$의 익스플러어에 실망을 많이 한 사용자들이 많을것이다.
트랙백
댓글
글
Dev/windows 2010/04/05 09:31시스템 모니터링 가젯들..
cpu, hdd, temp, 등등 여러가지 가젯을 이용할 수 있다.
최근 듀얼 모니터를 사용하면서 가젯을 설치했고 정말 편리한기능이다.
근데.. 왜이리 메모리 부하율이 큰걸까.. ㅠㅠ 2G 메모리가 항상 반이상 차 있다는.. ㅠㅠ
놋북을 업글해야 할련지.. 쩝
트랙백
댓글
글
Dev/windows 2010/02/23 08:52개발자, 디자이너, 블로그 운영자에게 유용한 온라인 리소스 75선
유용한 서비스와 툴 위주로 잘 정리된 리스트가 She’s Geeky에 올라와 있어 한번 옮겨봤습니다. 굳이 개발자나 디자이너가 아니더라도 알아두면 요긴하게 활용할서비스들이 꽤 많이 보이네요.. ^^;
코딩
1. PHP Anywhere
php/html 프로젝트를 친숙한 데스크탑 IDE와 같은 환경에서 개발, 관리. 구문 하이라이트, FTP 탐색기, 무제한
Undo/Redo 지원.
2. HTML Form Builder
(pForm)
Create HTML forms in seconds.
3. Bespin – Code in the
Cloud
Mozilla Labs의 실험 프로젝트로 HTML 5 기술에 기반한 확장 방식의 웹 코드 에디터
4. CSS Typeset
심플한 CSS 코드 제너레이터
5.
AskApche’s Compress CSS
URL 지정 / 파일 업로드 / 원본 CSS 입력 방식으로 CSS 코드
압축
6. The JavaScript Code Quality
Tool
자바스크립트 소스의 문제점 검출
7. JavaScript
Lint
자바스크립트 소스의 문제점 검출. 오프라인 버전도 제공.
8. YUI
Compressor
CSS와 자바스크립트 파일의 높은 압축률을 자랑하는 오프라인 툴
9. JavaScript
Compressor and Comparison Utility
gzip 여부에 상관 없이 JSMin, Dojo shrinksafe, Packer, YUI Compressor의 성능 비교
10. Lottery
Post’s Online CSS Compressor
CSS 코드를 자체 압축 툴을 이용해 최소 사이즈로
경량화
11. Lottery
Post’s Online JavaScript Compressor
자바스크립트 코드를 최소 사이즈로 경량화.
마이크로소프트 Ajax Minifier 또는 YUI Compressor 사용.
- 자바스크립트 최적화 – 자바스크립트를 고성능의 가벼운 코드로 컴파일
- 자바스크립트 종합 라이브러리 – 포괄적이며 많은 테스트 수행, 모듈 기반, 크로스 브라우저 지원
- 템플릿 – 서버와 클라이언트에서 다이내믹하게 생성하는 HTML로 작업 간편화
13. Online code
beautifier
PHP, Java, C++, C, Perl, JavaScript, CSS 소스 코드
포매터.
14. .htaccess
Editor
온라인에서 간편하게 .htaccess 파일 생성
15. Favicon
Generator
정사각형 형태의 이미지에서 파비콘 생성
16.
XML의 글자 엔티티
XML에서 제공하는 엔티티 목록. 원문은 List
of XML and HTML character entity reference
17.
ASCII Table
아스키 문자의 십진수, 팔진수, 16진수 테이블
18. HTML
Color Names
140여종의 HTML 칼라 차트. 헥스 코드와 매치되는 칼라 제공.
디코드 유틸리티
19. Base64
Online
Base64 인코더/디코더
20. Online string
encoder/decoder – Base64, URL, XML
온라인 스트링 인코더/디코더 (Base64,
XML, URL, ECMAScript, Character set)
21. Unix Time
Decoding
유닉스 타임스탬프 컨버터
테스트
22. Browser Sandbox – Run
any browser from the web
IE, 파이어폭스, 크롬, 사파리, 오페라 브라우저의 다양한 버전을
이용한 웹사이트 테스트
23. MFC MAPI
마이크로소프트 아웃룩의 MAPI 기반 스토어 접근을 제공하는 GUI
24.
Notes Peek
로터스 노트 데이터베이스 접근을 제공하는 GUI
25. Adobe
BrowserLab
Adobe 제공 크로스 브라우저 테스트. 드림위버 CS4와 연동.
26. Browsershots
웹사이트 스크린샷을 찍어 다양한 운영체제와 브라우저 버전에서 보여주는 온라인 서비스
27. Blind Text
Generator
나중에 진짜 텍스트를 채우기 위해 일회성으로 사용하는 가짜 텍스트 제너레이터.
28. Lipsum Generator
다양한 길이의 Lorem Ipsum 텍스트 제너레이터
29. HTML Ipsum
Lorem Ipsum 텍스트를 패러그래프, 폼, 리스트 등 다양한 형식의 HTML 포맷으로 제공
30. Load Impact
웹사이트 로드 & 스트레스 테스트 서비스. 무료 계정은 최대 5번의 결과까지 저장.
31. Pingdom Full Page
Test
웹사이트 속도 테스트. HTML, 이미지, CSS, 자바스크립트, RSS, 플래시 등 모든 오브젝트를
포함해 어느 부분에서 정체가 있는지 파악 가능.
데이터 세트
32.
Internet World Stats
전세계 인터넷 통계
33. GeoLite
Country
웹사이트 방문자의 지역별 정보를 상세히 제공하는 MaxMind의 GeoIP Country
데이터베이스 무료 버전 (매달 업데이트 & 정확도 99.5%)
34. GeoLite
City
도시 별 IP와 지리 정보 등 MaxMind의 GeoIP City 데이터베이스 무료 버전. (매달
업데이트 & 정확도 79%)
파이어폭스 확장기능
35. Firebug
파이어폭스 #1 웹 개발 확장기능
36. Yahoo!
YSlow
웹페이지 분석 & 몇 가지 룰에 따른 성능 향상 방법 제안
37. Greasemonkey
웹페이지 스타일과 기능을 유저 스크립트를 통해 마음껏 바꿀 수 있는 파이어폭스 확장기능
38. Update
Scanner
웹페이지 업데이트를 모니터링 하는 파이어폭스 확장기능. RSS 피드를 제공하지 않는 웹사이트에
유용함.
39. FireFTP
파이어폭스 전용의 빠르고 안전한 크로스 플랫폼 FTP 클라이언트
이미지 툴
40. Photoshop
Online
Adobe Photoshop의 온라인 버전. 간단한 사진 정리와 편집, 꾸미기 & 공유 가능
41. Gimp
포토샵에 버금가는
오픈소스 이미지 에디터
42. Inkscape
일러스트레이터를 대체하는 오픈소스 벡터 에디터
43. PicNik
간단한 이미지
보정과 이펙트, 폰트, 쉐이프, 프레임 등의 추가가 가능한 온라인 이미지 에디터
44. SplashUp
동시 편집과
픽셀 레벨 컨트롤, 레이어 등을 지원하는 온라인 이미지 에디터
45. Pic Markr
이미지에
나만의 워터마크 삽입
46. Closr.it
대용량 이미지
간편하게 공유. 줌인 가능한 위젯 제공.
47. Color Scheme
Designer
손쉽게 색상 팔레트를 만들고 목업 사이트를 통한 미리 보기 제공
48. Colour Lovers
디자이너와 아티스트를 위한 칼라 전문 커뮤니티.색상과 관련된 영감, 아이디어와 진행하는 프로젝트의 피드백 등을 얻을 수 있음.
49. Icon Finder
아이콘 검색엔진 (12만개의 아이콘과 340개의 아이콘 세트 탐색 가능)
50. Shrink
O’Matic
Adobe AIR 기반의 간편한 이미지 확대/축소 & 포맷 변환 프로그램
51. Ajax Loading GIF
Generator
나만의 ‘로딩’ GIF 이미지 만들기
52. Super
Screenshot
웹페이지 전체 화면 스크린샷 캡쳐
53. ASCII Art
아스키 아트 제너레이터
보안 툴
54. Cain & Abel
v4.9.35
강력한 윈도우 패스워드 복구 툴
55. The Password
Meter
패스워드의 보안 정도를 측정. 오프라인 버전 별도 제공.
56.
Microsoft’s Password Checker
마이크로소프트에서 제공하는 간단한 패스워드 보안 레벨 측정
툴
57. Javascript
Password Strength Meter
패스워드 보안 레벨 측정 & 평가
컨버터
58. PX to EM
픽셀
<-> EM 변환
59. Binary
to Base 64
(X)HTML, CSS, XML에서 임베드 이미지의 데이터 스트림 만들기
60. Text to Voice
텍스트를
입력하면 남성/여성 목소리의 MP3 파일로 제공. 영어, 스페인어, 이탈리아어, 힌디어, 포르투갈어, 카탈로니아어 지원
61. Free PDF
online conversion
다양한 포맷의 파일(DOC, PUB, RTF, XLS, PPT, HTML,
JPG, PNG, BMP, TIFF, WMF, EMF, GIF..)을 PDF로 변환
62. Web 2 PDF
웹페이지를 PDF로 변환
63. Text to
Hex converter
이름을 헥스 코드로 변환
W3C 유효성 검사
64. W3C Link
Checker
웹페이지 또는 전체 웹사이트의 링크 체크
65. W3C Feed Validation
Service
Atom 또는 RSS 피드의 구문 체크
66. W3C mobileOK
checker
웹사이트의 모바일 기기를 위한 준비성 체크
67. W3C Markup Validation
Service
웹 문서의 마크업 체크
68. W3C CSS Validation
Service
CSS와 (X)HTML 문서의 스타일 시트 체크
사이트 운영자를 위한 리소스
69. FTC
Guidelines for Bloggers
상품 홍보와 추천 등에 대한 미국 FTC의 블로거를
위한 가이드라인. (PDF 문서)
70. Embedit.in
웹사이트나
블로그에 어떤 파일이든 손쉽게 게시
71. Domainr
독특한 주소의 도메인
검색
72. Tynt
웹사이트 내용을 무단
펌질 하는 곳 추적 & 원본 링크 추가
73. Montastic
웹사이트 다운 시 이메일, RSS로 알려주는 모니터링 서비스
협업 & 브레인스토밍
74. Dabbleboard
비주얼하게 아이디어를 정리할 수 있는 온라인 화이트보드
75. iPlotz
클릭 또는 네비게이션이
가능한 목업 사이트 만들고 협업 & 공유
출처 : http://choboweb.com/1367
RECENT COMMENT