We lost Kurt Cobain 19 years ago today…
벌써 19년?
Progressive Reduction(점진적 축소)
사용성은 변하는 것. 시간이 지날 수록 앱에 대한 사용자의 이해도가 향상되므로 이에 맞춰 인터페이스도 변화해야 함.
- 레벨 1: 아이콘과 레이블이 모두 있는 버튼
- 레벨 2: 아이콘만 있는 버튼
- 레벨 3: 강조되지 않은 스타일의 아이콘만 있는 버튼
오랜 시간 특정 기능을 사용하지 않으면 이에 대한 숙련도가 떨어지게 되므로 레벨 다운.
I’m very excited to talk about a technique that we’ve started using at LayerVault. We call it Progressive Reduction.
어느 사이트의 버튼일까요? The Button Test
한 줄의 코드로 웹 브라우저를 메모장으로
https://coderwall.com/p/lhsrcq
Data URI를 사용한 재밌는 팁!
웹 브라우저 주소창에 아래 코드를 입력하면 웹 브라우저를 간단한 메모장으로 쓸 수 있다.
data:text/html, <html contenteditable>
위의 기본 코드에 댓글에 있는 내용들을 참고해서 개인적으로는 아래 코드로 북마크해둠.
data:text/html;charset=utf-8,<!doctype html><title>Editor</title><body contenteditable>
charset은 파일로 저장 시 ASCII 이외의 글자들은 HTML 엔터티로 변환되서 저장되는 문제 때문에doctype은 직업병;title은 탭 제목html대신body에contenteditable속성을 사용한 건 파이어폭스에서 이편이 낫다는 의견 때문에
아래 북마클릿을 즐겨찾기로 끌어놓으면 바로 사용 가능.
Sony Music Timeline - Timelapse
(Source: vimeo.com)
Verge forum user, Sputnik8, has posted a series of gorgeous UI concepts showing a Metro-inspired Windows desktop. I’d be reaching out to this guy in a heartbeat if I were Microsoft.
Thermaltake’s Level 10 M is a BMW-designed mouse for gamers | The Verge
The Loner by Sticky Monster Lab
Archetype by Aaron Sims (by steffenreichstadt1)
