thumbnail
iOS 사파리 스크롤 효과를 조정해보자 Thumbnail

iOS 사파리 스크롤 효과를 조정해보자

모바일 웹 페이지를 작업하다보면 iOS 기기의 웹서핑을 할때 스크롤을 하게되면 안드로이드의 스크롤과는 다른 특징을 보이는데, iOS만의 특유의 스크롤효과 때문이다. 부드러움, 가속(관성) ,바운스 효과가 여타 OS 와는 다른 특징을 보이는데, 이 효과를 선호하는 경우...

2019년 9월 10일1개의 댓글
내 실력은 어느 단계일까? 실력의 자가테스트 Thumbnail

내 실력은 어느 단계일까? 실력의 자가테스트

물론 어느정도 주관이고 실력이란 것이 상대 평가이며 주변 환경에 따라 평가 기준이란 것이 달라질 수 있다 하지만 자가진단하는 방법이 있다 평소에 인지를 못하고 있거나 혹은 인정을 하지않고 있을뿐 사실 본인의 실력은 본인이 높은 확률로 알고있다 주 클래스가 개발자...

2019년 9월 9일1개의 댓글
CSS Transform3D + Transition 활용 샘플 Thumbnail

CSS Transform3D + Transition 활용 샘플

페이스북 UX/GUI 그룹에 마침 Transform3D 와 Transition을 활용해서 만들 수 있는 인터렉션 디자인 컨셉 질문이 들어와 답변과 함께 구현하였습니다. 원본 이미지는 dribbble.com 에 SANG NGUYEON 이라는 분의 컨셉 인터렉션 디자인...

2019년 7월 22일4개의 댓글

CSS Transition 활용 TIP (부드러운 움직임)

1) Transition 속성값의 변화 중간과정을 CSS가 만들어 부드러운 움직임을 나타내는 기능(IE 10+) 속성값이 변화하는 경우에만 동작하므로 html 샘플 확인 : https://natsgun.tistory.com/15 [개발자C군의 개발노트] 2...

2019년 6월 10일1개의 댓글

CSS Transform 2D / 3D

실무에서 필요한 내용 위주의 '개발자를 위한 html/css/js' 시리즈입니다. 사내 강좌로 진행 했던 내용을 편집하여 연재할 예정입니다. CSS Transform 은 부모 element의 영향을 받지 않고, 독자적으로 element 의 위치 및 확대/축소 회전이 ...

2019년 6월 1일1개의 댓글