트렌드

팝업 하나에 자바스크립트 라이브러리 한 줄을 또 부르고 있다 — popover 속성이 자바스크립트 없이 여는 오버레이의 새로운 기본기

모달, 드롭다운, 툴팁을 띄우려고 외부 라이브러리를 줄줄이 부르던 시대가 끝나가고 있다. HTML popover 속성 한 줄이 오버레이의 기본 동작을 브라우저에 위임한다.

2026.05.18 조회 20
프로젝트 후기

실 한 가닥이 백 번을 휘감아 길상(吉祥)이 된다 — 매듭잇(結絲) 한국 매듭 공방 브랜드 사이트 제작기

한국 전통 매듭은 한 가닥의 실이 끊김 없이 백 번을 굽이쳐 모양을 이룬다. 매듭잇 공방의 그 결을 화면으로 옮기며 CYAN이 고민한 것들에 대한 기록이다.

2026.05.18 조회 15
웹 개발

한 통이라도 진짜 문의가 묻혀선 안 된다 — 작은 회사 사이트 폼 스팸을 막는 5가지 원칙

어느 날부터 문의 알림 메일함이 영어 광고와 키릴문자로 가득 찬다. 비싼 보안 솔루션을 붙이기 전에, 거의 모든 봇이 걸려 나가는 다섯 가지 막음을 먼저 적용해 보자.

2026.05.18 조회 27
마케팅

GA4를 켜놨는데 매주 어디부터 봐야 할지 모르겠다 — 작은 회사 사장님의 30분 주간 분석 리포트 5가지

구글 애널리틱스 4를 설치만 해두고 닫아둔 사장님은 의외로 많다. 매출에 가장 가까운 다섯 개의 보고서만 알면 GA4는 매주 30분의 의사결정 도구가 된다.

2026.05.18 조회 19
비즈니스

랜딩페이지 하나면 충분하다는 말과 사이트가 필요하다는 말 사이에서 — 사장님이 둘을 헷갈리지 않는 5가지 기준

견적 미팅에서 '랜딩페이지 하나면 된다'와 '사이트는 있어야 한다'가 동시에 나오면 사장님은 무엇을 만들지 헷갈린다. 둘은 다른 도구이고, 잘못 고르면 비용은 비용대로 들고 성과는 잡히지 않는다.

2026.05.17 조회 22
비즈니스

홈페이지를 새로 만들 때가 됐다는 5가지 신호 — 사장님이 헷갈리는 웹사이트 리뉴얼 타이밍 판단법

사이트는 디자인이 마음에 안 들 때가 아니라, 비즈니스가 사이트보다 앞서 나갔을 때 리뉴얼해야 합니다. 사장님이 헷갈리는 리뉴얼 타이밍을 판단하는 5가지 신호를 정리합니다.

2026.05.17 조회 25
프로젝트 후기

조개 한 조각이 어둠을 가르며 천 갈래 빛으로 흩어진다 — 결빛(結光) 나전(螺鈿) 공방 브랜드 사이트 제작기

검은 옻칠 위에 자개 한 조각이 박히면 그 안에 일곱 빛이 산다. 결빛(結光) 나전 공방의 브랜드 사이트를 만들며 우리가 화면 위에 옮기려 한 것은 자개의 화려함이 아니라 옻칠 한 겹 아래 머무는 시간의 결이었다.

2026.05.17 조회 18
프로젝트 후기

한 땀 사이의 거리가 작품의 가격을 결정한다 — 누비결(縷飛結) 누비 공방 브랜드 사이트 제작기

충북 청주의 작은 누비 공방 '누비결'은 사진만으로는 가치가 설명되지 않는 손바느질 작업이었다. 매크로 사진과 광목 톤의 색감, 넓은 행간으로 누비의 결을 화면에 옮긴 사이트 제작기와 그 결과를 정리한다.

2026.05.17 조회 17
트렌드

카드 세 장이 나란히 있는데 안쪽은 들쭉날쭉하다 — CSS Subgrid가 자바스크립트 없이 카드 안 정렬을 맞추는 시대

부모 그리드의 줄을 자식 카드 안쪽까지 그대로 이어주는 CSS Subgrid가 자바스크립트 없이 카드 안 요소들의 가로 줄을 맞춰준다. 이제 카드 높이를 강제로 정렬하던 코드를 버려도 된다.

2026.05.16 조회 23