IP Time

I/info 2012. 12. 29. 19:03

http://www.iptime.co.kr/ - PC용 ipDISK 서버 연결 및 사용하기

 

ipDISK를 통해 FTP 사용 및 여러용도로 사용?

설정

트랙백

댓글


Codrops에 실린 Developing Balance in Web Design을 의역한 것입니다. 요소들을 수평 또는 수직으로 배치하고 대칭 또는 비대칭으로 구성하여 웹디자인의 시각적 균형을 이루기위한 5가지 유형과 요인들에 대하여 다루고 있습니다. 당신의 웹사이트 디자인에 시각적 균형이 잡혀있지 않다면 방문객은 혼란에 빠져들고 말 것입니다. 심지어 기분이 나빠지는 방문객도 있다고 합니다. 이러한 문제를 해결하는 가장 좋은 방법은 시각적 균형을 유지하는 것입니다.

일반적으로 웹디자인에서 균형을 이룬다라는 것은 물체의 물리적인 무게를 수평으로 유지하는 것과 흡사합니다. 아주 작은 디자인 요소라도 매우 중요한 질량 포인트가 될 수 있습니다. 실제 물체가 가지는 물리적 무게와 디자인 요소가 가지는 무게는 동등한 시각적 흥미를 이끌어내기 때문입니다. "어떻게 요소간의 균형을 잡아낼 수 있을까?", "요소들에는 어떠한 균형 속성들이 있는가?" 이 두가지를 생각하는 것만으로 조화로운 균형을 당신의 웹디자인에 녹여낼 수 있습니다.

균형의 5가지 유형

균형에는 여러가지 종류가 있습니다. 웹페이지에서 시각적 균형을 이루는 유형은 디자인 요소들이 서로 어떻게 상호작용을 하는지에 따라서 구분됩니다. 아래와 같은 5가지 유형을 이용하여 각 요소들이 가진 중력을 조직화하고 사용자가 편안하게 느낄수 있도록 합시다.

  • 수평 균형
  • 수직 균형
  • 방사형 균형
  • 대칭 균형
  • 비대칭 균형

수평과 수직 균형

시각적으로 관심사를 관리하는 좋은 방법중 하나는 수평 또는 수직으로 균형을 잡는 것입니다. 수평 균형은 왼쪽과 오른쪽으로 요소들을 배치하여 균형을 잡고 수직 균형은 요소를 중앙축에서 위와 아래로 균형을 잡습니다.

http://www.likeness.com/
http://danielmart.in/

방사형 균형

방사형 균형은 중앙을 중심으로 요소를 배치하여 균형을 잡는 것입니다. 기본적으로 중앙에 핵심 요소들 두고 그 주위에 다른 요소들을 배치합니다. 마치 해살 같은 느낌입니다.
http://www.ipolecat.com/#home

대칭과 비대칭 균형

수평과 수직 그리고 방사형 균형과 결합하여 나타날수 있는 균형이 대칭 또는 비대칭 균형입니다 대칭 균형은 구도에서 양측이 거울을 보는듯이 서로 대칭되어 있는 것입니다. 종이를 절반으로 접는것 처럼요. 대칭 균형은 그리드 레이아웃이나 건축 등 다방면에서 일반적으로 사용되어 온 매우 공식적인 균형입니다. 그래서 사용자에게 편안함을 제공합니다. 또한 응답형 웹 디자인(responsive web design)처럼 레이아웃이 다양한 크기로 변경되는 경우에도 균형을 잡기 용이하기 때문에 인기가 높아지고 있습니다.

http://www.frontend2011.com/

비대칭 균형이 아마도 가장 일반적인 형태일 것입니다. 본질적으로 요소들에 의해 균형을 이루고있지만 정확하게는 서로 얽매이지 않습니다. 비대칭 레아아웃은 수준높은 시각적 계층 구조를 가지기때문에 대칭구조에 비해 더욱 흥미롭습니다. 비대칭 유형은 구도에 균형이 없다는 것이 아니라, 요소가 서로 영향을 받지 않도록 배치되는 것을 의미하는 것입니다.

http://teamviget.com/

균형의 5가시 속성

구도에서 각 객체는 다른 개체와의 관련성과 동시에 자신만의 속성들을 가지고 있습니다. 균형의 주요 속성은 크기, 색상, 모양, 가치, 위치로 총 5개입니다 이러한 속성들은 개별적으로 대칭 균형을 만들기 위해 사용될 수 있습니다. 또한 이들을 결합하여 비대칭 균형을 만들어냅니다. 이것은 하나가 변화하면 다른 곳에도 영향을 미친다는 의미입니다.

크기

큰 빈 객체는 가벼운 시각적 비중을 가지고있어 보다 작고 뭔가 채워진 고밀도 개체들을 이용하여 균형을 유지할 수 있습니다. 예를 들어 컨텐츠 영역과 사이드바를 가진 블로그에서 객체는 두개의 뚜렷한 크기를 가지고 있습니다. 컨텐츠 영역이 사이드바 보다는 보통 큽니다. 균형을 이루기 위해서는 컨텐츠영역에 공백을 추가하여 시각적 중량감으로 균형을 이루어야합니다. 디자인만으로 대칭 균형을 잡고 싶을 때에는 요소의 시각적 무게에 상관없이 동일한 크기임을 확인할 수 있어야합니다.

http://atlason.com/

색상

구도에서 객체의 색상은 개체를 더 가볍게 하거나 무겁게 할 수 있습니다. 어두운 색상은 무겁고 밝은 색상은 가벼워집니다. 예를 들면 사용자의 관심을 필요로하는 개체는 노란색 보다는 빨간색이 더 무겁습니다. 만약 어두운 색상을 가진 요소와 다수의 밝은 색상을 가진 요소들의 균형을 유지하고자한다면 균형의 다른 속성을 조정하는 것 보다 요소들이 위치한 배경 색상을 조정하는것이 효율적일 수 있습니다.

http://www.touchtech.co.nz/

모양

모양은 개체의 형태로, 도구의 균형을 극적으로 바꿀 수 있는 특성입니다. 구불 구불한 모양, 숫돌 형태 등 깨끗한 직선은 시각적으로 매우 재미있습니다. 하지만 너무 복잡한 모양은 오히려 균형을 잡기 곤란하고, 더 혼란스러워집니다. 과감하면서도 깨끗한 복잡도를 가진 개체는 균형을 유지합니다.

http://www.infinvision.com/

가치

대비 구도에서 균형을 맞추기위한 강한 요소가 될 수 있습니다. 개체의 대비가 높은것만으로 무게감을 실을 수 있습니다. 대비가 낮으면 그만큼 시각적으로 가벼워집니다. 대비는 개체 사이의 균형을 잡는 좋은 방법중 하나입니다. 대비가 전혀 없는 요소에 배경색을 낮은 명암의 질감으로 테두리에 배치하는 것입니다. 그리고 그라데이션이나 그림자는 대비를 낮추기 위해 사용될 수 있습니다.

http://galp.in/process/

위치

위치는 가장 큰 균형 요인입니다. 색상, 크기, 모양, 가치와 다른 점은 요소에서 떨어져 균형을 유지하는 속성이라는 것입니다. 큰 개체가 작은 것보다 무겁지만 중앙 축에 가까운 것은 더 무겁습니다. 즉 중앙축에 가까운 개체는 더 먼 것에 비해 무게가 실린다는 것입니다.

http://girlwithacamera.co.uk/

'I > info' 카테고리의 다른 글

IP Time  (0) 2012.12.29
Titanium / PhoneGap / Adobe Air for Mobile 비교표  (0) 2012.03.02
PDF -> PPT 변환 프로그램  (0) 2011.11.14
토렌트 트래커  (0) 2011.11.05
f.lux™ Better lighting...for your computer  (0) 2011.11.03

설정

트랙백

댓글


REVIEW: APPCELERATOR VS. PHONEGAP VS. ADOBE AIR

OVERVIEW

UPDATE: This was originally posted January 18th, 2011. All 3 platforms have changed immensely since.

UPDATE: If have updated and more detailed information about Appcelerator and PhoneGap at this link:http://savagelook.com/blog/portfolio/a-deeper-look-at-appcelerator-and-phonegap

I have been charged with deciding on a mobile framework for deploying a single code base to multiple devices (iPhone, iPad, Android, Blackberry). Naturally, I was gravitating towards Adobe Air since most of my personal work these days has been in AS3. I wanted to see what else was out there, though, and was pretty surprised that Adobe Air wasn’t my choice in the end.

In addition to one other commercial platform I did not fully assess (too expensive), I looked at Adobe Air for mobile, Titanium Appcelerator and PhoneGap. All are free to use frameworks for centralized mobile development. The gist is to be able to create apps for multiple devices off the same code base. With iPad & Blackberry support, speed to market, and the ability to use Contacts & Multitouch as my critical points, I began digging.

GENERAL FUNCTIONALITY

Titanium Appcelerator PhoneGap Adobe Air for Mobile Notes
Android Support Adobe Air requires Android 2.2+
iPhone/iPad Adobe Air creates iOS apps with the Packager for iPhone
Blackberry Phone Appcelerator support is currently beta.
Blackberry Playbook Appcelerator support is currently beta.
Symbian
Palm
Windows Phone 7 phonegap-wp7 is a 3rd party attempt for PhoneGap.
Native UI support PhoneGap and Adobe Air both require 3rd party libraries. PhoneGap has UIControls for PhoneGap. Adobe Air hasas3iPhoneComponents andandroid-components
Native code support Appcelerator allows module development. PhoneGap usescustom Javascript handlers.
Desktop deployment PhoneGap has 3rd party libraries on Github: phonegap-mac &phonegap-windows
Deploy without Mac? Adobe Air uses the Packager for iPhone/iPad
IDE & Tools Titanium Developer PhoneGap Tools Flash Builder,FDT,FlashDevelop Appcelerator has no current IDE, but recently acquired Aptana
Interpreting Javascript mapped to native code Rendered in web view control Adobe Air runtime
Community Resources Developer Center Docs, Wiki,IRC, andMailing List Mobile and Devices Development Center
Languages used JS HTML, JS, CSS Actionscript3 Appcelerator also uses PHP, Ruby, and Python for desktop app development
Support $2,189 per year per developer ranges from $1,000 – $25,000 per year Adobe Support Adobe offers no professional mobile support for apps, just their products.

DEVICE APIS

Beyond the overall support structure of the frameworks I wanted to get into the specific device API functionality. This was a little harder to track down, but the list here should be accurate as of the writing of this post. As I said earlier, contacts and multitouch were the only criticals, but I wanted to know what else these frameworks offered. I’m assuming anyone reading this far would find this information valuable as well.

Titanium Appcelerator PhoneGap Adobe Air for Mobile Notes
Accelerometer
Geolocation
Vibration
Camera Not yet supported Adobe Air for iPhone/iPad
Contacts
Multitouch
SQLite
File System IO
SMS All support SMS via the “sms:” URL prefix.
Phone API
Copy/Paste
Sounds PhoneGap cannot record sounds. Adobe Air cannot record sound for iPhone/iPad
Bluetooth
Video Capture Adobe Air cannot record video for iPhone/iPad.

SUMMARY

That’s what I’ve got so far. Let me know if and when some of these assessments change. I’m also eager to hear other people’s thoughts. Feel free to chime in.

The long and short of my recommendations:

  • Go Adobe Air if performance isn’t critical and you have AS3 experience. The tools and workflow for using pure AS3 or Flex Hero make turning out mobile apps very smooth. Watch out for performance, particularly on iOS.
  • Go PhoneGap if you needed the widest range of support for devices. If you need it to run everywhere, this is your framework. Beware of the less than stellar documentation and wiki, though.
  • Go Appcelerator everything else. The native UI and ability to access native code is a big win. Also, the community, IDE, and documentation are top notch. Appcelerator was my choice in the end, but that doesn’t mean its right for you.

'I > info' 카테고리의 다른 글

IP Time  (0) 2012.12.29
시각적 균형을 이루기위한 5가지 웹디자인 유형과 속성  (0) 2012.03.02
PDF -> PPT 변환 프로그램  (0) 2011.11.14
토렌트 트래커  (0) 2011.11.05
f.lux™ Better lighting...for your computer  (0) 2011.11.03

설정

트랙백

댓글


유료 프로그램 -> trial 버젼 및..  여러 종류가 있다.

http://www.anypdftools.com/




살다보면 이런 프로그램도 필요하게 되므로...

설정

트랙백

댓글

토렌트 트래커

I/info 2011. 11. 5. 01:44

출처 : http://2chijou.tistory.com/entry/%ED%86%A0%EB%A0%8C%ED%8A%B8-%ED%8A%B8%EB%9E%98%EC%BB%A4

http://pow7.com/announce

http://torrent-download.to:5869/announce

http://tracker.ilibr.org:6969/announce

http://windtalkers.tracker.prq.to:80/announce

http://red.tracker.prq.to:80/announce

http://the.illusionist.tracker.prq.to:80/announce

http://the.last.samurai.tracker.tracker.prq.to/announce

http://total.recall.tracker.prq.to:80/announce

http://tracker.csze.com/announce

http://tracker.irc.su/announce

http://vtv.tracker.prq.to/announce

udp://tracker.torrent.to:2710/announce

udp://tracker.openbittorrent.com:80/announce

http://exodus.1337x.org/announce

http://exodus.desync.com:6969/announce

http://nemesis.1337x.org/announce

http://eztv.tracker.prq.to/announce

http://tracker.torrent.to:2710/announce

http://genesis.1337x.org:1337/announce

http://tracker.publicbt.com/announce

http://10.rarbg.com/announce

http://beeretracker.ru/announce

http://cncbt4.the9.com:6969/announce

http://tracker.prq.to:80/announce

http://tv.tracker.prq.to/announce.php

http://tracker.publicbt.org:80/announce

http://9.rarbg.com:2710/announce

http://tpb.tracker.prq.to/announce.php

http://tracker.istole.it/announce

http://tracker.torrentbay.to:6969/announce

http://tracker.ccc.de/announce

http://stats.anisource.net:2710/announce

http://bt2.edwardk.info:6969/announce

http://cpleft.com:2710/announce

http://nyaatorrents.info:3277/announce

의외로 이 트래커들을 넣으면 잘 잡힌다.

'I > info' 카테고리의 다른 글

Titanium / PhoneGap / Adobe Air for Mobile 비교표  (0) 2012.03.02
PDF -> PPT 변환 프로그램  (0) 2011.11.14
f.lux™ Better lighting...for your computer  (0) 2011.11.03
Hotspot Shield && Simple AdBlock  (0) 2011.10.30
Notepad++  (0) 2011.10.28

설정

트랙백

댓글


Ever notice how people texting at night have that eerie blue glow?

Or wake up ready to write down the Next Great Idea, and get blinded by your computer screen?

During the day, computer screens look good—they're designed to look like the sun. But, at 9PM, 10PM, or 3AM, you probably shouldn't be looking at the sun.

F.lux fixes this: it makes the color of your computer's display adapt to the time of day, warm at night and like sunlight
during the day.

모니터의 화면 밝기를 시간대 별로 자동으로 조정하여 눈의 피로도를 줄여주는 프로그램



http://stereopsis.com/flux/

'I > info' 카테고리의 다른 글

PDF -> PPT 변환 프로그램  (0) 2011.11.14
토렌트 트래커  (0) 2011.11.05
Hotspot Shield && Simple AdBlock  (0) 2011.10.30
Notepad++  (0) 2011.10.28
블랙 구글  (0) 2011.10.28

설정

트랙백

댓글


Hotspot Shield를 설치하게 될 경우 광고가 뜨게 된다.

하지만 Simple AdBlock을 이용하면 광고를 막아 광고 없는 유용한 인터넷 서핑을 할 수가 있다.


Hotspot Shield 를 실행하면서 광고를 없앰.

Hotspot Shield
http://www.hotspotshield.com/


Ad Block ( 이용하기 )
http://simple-adblock.com

'I > info' 카테고리의 다른 글

토렌트 트래커  (0) 2011.11.05
f.lux™ Better lighting...for your computer  (0) 2011.11.03
Notepad++  (0) 2011.10.28
블랙 구글  (0) 2011.10.28
화면캡쳐 for win & mac  (0) 2011.10.27

설정

트랙백

댓글

Notepad++

I/info 2011. 10. 28. 13:35







Notepad++ 는 기존 Notepad 확장 버젼? 이라 생각해도 무방하다

실행 속도도 빠르고 편집 및 복사하기도 편리하고 한 프로그램 안에 2개 창을 띄어서 작성 할 수 도 있다. 이렇게...


프로그래밍을 하는 사람이라면 적극 추천

http://notepad-plus-plus.org/

'I > info' 카테고리의 다른 글

f.lux™ Better lighting...for your computer  (0) 2011.11.03
Hotspot Shield && Simple AdBlock  (0) 2011.10.30
블랙 구글  (0) 2011.10.28
화면캡쳐 for win & mac  (0) 2011.10.27
Daum 꼬마사전 (영단어 자동검색 사전)  (0) 2011.10.27

설정

트랙백

댓글

블랙 구글

I/info 2011. 10. 28. 12:34




http://www.blackle.com

구글은 바탕이 흰색이지만 Blackle은 검정색입니다. 이름도 구글 앞의 Goog를 빼고 Black으로 바꾸었습니다. 이렇게 검정 바탕으로 하는 이유는 흰색보다 검정색이 에너지를 덜 소모한다는 것이죠. 사용하는 사람은 전기세를 아껴서 좋고, 지구 전체로 따지만 에너지를 아껴서 좋고.

바탕을 검정으로 바꾸어서 얼마나 에너지를 아끼는지 모르겠습니다만, 아낄 수 있다면야 좋은 일이죠.
흠~ 좀 찔리는데요. ^^;

출처 : 블랙 구글?

'I > info' 카테고리의 다른 글

Hotspot Shield && Simple AdBlock  (0) 2011.10.30
Notepad++  (0) 2011.10.28
화면캡쳐 for win & mac  (0) 2011.10.27
Daum 꼬마사전 (영단어 자동검색 사전)  (0) 2011.10.27
하드디스크를 샀는데 용량이 작다!  (0) 2011.10.27

설정

트랙백

댓글

화면캡쳐 for win & mac

I/info 2011. 10. 27. 16:15


출처 : http://noteing.tistory.com/13

윈도우에서 화면캡쳐는 많은 사람들이 잘 알고 있듯이 PrtSc 키를 누르면 전체화면이 클립보드로 저장된다.

(PrtSc 자체가 Print Screen의 줄임말)

이 저장된 내용을 워드나 한글 등에서 Ctrl + V 로 붙일 수 있다. 저장을 하고 싶은 경우 그림판 등을 띄운 후 저장을 하면 된다.

전체화면말고 현재 작업중인 창만 캡쳐하고 싶은 경우에는 Alt + PrtSc를 누르면 된다.

이 방법들은 간단하게 사용하기 좋다는 장점이 있는 대신에 웹에 사진을 올리거나 파일을 저장하기 위해서는 그림판을 띄워야하는 불편함이 있다. 그리고 원하는 부분만 캡쳐하는 것이 불가능하다.

내가 윈도우에서 자주 이용하는 캡쳐 프로그램을 소개한다. [오픈캡쳐]이다.
다양한 캡쳐를 지원한다.

원하는 영역 : Shift+Ctrl+R
원하는 창 : Shift+Ctrl+W
전체 화면 : Shift+Ctrl+S

캡쳐를 한 다음에 간단한 수정이 가능하다.

----------------------------------------------------------------------------------
이번에는 맥에서의 캡쳐를 알아본다.

맥에서는 간단하게 단축키로 캡쳐가 가능하다.

파일로 저장 :

전체 화면 : Command + Shift + 3
원하는 영역 : Command + Shift + 4 -> 영역 선택
원하는 창 : Command + Shift +4 + Space -> 창 선택

- 이렇게 캡쳐를 하면 바탕화면(Desktop)에 현재시간으로 파일이 저장된다.

클립보드에 저장 : 기존의 단축키에 Ctrl을 더 누르면 된다.

전체 화면 : Ctrl + Command + Shift + 3
원하는 영역 : Ctrl + Command + Shift + 4 -> 영역 선택
원하는 창 : Ctrl + Command + Shift +4 + Space -> 창 선택

'I > info' 카테고리의 다른 글

Notepad++  (0) 2011.10.28
블랙 구글  (0) 2011.10.28
Daum 꼬마사전 (영단어 자동검색 사전)  (0) 2011.10.27
하드디스크를 샀는데 용량이 작다!  (0) 2011.10.27
How Internet Works  (0) 2011.10.23

설정

트랙백

댓글