크롬 개발자 도구(F12) 사용법 – HTML과 CSS를 몰라도 활용하는 방법
홈페이지를 제작하거나 좋은 웹사이트를 보다 보면 한 번쯤 F12 키를…
크롬 확장 프로그램 12탄 (마지막) – Web Developer, 홈페이지를 제대로 분석하는 방법
홈페이지를 제작하거나 기존 사이트를 분석하다 보면 단순히 디자인만 보는 것보다…
크롬 확장 프로그램 11탄 – Similarweb 사용법, 경쟁사 홈페이지 분석하는 가장 쉬운 방법
홈페이지를 제작하거나 블로그를 운영하다 보면 한 번쯤 이런 궁금증이 생깁니다.…
크롬 확장 프로그램 10탄 – Detailed SEO Extension, 홈페이지 SEO 한 번에 분석하는 방법
홈페이지를 운영하거나 블로그를 작성하다 보면 “이 페이지는 SEO가 제대로 적용되어…
크롬 확장 프로그램 9탄 – Window Resizer, 반응형 홈페이지 테스트하는 방법
홈페이지를 제작하다 보면 PC에서는 잘 보이는데 모바일이나 태블릿에서는 레이아웃이 깨지는…
크롬 확장 프로그램 8탄 – html.to.design, 웹사이트를 피그마로 가져오는 방법
홈페이지를 제작하거나 디자인 레퍼런스를 분석하다 보면 “이 화면을 피그마에서 바로…
크롬 확장 프로그램 7탄 – Page Ruler, 웹사이트 요소 크기 측정하는 방법
홈페이지를 제작하거나 상세페이지를 디자인하다 보면 “이 버튼은 몇 픽셀일까?”, “이미지…
크롬 확장 프로그램 6탄 – CSS Peeper, 홈페이지 디자인 분석하는 방법
좋은 홈페이지를 보다 보면 단순히 색상이나 폰트만 참고하는 것이 아니라…
크롬 확장 프로그램 5탄 – Wappalyzer, 홈페이지 제작 기술 확인하는 방법
홈페이지를 보다 보면 “이 사이트는 어떤 프로그램으로 만들었을까?”라는 궁금증이 생기는…