728x90 300x250 개발도구13 코드 예쁘게 자동 정렬하기 (브라켓) : css js등 페이지 보기해서 소스보면 이런식으로 다닥다닥 붙어서 보기 불편한 소스들이 있다.브라켓을 이용하면 이런 붙어 있는 소스들을 간편하게 정리해줄수있다. http://brackets.io/ 브라켓은 위 사이트에서 다운로드 가능하다 브라켓을 열고정렬해주고 싶은 소스를 붙여넣어준다 오른쪽편에 확장기능관리자라는 아이콘을 눌러준다. beautify.io코드를 검색해서 설치해준다. 그럼 오른쪽상단에 마술봉모양의 아이콘이 생긴걸 확인할수 있다. beautify아이콘을 클릭해주면 소스가 보기쉽게 정렬이 된다. 2019. 1. 13. 윈도우 기본글꼴 확인하기 윈도우 3.1부터 윈도우 10까지 윈도우의 기본 글꼴 확인방법 http://en.wikipedia.org/wiki/List_of_typefaces_included_with_Microsoft_Windows 위 링크를 참고하면 윈도우 버전별로 기본글꼴을 확인할 수 있다. 2019. 1. 8. entity코드 웹상에 기호 표시하기 웹상에서 > 이런 혹은 " 이런 아니면 → 이런 심지어 공백이라도 웹상에 코딩 하려면 웹상에서 사용하는 코드를 알아야 하는데이걸 일일이 외우기는 힘드니 나는 원래 드림위버에서 치면 자동으로 변환되기 때문에 이런식으로 이용했으나 이 사이트를 알게 되서 일일이 드림위버를 열필요가 없어졌다. https://www.toptal.com/designers/htmlarrows/ 위 주소로 들어가면 유티코드, 16진수코드, html코드, html ENTITY로 기호를 표현할 수 있는 값들이 있으니복사해서 써주면된다. 표현방법 여러개인데 엔티티코드 써주면 된다. 2019. 1. 6. 가변글꼴과 폰트 사이즈 em 간편하게 변경하기 폰트 사이즈- em : 부모 요소에서 지정한 폰트의 대문자M 너비를 기준으로 크기를 조절한다. 대문자 M의 너비를 1em으로 놓고 상대적으로 계산하는데 만약에 지정크기가 없다면 16px이 1em이 된다. font: 100% = 16px - rem : em 요소는 부모요소에 따라 사이즈계 계속 변경되기 때문에 계산이 복잡해 지는데 이런 단점을 극복하기 위해 만들어진 단위가 rem 이다 여기서 r은 루트를 뜻하며 맨 처음에 설정한 기본크기에 따라 적용되기 때문에 중간에 값이 변경되지 않고 계산하기도 편하디. 그러나 em으로 사용했을때는 확대시에 같은 비율로 늘어나고 줄어들지만 rem 단위는 결국 루트에 따라 고정된 값이라서 확대축소시에 비율이 깨진다는 얘기가 있다. - ex : x-height, 소문자 x의.. 2018. 12. 3. 이전 1 2 3 4 다음 728x90 반응형
