2010년 1월 6일 수요일

개발자, 디자이너, 블로그 운영자에게 유용한 온라인 리소스 75선

유용한 서비스와 툴 위주로 잘 정리된 리스트가 She’s Geeky에 올라와 있어 한번 옮겨봤습니다. 굳이 개발자나 디자이너가 아니더라도 알아두면 요긴하게 활용할서비스들이 꽤 많이 보이네요.. ^^;

코딩


1. PHP Anywhere

php/html 프로젝트를 친숙한 데스크탑 IDE와 같은 환경에서 개발, 관리. 구문 하이라이트, FTP 탐색기, 무제한 Undo/Redo 지원.

editor 

2. HTML Form Builder (pForm)
Create HTML forms in seconds.

2010-01-03_160247

3. Bespin – Code in the Cloud
Mozilla Labs의 실험 프로젝트로 HTML 5 기술에 기반한 확장 방식의 웹 코드 에디터

Collab-steps

4. CSS Typeset
심플한 CSS 코드 제너레이터

2010-01-03_161337

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 사용.

12. Google Closure Tools

  • 자바스크립트 최적화 – 자바스크립트를 고성능의 가벼운 코드로 컴파일
  • 자바스크립트 종합 라이브러리 – 포괄적이며 많은 테스트 수행, 모듈 기반, 크로스 브라우저 지원
  • 템플릿 – 서버와 클라이언트에서 다이내믹하게 생성하는 HTML로 작업 간편화

13. Online code beautifier
PHP, Java, C++, C, Perl, JavaScript, CSS 소스 코드 포매터.

14. .htaccess Editor
온라인에서 간편하게 .htaccess 파일 생성

2010-01-03_165335

15. Favicon Generator
정사각형 형태의 이미지에서 파비콘 생성

16. XML의 글자 엔티티
XML에서 제공하는 엔티티 목록. 원문은 List of XML and HTML character entity reference

17. ASCII Table
아스키 문자의 십진수, 팔진수, 16진수 테이블

18. HTML Color Names
140여종의 HTML 칼라 차트. 헥스 코드와 매치되는 칼라 제공.

2010-01-03_170436

 

디코드 유틸리티


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, 파이어폭스, 크롬, 사파리, 오페라 브라우저의 다양한 버전을 이용한 웹사이트 테스트

2010-01-03_171530

23. MFC MAPI
마이크로소프트 아웃룩의 MAPI 기반 스토어 접근을 제공하는 GUI

24. Notes Peek
로터스 노트 데이터베이스 접근을 제공하는 GUI

25. Adobe BrowserLab
Adobe 제공 크로스 브라우저 테스트. 드림위버 CS4와 연동.

2010-01-03_172145

26. Browsershots
웹사이트 스크린샷을 찍어 다양한 운영체제와 브라우저 버전에서 보여주는 온라인 서비스

2010-01-03_172354

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, 플래시 등 모든 오브젝트를 포함해 어느 부분에서 정체가 있는지 파악 가능.
2010-01-03_173443

 

데이터 세트


32. Internet World Stats

전세계 인터넷 통계

33. GeoLite Country
웹사이트 방문자의 지역별 정보를 상세히 제공하는 MaxMind의 GeoIP Country 데이터베이스 무료 버전 (매달 업데이트 & 정확도 99.5%)

34. GeoLite City
도시 별 IP와 지리 정보 등 MaxMind의 GeoIP City 데이터베이스 무료 버전. (매달 업데이트 & 정확도 79%)

 

파이어폭스 확장기능


35. Firebug

파이어폭스 #1 웹 개발 확장기능

2010-01-03_233427

36. Yahoo! YSlow
웹페이지 분석 & 몇 가지 룰에 따른 성능 향상 방법 제안

37. Greasemonkey
웹페이지 스타일과 기능을 유저 스크립트를 통해 마음껏 바꿀 수 있는 파이어폭스 확장기능

38. Update Scanner
웹페이지 업데이트를 모니터링 하는 파이어폭스 확장기능. RSS 피드를 제공하지 않는 웹사이트에 유용함.

notification_popup

39. FireFTP
파이어폭스 전용의 빠르고 안전한 크로스 플랫폼 FTP 클라이언트

fireftp

 

이미지 툴


40. Photoshop Online

Adobe Photoshop의 온라인 버전. 간단한 사진 정리와 편집, 꾸미기 & 공유 가능

2010-01-03_235131

41. Gimp
포토샵에 버금가는 오픈소스 이미지 에디터

windows_crop

42. Inkscape
일러스트레이터를 대체하는 오픈소스 벡터 에디터

inkscape-0.47-photorealism

43. PicNik
간단한 이미지 보정과 이펙트, 폰트, 쉐이프, 프레임 등의 추가가 가능한 온라인 이미지 에디터

2010-01-03_235804

44. SplashUp
동시 편집과 픽셀 레벨 컨트롤, 레이어 등을 지원하는 온라인 이미지 에디터
2010-01-04_000111

45. Pic Markr
이미지에 나만의 워터마크 삽입

46. Closr.it
대용량 이미지 간편하게 공유. 줌인 가능한 위젯 제공.

2010-01-04_000530

47. Color Scheme Designer
손쉽게 색상 팔레트를 만들고 목업 사이트를 통한 미리 보기 제공
2010-01-04_000812

48. Colour Lovers
디자이너와 아티스트를 위한 칼라 전문 커뮤니티.색상과 관련된 영감, 아이디어와 진행하는 프로젝트의 피드백 등을 얻을 수 있음.

49. Icon Finder
아이콘 검색엔진 (12만개의 아이콘과 340개의 아이콘 세트 탐색 가능)

2010-01-04_001252

50. Shrink O’Matic
Adobe AIR 기반의 간편한 이미지 확대/축소 & 포맷 변환 프로그램

screenshot

51. Ajax Loading GIF Generator
나만의 ‘로딩’ GIF 이미지 만들기

52. Super Screenshot
웹페이지 전체 화면 스크린샷 캡쳐

53. ASCII Art
아스키 아트 제너레이터

 

보안 툴


54. Cain & Abel v4.9.35
 
강력한 윈도우  패스워드 복구 툴

pstore

55. The Password Meter
패스워드의 보안 정도를 측정. 오프라인 버전 별도 제공.

2010-01-04_010324

56. Microsoft’s Password Checker
마이크로소프트에서 제공하는 간단한 패스워드 보안 레벨 측정 툴

57. Javascript Password Strength Meter
패스워드 보안 레벨 측정 & 평가

 

컨버터


58. PX to EM

픽셀 <-> EM 변환
2010-01-04_010924

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
웹사이트나 블로그에 어떤 파일이든 손쉽게 게시

2010-01-04_012956

71. Domainr 
독특한 주소의 도메인 검색
2010-01-04_042012

72. Tynt
웹사이트 내용을 무단 펌질 하는 곳 추적 & 원본 링크 추가

2010-01-04_043136 

73. Montastic
웹사이트 다운 시 이메일, RSS로 알려주는 모니터링 서비스

 

협업 & 브레인스토밍


74. Dabbleboard

비주얼하게 아이디어를 정리할 수 있는 온라인 화이트보드

2010-01-04_043736

75. iPlotz
클릭 또는 네비게이션이 가능한 목업 사이트 만들고 협업 & 공유

whatis_screenshot03

댓글 1개: