웹사이트에 페이스북 고객 채팅 창 추가하기
페이스북(Facebook)에서 제공하는 고객 채팅 플러그인(Customer Chat Plugin)은 페이스북 메신저를 내 웹사이트에서 붙여 웹사이트 방문자들이 사이트를 떠나지 않고 쉽게 메신저로 커뮤니케이션을 이어갈 수 있도록 해주는 도구입니다.
Next.js와 Headless CMS
Next.js는 ‘리액트 프레임워크(React Framework)’ 입니다. React 기반으로 웹사이트를 만들거나 웹앱을 만들 때 간단하게 만들 수 있도록 필요한 기능들을 갖춰 놓은 도구죠.
랜딩페이지에 스크롤 애니메이션 적용하기
요즘 웬만한 웹페이지에는 애니메이션(animation)이 따라 붙습니다. 가만히 멈춰 있는 것 보다는 무언가 움직임이 느껴지는 편이 좀 더 사용자의 시선을 끌 수 있고 집중도 높일 수 있기 때문에 아주 단순한 웹페이지에서 조차도 애니메이션이 들어가곤 합니다.
웹사이트에 뉴스레터 구독 추가하기
뉴스레터(Newsletter)는 콘텐츠 마케팅을 위한 다양한 도구들 중 가장 기본적이면서도 가장 중요한 고객 커뮤니케이션 수단입니다. 방문자로부터 받은 이메일 주소를 기반으로 주기적 또는 필요에 의해 간간히 이메일과 뉴스레터를 발송함으로써 고객과의 관계를 이어나갈 수 있습니다.
Jekyll 테마(Theme) 다루기
지킬(Jekyll)은 정적 웹사이트 빌더(static site builder) 도구입니다. 간단하게 웹사이트나 블로그를 만들 때 유용하게 사용할 수 있죠. Jekyll은 워드프레스나 여타 다른 웹사이트 빌더들에 비해 몇 가지 장점이 있습니다.
Hugo와 Netlify로 웹사이트 만들기
웹 디자이너와 개발자들이 즐겨 찾는 인기있는 웹사이트 중 하나인 스매싱매거진(Smashing Magazine)이 최근 리뉴얼 되었습니다. 이번 리뉴얼에는 Hugo라는 웹사이트 도구를 썼고 Netlify라는 서비스를 이용해 호스팅한 점이 특히 눈에 띄었습니다. 그래서 이 둘의 사용법을 간단하게 정리해 봅니다.
플라타너스트리 2017 Updates
책 읽는 좋은 습관! 온라인 책 관리 서비스인 플라타너스트리가 업데이트 되었습니다. 이번 업데이트는 새로운 기능의 추가 보다는 기존에 있던 기능들의 사용성을 개선하는 데 좀 더 초점을 맞췄습니다.
Craft CMS로 콘텐츠 중심 웹사이트 만들기
요즘은 웹사이트 만드는 일이 별로 어렵지 않다. 시중에는 워드프레스(WordPress) 처럼 쉽고 편리한 도구들이 많이 나와 있고 온라인 상에는 가입만 하면 바로바로 쓸 수 있는 웹사이트 호스팅 서비스들도 많다.
Grid layout을 만드는 몇 가지 기술들
그리드 레이아웃(grid layout)은 웹사이트를 디자인할 때 가장 흔히 사용하는 레이아웃이다. 전통적으로 웹사이트 디자인이 인쇄물(브로셔나 잡지) 디자인으로부터 상당 부분 영향을 받은 탓도 있지만, 그리드를 사용하여 흩어져 있는 요소들을 일관성 있게 정렬하여 보여주는 것이 사용자들에게 훨씬 더 잘 와 닿는다.
검색엔진최적화(SEO) 쉬운 가이드
웹사이트를 만들 때 반드시 고려할 항목 중 하나가 검색엔진최적화(Search Engine Optimization, 이하 ‘SEO’)라는 건 누구나 아는 사실입니다. 굳이 철학의 인식론 문제를 들먹이지 않더라도, 아무리 멋지고 유익한 콘텐츠가 가득 담긴 사이트가 있다한들 세상에 알려지지 않으면 없는 거나 뭐가 다를까요?
