본문으로 건너뛰기
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 CSS가 어려운 이유 — 프로젝트 중심 실전 CSS 강의 소개 2023-04-13
📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의) 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12
📌 [번역] CSS 코드 냄새 2013-01-01

웹사이트 제작시 자주 사용하는 도구형 웹사이트 모음

자주 사용하는 것들

  • Ultimate CSS Gradient Generator : 그라디언트를 생성하는데, 하나 하나 맞출 수도 있지만 그런 용도로 쓰는 건 아니고, 그라디언트 이미지를 올리면 그걸 CSS3로 변환해 준다. IE 체크를 하면 IE8까지 호환되는 코드를 준다.
  • Markdown Online : 텍스트 문서로 온 것을 HTML로 변환할 때 사용한다. 마크다운은 일관성 있는 변환을 해 주기 때문에 상당히 간편하다.
  • CSSrefresh : 북마클릿이다. 북마크바에 놓고 한 번 눌러주면 CSS 파일 변경을 감지해서 변경된 경우에 바로 사이트에 적용해 준다. F5 누르는 수고와 기다리는 0.5초를 절약해 준다. (CSSrefresh 북마클릿 ← 이 놈을 북마크바에 끌어다 놓으면 된다.)
  • 네이버 영어사전, 구글 번역 : 함수와 변수 네이밍할 때 쓴다. 이 도구들 중 가장 자주 쓸 거다.

가끔 사용하는 것들

  • CSS Lint : CSS의 오류를 잡아 준다. CSS는 오타 잡기가 쉽지 않은데, 이놈을 이용하면 바로바로 잡아 준다.
  • Image Map Generator : 이미지를 올리고, 드래그 앤 드롭으로 영역을 설정하면 이미지맵 코드를 생성해 준다. 자신들을 광고하는 코드를 같이 넣는다고 기본으로 돼 있는데, 그거 해제하는 거 잊지 마시고. (물론 뽑아낸 코드에서 그냥 지워도 된다.)

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

Leave a Reply

Your email address will not be published. Required fields are marked *