정보공유15 [코드펜] 티스토리에 코드펜(CodePen)소스 올리기 1. 코드펜 가입하기 codepen.io/following CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 2. 가입/로그인 후 코드 작성하기 01 클릭 02 NewPen클릭하여 코드 작성 페이지 이동하기 03 코드 작성 후 Save클릭 04 Embed 클릭 3. 코드 복사하기 (상단 Theme에서 Light/Dark 색상 선택 가능) HTML탭에 있는 소스 복사 4. 티스토리에 코드 붙어넣기 티스토리에 HTML 또는 마크업.. 2020. 11. 17. [새로고침] IE 크롬 새로고침/강력 새로고침 1단계 새로고침 : 화면 컨텐츠를 새로고침(Refresh) -F5 -Ctrl + R 2단계 강력 새로고침 : 캐시(Cache) 메모리 등을 강제로 새로고침 -Ctrl + F5 -Ctrl + Shift + R (IE는 지원 안됨) 3단계 (크롬) F12(개발자도구)클릭 후 새로고침 버튼 1-2초 클-----릭 "캐시 비우기 및 강력 새로고침" 클릭 2020. 10. 30. [EditPlus] 에디트 플러스 젠코딩(Zen Coding) 사용하기 젠코딩 : HTML 코딩의 생산성을 향상시켜주는 도구 사용 예시 - div를 생략하고 #box 또는 .box만 작성해도 div로 생성됨. - .ClassName 작성 후 Ctrl+E 또는 Tab키 누르면 문장 완성 - 보다 다양한 젠코딩문법 방법은 구글링 추천 [설정방법 - 3가지] 1. 상단메뉴 中 ZC -> Zen Coding 사용 2. 상단메뉴 中 Emmet -> Emmet사용 3. 상단메뉴 中 도구(T) -> 기본설정(P) -> 키보드 -> Zen Coding 또는 Emmet -> Expand Abbreviation *Expand Abbreviation에서 젠코딩 새 단축기 추가 가능합니다. 2020. 10. 30. [앱디자인] 해상도 계산 px -> dpi [출처] http://designbase.co.kr/sketch-3/ 앱 UI 디자인의 시작, OS 별 해상도 및 안드로이드 DP 단위 - 스케치 강좌 스케치 강좌 세 번째입니다. 이번에는 앱 UI 디자인을 하기 위해서 알아야 할 가장 기본적인 것을 알아볼 거예요. OS 별 아트 보드 규격입니다. 아이폰 앱, 안드로이드 앱 디자인을 하려면 사이즈 규격부터 알아야겠죠? 안드로이드 작업시에 중요한 DP 단위의 개념도 알아봅시다. designbase.co.kr 2020. 3. 24. 이전 1 2 3 4 다음 반응형
