본문 바로가기

분류 전체보기73

JSON 파일 보기 좋게 정렬해주는 사이트 json.parser.online.fr/ jsonformatter.curiousconcept.com/# JSON Formatter & Validator Format and validate JSON data so that it can easily be read by human beings. jsonformatter.curiousconcept.com jsonlint.com/ The JSON Validator JSONLint is the free online validator and reformatter tool for JSON, a lightweight data-interchange format. jsonlint.com 2021. 1. 4.
to do list See the Pen to do list by ziziziczic (@ziziziczic) on CodePen. 해당 내용은 다음 동영상을 참고하여 작성되었습니다. 출처 : https://youtu.be/b8sUhU_eq3g 2021. 1. 3.
사용자 이름 입력받기 ( feat. localStorage 사용) See the Pen save user name by ziziziczic (@ziziziczic) on CodePen. 2020. 12. 31.
xelf.io ) 빠르고 간편한 디자인 사이트 xelf.io/ XELF (주)큐리어드 : 서울특별시 강남구 논현로71길 20 현덕빌딩 4층 | 전화 : 02-535-0195 | 문의메일 : manager@xelf.io 대표자: 안태환 | 사업자등록번호 : 114-86-53076 | 통신판매업신고 : 제 2018-서울서초-0351호 © xelf.io '메모'부터 '프리젠테이션', '웹 사이트'까지 여러 산출물을 위한 기본 기능을 제공하고 산출물을 웹으로 공유가능한 사이트 입니다. 아이디어 공유를 위해, 빠른 디자인 시현을 위해, 사용하시면 좋을 것 같아 추천드립니다. 2020. 12. 31.
pitch.com) 파워포인트 협업 site pitch.com/ Collaborative presentation software for modern teams. Pitch is uncompromisingly good presentation software, enabling modern teams to craft and distribute beautiful presentations more effectively. Sign up for free. pitch.com 파워포인트 온라인 협업 사이트입니다. 2020. 12. 31.
플레이스잇넷) 쉬운 목업 사이트 placeit.net/c/mockups Mockup Generator | Try 15k Mockups for Free | Placeit Display your t-shirt designs with our apparel mockups, your app screenshot on one of our iPhone mockups and your website redesign on one of our iMac or MacBook mockups, it'll only take a few seconds to add your image to the mockup without Photoshop. placeit.net 원하는 이미지로 쉽게 목업을 해보자. 2020. 12. 31.
클로바더빙) 텍스트를 읽어주고 더빙을 다운로드 할수 있어요. clovadubbing.naver.com/ 클로바더빙 clovadubbing.naver.com 텍스트를 입력하면 읽어주고, 이 더빙을 다운로드 받을수 있습니다. 2020. 12. 31.
2colors.colorion.co ) 최상의 2컬러 색상 조합 찾기 사이트 2colors.colorion.co/ Two Color Combinations Two color combination palettes 2colors.colorion.co 두가지 색상으로 만드는 최상의 색상조합을 찾아드립니다. 여러가지 색상들의 조합을 직접 보면서 선택하실수 있습니다. 2020. 12. 31.
시계 만들기 ( 웹에 현재시간을 표시해보자) See the Pen clock by ziziziczic (@ziziziczic) on CodePen. 2020. 12. 31.
line-height=1 이 의미하는 바는? 폰트 위,아래로 가독성을 위해 leading이라는 공간이 있음. 그림에서 보라색 부분이 leading임. 이는 폰트 제작자가 설정해둔 값임. line-height는 그림과 같다. 즉, 위아래 leading까지 다 들어간 값임. 즉, line-height = normal이면 폰트제작자가 설정해둔 leading값이 적용됨. 만약에 line-height를 1로 둔다면? 이를 다음 그림으로 확인해보자. line-height를 1로 설정한다는것은 폰트사이즈만큼 높이를 갖겠다는 것. 이는 가독성이 매우 떨어진다. 글씨가 다닥다닥 위,아래로 붙어서 글을 읽기가 힘듦. 위의 알파벳 y를 보면 하단으로 삐져 나온것이 보이는데 이러한 공간(leading 영역)까지 고려한다면 line-height 값은 1보다 큰값으로 설정.. 2020. 12. 26.