본문 바로가기

전체 글123

XD 플러그인 추천 https://mariedays.tistory.com/36 어도비 XD 추천 플러그인 워크플로우의 가속화 및 자동화를 구현하는 강력한 플러그인 Artboard Plus 아트보드 재정렬 ​ Lorem Ipsum 더미 텍스트 생성기 ​ ***** ​ UI Faces 아바다를 생성 원하는 타입으로 ​ User Profile 아바타 생성 랜덤 ​ ***** ​ Unsplash Random Image Unsplash에 있는 무료 이미지를 랜덤으로 가져오는건데 ​ PhotoSplash Unsplash에 있는 무료 이미지를 랜덤으로 가져오는건데 선택할 수 있음 ​ ***** ​ Web Export 아트보드를 HTML, CSS로 내보낼 수 있다 ​ Icondrop by Iconscout 아이콘을 바로 사용할 수 있는 .. 2020. 7. 24.
사이트별 가로 크기 네이버 (https://www.naver.com/) 1190px 다음 (https://www.daum.net/) 1080px 제이티스튜디오 (https://studio-jt.co.kr/) 1262px / 100% 2020. 7. 24.
그리드 시스템 브레이크 포인트의 범위별 컬럼과 마진/가터 브레이크 포인트 가로 사이즈 칼럼 마진/가터 Mobile 360 (psd 720) 4 16 Tablet 768 (psd 1536) 8 16 PC 1280, 1130(N), 1080(D) 12 24 그리드 계산기 http://gridcalculator.dk/ Grid Calculator by Nicolaj Kirkgaard Nielsen gridcalculator.dk 그리드 시스템을 사용하는 목적 "정보에 질서와 구조를 부여한다" - 베이스라인(Baseline) 기반의 타입 디자인 "정보에 질서와 구조를 부여한다" - baseline, units, columns, gutters, margins 정보에 질서와 구조를 부여한 웹디자인 프린트 디자인의 다음 세대 매체.. 2020. 7. 24.
색상 선택 도구 https://material.io/design/color/the-color-system.html#color-usage-and-palettes Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io https://material.io/resources/color/#!/?view.left=0&view.right=0 2020. 7. 24.
Adobe XD 단축키 Adobe XD에서 사용할 수 있는 모든 키보드 단축키의 목록입니다. XD는 문서 작업을 신속하게 진행하는 데 유용한 단축키를 제공합니다. 대부분 메뉴의 명령 이름 옆에 키보드 단축키가 표시됩니다. 다운로드가 가능한 버전의 키보드 단축키 인쇄에 최적화된 버전의 이들 키보드 단축키를 다운로드하고 인쇄할 수 있습니다. 클릭하여 다운로드 XD에서 모든 키보드 단축키를 볼 수 있는 새로운 플러그인이 도입되었습니다. 플러그인을 설치하려면 플러그인 > 키보드 단축키 > 설치로 이동하십시오. 플러그인을 설치한 후 다음 단축키를 사용하여 키보드 단축키에 액세스합니다. Mac: Shift + ⌘ + f Windows: Shift + Ctrl + f 일반 단축키 결과macOS 키보드 단축키Windows 키보드 단축키 종료.. 2020. 7. 22.
Adobe XD 설치하기 Adobe XD 다운로드 https://www.adobe.com/kr/products/xd.html 탁월한 협업 앱으로 웹 사이트, 모바일 앱, 음성 인터페이스, 게임 등의 디자인 제작 및 공유 프로그램 새로운 기능 소개 XD는 정기적으로 추가되는 새로운 기능을 통해 지속적으로 향상되고 있습니다. 업데이트된 최신 기능 중 일부를 소개합니다. 새로운 기능 모두 보기 공동 편집(베타) 동일한 문서를 동시에 여러 팀원과 작업하여 보다 신속하게 디자인할 수 있습니다. 디자인 토큰 색상과 문자 스타일에 사용자 정의 이름을 추가하여 최신 파일로 디자이너와 개발자 간의 협업을 원활하게 진행할 수 있습니다. 스택 오브젝트 간의 간격을 설정해 두면 그룹의 오브젝트 크기가 바뀌거나 새로운 오브젝트가 그룹에 추가되더라도 일.. 2020. 7. 20.
(펌) 워드프레스 테마에서 원페이지 레이아웃으로 사이트 구성하기 https://avada.co.kr/wordpress/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%ED%85%8C%EB%A7%88%EC%97%90%EC%84%9C-%EC%9B%90%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83%EC%9C%BC%EB%A1%9C-%EC%82%AC%EC%9D%B4/ 원페이지 구성은 SEO적인 관점에서 별로 바람직하지 않습니다만, 우리나라에서는 아직 원페이지 형식으로 사이트를 제작하는 경우가 많은 것 같습니다. 이 글에서는 원페이지로 구성하는 방법과 워드프레스 테마 중 하나인 The7에서 원페이지를 설정하는 방법에 대해 간단히 설명합니다. 섹션에 ID 지정하기 먼저 한 페.. 2020. 6. 26.
(펌) 커스텀 페이지를 만드는 3+1가지 방법 https://wpguide.usefulparadigm.com/posts/668 커스텀 페이지를 만드는 3+1가지 방법 - WordPress 가이드 워드프레스 커스텀 페이지 만들기. 페이지 템플릿을 이용하면 워드프레스에서 커스템 페이지를 쉽게 만들 수 있습니다. 페이지 빌더 플러그인을 써도 되죠. 워드프레스에서 커스텀 페이지를 만 wpguide.usefulparadigm.com 워드프레스를 사용하다보면 페이지(page)를 추가할 일들이 많습니다. 컨택 페이지나 회사소개 페이지, 제품 소개 페이지 등등. 그래서 워드프레스는 포스트(글)와는 별개로 페이지 만드는 공간을 제공하고 있죠. 페이지는 날짜별 카테고리별로 쌓아 나가는 포스트(글)와 달리 하나하나가 독립된 용도를 갖는 경우가 많습니다. 예를 들면 랜딩.. 2020. 6. 26.
워드프레스 다운로드 및 설치하기 1. 워드프레스 다운 받기 아래 링크를 눌러 워드프레스 zip 파일을 다운 받은 후 압축을 풀어줍니다. https://ko.wordpress.org/download/ Download Download WordPress today, and get started on creating your website with one of the most powerful, popular, and customizable platforms in the world. ko.wordpress.org 2. FTP 접속 후 업로드 본인 계정에 접속하여 다운 받은 워드프레스 파일을 /html 폴더에 업로드합니다. 설치는 끝났습니다. 참 쉽죠? 이제 wp 설정만 하면 됩니다. 3. 내 사이트 주소로 접속합니다. 내 닷홈 주소로 접속합니다.. 2020. 6. 26.
[펌] VS Code ftp-simple https://gangnam-americano.tistory.com/26 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해 알아보겠다. 우선, Visual Stu.. gangnam-americano.tistory.com [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해.. 2020. 4. 21.
Wordpress 망보드 설치하기 https://www.mangboard.com/manual/start/ 매뉴얼 | 워드프레스 게시판 망보드 망보드 소개, 버젼별 특징, 설치방법, 게시판 추가방법 www.mangboard.com 망보드 게시판 설치하기 플러그인 자동 설치방법 망보드는 워드프레스 공식 플러그인으로 등록되어 있기 때문에 워드프레스 관리자 > 플러그인 > 새로추가 페이지에서 "mangboard"로 검색해서 클릭만으로 설치가 가능합니다. 망보드 플러그인: https://wordpress.org/plugins/mangboard/ 1. 워드프레스 관리자 > 플러그인 > 새로추가 페이지에서 "mangboard" 키워드를 검색합니다. 2. 망보드 플러그인이 검색되면 "지금 설치" 버튼을 클릭합니다. 3. 망보드 플러그인 설치가 완료되면.. 2020. 4. 21.
input password에 텍스트가 보이지 않을 경우 input[type=password] { font-family: 'Malgun Gothic'; } 2020. 4. 19.