Home

Search results

"category:/Design"

1 2 3 Next >>

Title and summary Date/time
1
JavaScript Promises
Javascript를 사용하다보면 비동기 call 요소들이 많아서 로직의 가독성과 오류 디버깅 문제등이 복잡하게 얽히게 되smsep, (이를 헬이라고도 표현하는데), 이를 회피하기 위한 방법중에 하나가 Promise를 사용하는 것입니다. 대부분 경우 라이브러리로 제공하고 있어, 그 내용을 잘 모르고 사용하는 경우가 많아 오용되는 사례를 경험하게 됩니다. 그래서 내부를 좀 더 이해하는데 도움이 되는 좋은 아티클이 있어서 번역을 해보았습니다. 소개 ...
Apr 10, 2014
11:24:47 AM
2
로그인/로그아웃/회원 가입
최근에 왼쪽 글에서 보듯이 Olivier Croisier의 트윗을 보고 로그인/로그아웃/가입에 대한 용어에 대해 내가 취했던 방법이나 생각을 곰곰히 해 보게 되었다. 그리고 웹이나 모바일 사이트를 만들면 꼭 들어가는 부분이 인증과 회원 관리이기도 해서 정리해두면 좋을 것 같아서 이 글을 쓴다. 먼저 사례를 살펴보면.. Quora에서 Sign In과 Login In의 차이에 대한 사람들의 생각을 살펴보면 좋은 힌트를 얻을 수 있다. 요약을 해 보면 ...
Mar 5, 2014
10:32:11 AM
3
웹사이트 성능이 UX에 미치는 영향
웹 사이트의 성능도 UX의 하나라고 생각해야 한다는 논리가 정당성을 갖는데 좋은 근거가 되는 포스트가 있습니다. 웹 사이트 성능이 제품에 어떤 영향을 미치는가에 대한 다양한 사례를 정리한(Etsy의 Lara Swanson) Web Performance Is User Experience"가 그것입니다. 정리한 내용을 보면 아래와 같습니다. 빠른 페이지의 로딩시간이 귀하의 사이트에 대한 신뢰를 구축해준다. 즉, 페이지로드 시간이 3초 이상 걸리면 40%의 ...
Feb 12, 2014
11:20:34 AM
4
설득력이 있는 디자인
꽤 오래된 글이지만, 디자인의 감각을 유지하기 위해 정리해 둡니다. 원문인 "Persuasive Design: New Captology Book"로 "Persuasive Technology: Using Computers to Change What We Think and Do (Interactive Technologies)" 책을 참고로 해 설득력이 있는 디자인을 실현하는 데 도움이 되는 글을 피력했습니다. 인간 공학의 점진적인 변화(Human ...
Dec 4, 2013
8:27:35 PM
5
브라우저 동작의 이해 - 리플로우와 리페인트, 그리고 최적화
개발자들도 브라우저의 영역을 어느정도 이해하는 것이 몸에 좋을 것 같아, Stoyan Stefanov 씨가 쓴 "Rendering : repaint, reflow/relayout, restyle"을 발번역 해 봅니다. 본 문서는 전반부에 reflow와 repaint에 대한 설명과 응답시간 향상을 위한 몇가지 팁으로 구성되어 있고, 후반부에는 dynaTrace AJAX Edition과 SpeedTracer를 사용한 IE와 Chrome의 렌더링 성능 ...
Jul 7, 2013
4:55:24 PM
6
WebP
1. 개요 - On2 테크놀러지스의 기술을 구매하여, 그것을 기반으로 구글이 개발하여, 2010년 9월 30일 공개한 웹을 위한 새로운 이미지 포맷. - 영상 압축에 대해서는 "WebM"의 기반인 "VP8" 비디오 코덱 기술을 이용하고, 컨테이너 형식으로 "RIFF"를 채용. 2. 장점 - JPEG을 대체하기 위해 제시된 규격이며, 주로 사진 이미지 압축 효과가 높으다고 함(JPEG과 동일한 화질의 이미지보다 39.8% 압축률이 개선). - 트래픽 ...
May 22, 2011
11:49:28 PM
7
jQuery UI를 활용한 드래그기반 Captcha 활용
QapTcha는 jQuery, jQuery UI를 활용해서 만든 드래그앤드랍이 가능한 캡차(Captcha - 그림문자)를 응용한 오픈소스이다.기존의 Captcha는 서버에서 랜덤 숫자나 숫자 합을 서버가 발급하여 UI에서 사용자가 그에 부합하는 문자열을 넣어 서버에서 확인하는 방식으로 기존 스팸성 트래픽을 차단하기 위한 방안으로 사용되어 졌다. 이번에 소개할 QapTcha는 아이폰에서 사용하듯 수평으로 드레그해서 락을 푸는 것을 웹에서 구현한 ...
Mar 29, 2011
5:02:13 PM
8
Google Chrome Frame - Hidden Active-X
Chrome Frame은 IE 플러그인(Active-X)인데.... 쉽게 말하자면 IE의 Active-X와 같은 것입니다. IE자체로는 지원이 안되는 기능일 경우(HTML5 몇몇 기능 등) Chrome Frame 환경하에 돌아갈 수 있도록 페이지의 자구책인 것이다. 위 기능은 dojo 프로젝트의 리더였던 alex가 구글로 자리를 옮긴뒤 첫 제품인 것이라고 합니다. 아래 코드 방식으로 사용합니다. meta ...
Dec 10, 2010
12:36:00 AM
9
아이폰용 Viewer 적용하기
1. 필요한 태그 meta name="viewport&...
Jul 6, 2010
8:43:00 PM
10
HTML에서 Local Storage 에 관한 기술
1. 개요 기존의 데이터 저장은 클라이언트 사이드는 쿠키, 서버 사이드는 세션 외에는 GET아나 POST 방식으로 데이터를 전달받으면서 기능 구현을 했습니다. 하지만 Server-Side 로 처리 되던 데이터 처리에 대한 부하를 Client-Side 로 가져 오면서 좀더 여유있는 리소스의 이용을 통하여 보다 빠른 속도의 웹 어플리케이션의 구현이 가능 해지게 한 방식이 바로 Local Storage 에 관한 기술들입니다. 오프라인(Offline) 상에서 ...
Feb 3, 2010
6:59:00 PM
11
접근성이란?
tweetmeme_url = 'http://www.mimul.co...
Nov 24, 2009
12:33:00 PM
12
JavaScript에서 reload 사용 예
tweetmeme_url = 'http://mimul.com/pe...
Nov 15, 2009
8:42:00 PM
13
HTML 테이블(Table) 태그 가이드
tweetmeme_url = 'http://mimul.com/pe...
Nov 13, 2009
10:27:00 PM
14
UX를 편리하게 하기 위한 7 CSS 팁
tweetmeme_url = 'http://mimul.com/pe...
Oct 26, 2009
11:07:00 PM
15
location.href와 location.replace() 차이
location.href : 프로퍼티 location.replace() : 메소드임 location.href : 브라우저 옵션을 손대지 않았을때, 브라우저의 주소값이 바뀌면 브라우저는 '인터넷 임시파일'에 캐쉬가 있는지를 먼저 보고, 있으면 그걸 보여줌 location.replace() : 매소드가 실행될때마다 매번 서버에 접속해서 페이지를 가져옴 location.href = ...
Jul 4, 2009
12:34:00 AM
16
JavaScript 프로파일링
javascript를 나름 프로파일링 해 줄 수 있는 스크립트가 있어 소개합니다. 전체 페이지 로딩, 해당 함수 수행 속도 등을 볼 수 있어 성능 측정을 할 수 있습니다. 1. 전체 페이지 로드 테스트 사용 예 script src="time.js&qu...
Feb 15, 2009
11:19:00 PM
17
javascript 성능 향상 코딩
1. Local Variables, Functions 사용 - 일반적인 사용 예 t0 = new Date(); var i; for (i=0; i1000000; i++); t1 = new Date(); - 바람직한 사용 예 function count() { var i; for (i=0; i1000000; i++); } count(); t2 = new Date(); 2. Cache Variables - 일반적인 사용 예 ...
Feb 14, 2009
9:51:00 PM
18
CSS 성능 향상 코딩 방법들
1. CSS속성간소화 - background, border, border-color, border-style, border sides (border-top, border-right, border-bottom, border-left), border-width, font, list-style, margin, outline, and padding properties들이 해당됨 - margin, padding margin-top:1em; ...
Dec 27, 2008
7:05:00 PM
19
CSS와 브라우저 충동 해결하기
아래의 IE6은 해당 HTML에 진입하기만 하면 바로 브라우저와 충돌이 일어나 브라우저가 죽게 되고 IE7에서는 해당 링크에 진입하면 클릭과 드래그를 통해 해당 브라우저가 강제로 종료됩니다. 3번에서 해결책이 있으니 브라우저가 강제 종료되는 것에 대해 무심코 지나갔던 기억들을 더듬어서 CSS를 보완해 주는 치밀함을 가져야겠습니다. 1. IE6에서 충돌 - CSSstyle type="text/css&...
Dec 26, 2008
10:44:00 PM
20
자바 스크립트로 Flash 버전 알아 보기
1. 자바 스크립트 function getFlashVersion(){ // ie try { try { var axo = new ActiveXObject('Shock...
Dec 25, 2008
9:58:00 PM

1 2 3 Next >>