San Francisco 웹 폰트

프로젝트 진행중 갑자기 중간에 웹폰트를 바꾼다고해서 검색해본 폰트인데 애플에서 만든 차세대 폰트네요. 바로 SFPro폰트.. 다행히 검색을 좀 해보니 누군가가 벌써 정리해서 올려놔서 구글링 한 정보들을 간단히 남겨놓습니다.. 필요하신 분들은 읽어보고 바로 쉽게 적용하시면 됩니다. gist.github.com/mfd/614e2e80a22b878bde63cb471cbe677e San Francisco Web Font San Francisco Web Font. GitHub Gist: instantly share code, notes, and snippets. gist.github.com 링크1 CSS 기본 시스템 폰트 설정 (2019) 각 운영체제 별로 기본 시스템 폰트를 로드하는 CSS 코드. 영문 시스템 ..
팁! 2021. 3. 18. 23:16
모바일, 태블릿 device-pixel-ratio 계산 방법

해당 디바이스의 뷰포트(device-width, height)를 수학공식?처럼 이론적으로 쉽게 구하는 방법입니다. 최근에 프로젝트를 하면서 보안때문에 인터넷이 막힌 상황에서 태블릿 device-width, height 값을 모른채로 일단 작업을 하긴 했었는데 퍼블리싱 작업을 하고 나서 태블릿에서 확인해보니 생각보다 많이 디자인과 멀어져? 있는 화면이 출력되어서 좀 당황 했었습니다. width값은 크게 상관은 없었지만 특정기기(하이브리드 앱이었습니다.)를 놓고 맞춰야 하는 상황이어서 device-height값을 꼭 알아야 하는 상황이었습니다. 그리고 디자인 자체가 스크롤이 생기면 안되는 화면이 많아서 더더욱 필수로 height값을 알아야 했구요. 제일 확실한 방법은 자바스크립트로 window.documen..
팁! 2020. 9. 19. 02:55
구글링 팁

팁! 2020. 6. 14. 13:59
마크다운 작성법

마크다운 문법 (Mark Down) 제목 this is a H1 this is a H2 this is a H3 this is a H4 this is a H5 this is a H6 인용구 this is a first blockqute. this is a second blockqute. this is a third blockqute. 순서있는 리스트 첫번째 두번쨰 세번째 순서없는 리스트 빨강 빨강2 빨강3 녹생 파랑 Code 블럭 (1) this is a normal paragraph: this is a code block. end code block. Code 블럭 (2) HTML 내용 css .center {text-align:center;} js const a = 1; const apple = '사과..
팁! 2020. 5. 18. 16:24
CLI(Command line interface) 명령어

※ CLI 명령키워드는 별도로 기울임 글씨로 작성하였습니다. git --version 1. 이동 : cd 디렉토리명 2. 처음 실행했을 때 위치로 돌아가려면 : cd ~ 3. 디렉토리 생성 : mkdir 디렉토리명 4. 디렉토리 여러개 생성(명령어 뒤에 생성할 디렉토리 이름을 공백으로 구분) : mkdir index.html 5. 현재 디렉토리에서 상위 디렉토리 이동 : cd ../.. 1. 파일 생성 : touch index.html 2. 파일 여러개 생성(파일이름을 공백으로 구분) : touch index.html index2.html 3. 파일 목록 확인 : ls 4. 파일 목록 확인(자세히) : ls -l 5. 파일이동 : mv style.css css/style.css [mv명령어 뒤에 "옮기기..
팁! 2020. 3. 9. 20:53
스프라이트 이미지 사용시 좌표값 쉽게 얻어주는 사이트

http://www.spritecow.com/
팁! 2017. 8. 11. 13:57
HTML / CSS 레퍼런스

http://htmlreference.io/http://cssreference.io/
팁! 2017. 8. 9. 15:11
IE, FF에서 <button> 클릭할 때 눌림효과(press effect) 없애는 법

아래 링크 참조 ~!http://html5around.com/wordpress/tutorials/css-remove-ie-ff-button-press-effect/
팁! 2017. 7. 12. 11:21
크롬 포터블

https://google-chrome-portable.kr.uptodown.com/windows http://blog.naver.com/skyvvv624/220633646420
팁! 2017. 3. 31. 09:42
개인 svn 저장소 생성 및 서버 설정

개인 컴퓨터로 svn 저장소를 만들어서(비주얼svn) 팀원들과 같이 파일을 버전관리 하고 싶을때 사용하면 좋은 팁! 참고로 거북이 svn 먼저 설치하시고 비주얼svn설치를 하셔야 합니다. 아래 URL 참고. http://frog-hindleg.tistory.com/114
팁! 2017. 3. 10. 10:42
1 2 3