웹사이트 제작과 디지털 마케팅에 관한 이야기
자식 요소의 상태에 따라 부모를 꾸미려면 늘 자바스크립트가 필요했습니다. CSS :has() 선택자는 그 오랜 한계를 걷어내고, 폼 검증·빈 목록·메뉴 강조 같은 일을 코드 한 줄 없이 스타일시트 안에서 처리하게 해줍니다.
스마트폰으로 찍은 4000픽셀 원본을 그대로 올린 사이트는 모바일에서 몇 초씩 멈춘다. 화질을 지키면서 용량을 줄이는 이미지 최적화의 5가지 실무 원칙을 정리한다.
세 곳에서 받은 견적이 300만 원, 600만 원, 900만 원. 같은 사이트를 만든다는데 왜 이렇게 다를까. 가격표 너머의 진짜 차이를 읽는 다섯 가지 기준을 정리했다.
광고는 끄는 순간 멈추지만, 잘 쓴 콘텐츠 한 편은 1년 내내 검색에서 고객을 데려옵니다. 작은 회사가 무리하지 않고 콘텐츠 마케팅을 시작하는 5가지 원칙을 정리했습니다.
사이트는 잘 작동할 때가 아니라 멈췄을 때 진짜 실력이 드러납니다. 백업이 없으면 복구도 없습니다. 작은 회사가 미리 갖춰야 할 백업과 장애 복구의 핵심 원칙을 정리했습니다.
문의 폼은 작은 회사 사이트에서 매출과 가장 가까운 화면이다. 칸 수, 라벨 위치, 에러 안내, 모바일 키보드, 전송 후 안내까지 고객이 끝까지 채우게 만드는 다섯 가지 원칙을 정리했다.
코드는 멀쩡한데 사이트가 공격당하는 경우의 상당수는 '보안 헤더' 한 줄이 빠져 있어서다. 화면에 보이지 않지만 가장 흔한 공격을 코드 수정 없이 막아 주는 다섯 가지를 정리했다.
3대째 옹기를 빚어 온 공방에 처음으로 사이트가 생겼다. 흙으로 빚은 그릇이 어떻게 숨을 쉬는지, 장독 하나가 십 년을 견디는 시간을, 발효를 배우러 오는 젊은 손님과 해외 문의를 한 장의 첫 화면에 어떻게 담았는지 두 달간의 기록이다.
색을 많이 쓸수록 전문적으로 보일 것 같지만 결과는 반대다. 메인 한 색을 중심으로 회색과 강조색을 정리하는 컬러 팔레트 설계 5가지 원칙을 정리했다.