input의 placeholder 는 값이 입력되면 사라지는데 값이 입력 되더라도 폼 위젯의 내용이 표시되어야 할 경우가 있다. 이럴 때 placeholder를 대신해 label를 absolute로 띄워 스크립트로 입력값에 따라 조건부로 제어해주면 된다.

티스토리는 별도 설정 없이 검색엔진에 자동으로 노출이 되었던 걸로 기억하는데 (구글검색) 헥소 블로그는 플러그인을 통해서 SEO가 가능하다

현재 es6가 많이 이용되고 있긴 하나 브라우저가 es6의 모든 기능을 지원하는 것은 아니다. 그래서 babel이라는 트랜트컴파일러를 이용해 es5로 변환해서 배포 해야한다. 이 글에서는 gulp를 활용한 babel 사용법을 정리해본다.

포스팅 방법, 글 수정, hexo 이미지 삽입, 인덱스 페이지 썸네일 설정 방법, 그리고 백업(서브모듈관리) 대해 정리해본다.

원래는 티스토리를 사용하고 있었는데 뭔가 심심해서 node.js 기반 정적 사이트 생성기 hexo를 만들어보았다. 설치부터 배포까지 쉽고 간단하게 가능한데, tranquilpeak 테마 기준으로 작성해보았다.

마크업을 할 때 웹 표준을 기반으로 웹 접근성을 고려하며 작업하는 것이 중요하다. 이 포스팅에서는 웹 표준과 웹 접근성에 대해 알아보겠다.

디자인에 따라 placeholder color 를 변경해야하는 경우가 있는데 다음과 같은 css로 수정할 수 있다.

셀렉트 박스 디자인에 따라 화살표를 수정해야하는 경우가 있는데, 아예 없앤 후 새로 요소를 추가해서 만들어야 한다. (border or 배경이미지로)