AOS

6월 11, 2016

페이지의 수려한 효과

애플 페이지를 보면서 감탄을 했던 것 중 하나가 스크롤을 할때 애니메이션을 각 객체별로 줘서 훨씬 고급스럽게 보이게 했었던 부분입니다.

스크롤을 할 때에 애니메이션을 줄 수 있는 프로젝트가 여기 있습니다.

2016/06/11 Editor’s choice

michalsnik/aos
_aos - Animate on scroll library_github.com

프로젝트 이름도 Animate on Scroll입니다.

스크롤을 하면서 어떻게 화면에 보이게 될지 궁금해서 죽 내리면서 봤는데 훌륭합니다.

bower install을 선호합니다.

$bower install aos --save

페이지에서 사용할 폴더 트리에 따라 적절하게 배치하시고

<script src="bower\_components/aos/dist/aos.js"\></script\>

embed 후에

<script\>  
AOS.init();  
</script\>

init 메쏘드를 통해 실행 시켜 주면 됩니다.

HTML 태그에는

<div aos="animation\_name"\>

형태로 태깅을 하면 그 태깅에 따라 페이지가 작업되는 방법을 취하고 있습니다.

현재 제공하고 있는 애니메이션 종류는 크게 Fade, Flip, Slide, Zoom을 지원하고 있고 각각의 애니메이션 오브젝트의 anchor 와 esasing 방법들을 지원하는 옵션들을 API로 지정할 수 있습니다.

Exported from Medium on May 31, 2017.

git-tips/tips

6월 10, 2016

마스터에 이미 머지된 브랜치 목록을 모두 볼 수 있는 방법이 있을까요? 원격 레파지토리의 변경사항을 볼수 있을까요? 원격레파지토리 브랜치를 삭제할 수 있는 방법은 무엇이 있을까요?

등등의 질문이 날라올 때 빠르게 답변 할 수 있으면 좋겠지만 언제나 그럴 수 없다는 것은 누구나 잘 압니다.

오늘은 이런 git-tip들을 모아 놓은 프로젝트들이 있어서 공유합니다.

git-tips/tips
_Most commonly used git tips and tricks._github.com

이렇게 죽 읽어봐도 엄청나게 많은 목록들이 보이네요.

하지만, 영어라는 허들이 뭔가를 바로 찾기 어렵게 하는 단점이 있네요.

한국 사람 누군가 fork해 가지 않았을까? 해서 찾아보았습니다.

translate2Korean 이라는 브랜치가 있네요. 음홧홧!

ikaruce/tips
_Most commonly used git tips and tricks._github.com

훌륭한 번역이 되어 있네요.

조만간 merge될거 같군요.

이 프로젝트 또한 중요체크!입니다~

Exported from Medium on May 31, 2017.