![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bKUS1N/btsoiZroCtc/ezLk6DbkrhqmL6UZ8WJh9k/img.png)
안녕하세요 찐망고입니다. 오늘은 웹에서 많이 사용하는 용어들을 정리해서 업로드 해볼까 하는데요 다 알고있지만 정리하는 개념으로 올려볼게요 1. 반응형&적응형 웹 - 반응형 웹 접속하는 디스플레이 종류에 따라 화면의 크기가 알맞게 변하는 웹사이트 반응형 웹은 접속하는 사이트 주소가 하나이다. - 적응형 웹 PC형태와 모바일형태를 나눠서 작업하는 적응형 웹 사이트 접속하는 사이트 주소가 두 개이다. ex) www.naver.com, m.naver.com 참고로 PC에서 모바일 사이트를 확인해볼 수 있는데 1. 개발자도구(F12)를 연다 2. 모바일 아이콘을 누른다. 3. 새로고침을 해본다. 2. Favicon - 웹사이트에 방문 했을 때 브라우저 탭 좌측에 아이콘 - ico확장자: 구글에 ico변환사이트를 ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/JYUNX/btsnrsNCmmK/nJhU1Eptxe8RDdrgms8A71/img.png)
안녕하세요 찐망고입니다. 벌써 5번째 카테고리인 플러그인 포스팅으로 넘어왔네요 저는 피그마 플러그인을 많이 사용하는 편은 아닌데요. 그래도 있으니까 편하다 하는 것들 위주로 포스팅 해볼게요. 일단 이전글.. 0. styles등록 (text, color) - 이전글 참조 2023.07.03 - [피그마] - 피그마 ui-스타일가이드, 스타일 등록하기 피그마 ui-스타일가이드, 스타일 등록하기 안녕하세요 찐망고 입니다. 웹을 어느정도 정리하고 피그마강의를 써볼까 했는데.. 이렇게 두서가 없어??? 피그마도 순서대로 업로드해야하는데 일단 급한것부터 올려볼게요.. 수업시간에 CJFRESH uiweb.tistory.com 1. Layout grid 2023.07.05 - [피그마] - 피그마 Layout grid..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/csvwtl/btsnfrI5b2F/KF7pgY6xVRN5LkGpB5lPJK/img.png)
안녕하세요 찐망고입니다 오늘은 피그마의 Component와 Variants에 대해서 포스팅 해볼까 해요 일단 피그마 이전글들을 참고해주시구요 0. styles등록 (text, color) - 이전글 참조 2023.07.03 - [피그마] - 피그마 ui-스타일가이드, 스타일 등록하기 피그마 ui-스타일가이드, 스타일 등록하기 안녕하세요 찐망고 입니다. 웹을 어느정도 정리하고 피그마강의를 써볼까 했는데.. 이렇게 두서가 없어??? 피그마도 순서대로 업로드해야하는데 일단 급한것부터 올려볼게요.. 수업시간에 CJFRESH uiweb.tistory.com 1. Layout grid 2023.07.05 - [피그마] - 피그마 Layout grid 피그마 Layout grid 안녕하세요 찐망고입니다. 할게 많은 ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/EndAC/btsnaSkZBm1/WUEntajZkDL2LXful0Spok/img.png)
안녕하세요 찐망고입니다 오늘은 피그마의 Constraints에 대해서 포스팅 해볼까 해요 일단 피그마 이전글들을 참고해주시구요 0. styles등록 (text, color) - 이전글 참조 2023.07.03 - [피그마] - 피그마 ui-스타일가이드, 스타일 등록하기 피그마 ui-스타일가이드, 스타일 등록하기 안녕하세요 찐망고 입니다. 웹을 어느정도 정리하고 피그마강의를 써볼까 했는데.. 이렇게 두서가 없어??? 피그마도 순서대로 업로드해야하는데 일단 급한것부터 올려볼게요.. 수업시간에 CJFRESH uiweb.tistory.com 1. Layout grid 2023.07.05 - [피그마] - 피그마 Layout grid 피그마 Layout grid 안녕하세요 찐망고입니다. 할게 많은 와중에 피그마 ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cumELW/btsmIhThLHU/qrXp25LZb7If9VxXJPtx7k/img.png)
안녕하세요 찐망고입니다 오늘은 피그마의 Auto Layout에 대해서 포스팅 해볼까 해요 엄청 편리하고 좋은 기능이라 생각합니다요!! 일단 피그마 이전글들을 참고해주시구요 0. styles등록 (text, color) - 이전글 참조 2023.07.03 - [피그마] - 피그마 ui-스타일가이드, 스타일 등록하기 피그마 ui-스타일가이드, 스타일 등록하기 안녕하세요 찐망고 입니다. 웹을 어느정도 정리하고 피그마강의를 써볼까 했는데.. 이렇게 두서가 없어??? 피그마도 순서대로 업로드해야하는데 일단 급한것부터 올려볼게요.. 수업시간에 CJFRESH uiweb.tistory.com 1. Layout grid 2023.07.05 - [피그마] - 피그마 Layout grid 피그마 Layout grid 안녕하..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bzLjvo/btsmqKoNvib/nuz2p6ICOypk9Yl6Aqos81/img.png)
안녕하세요 찐망고입니다. 할게 많은 와중에 피그마 포스팅 중이고 피그마는 진짜 딱 몇개의 키워드만 공부하시면 끝나는 그만큼 기능은 적지만 알찬 프로그램이에요. 참고로 너무 많은 기능을 지원하는데 그런건 나중에 따로 썰 풀도록 하고 0. styles등록 (text, color) - 이전글 참조 2023.07.03 - [피그마] - 피그마 ui-스타일가이드, 스타일 등록하기 피그마 ui-스타일가이드, 스타일 등록하기 안녕하세요 찐망고 입니다. 웹을 어느정도 정리하고 피그마강의를 써볼까 했는데.. 이렇게 두서가 없어??? 피그마도 순서대로 업로드해야하는데 일단 급한것부터 올려볼게요.. 수업시간에 CJFRESH uiweb.tistory.com 1. Layout grid 2023.07.05 - [피그마] - 피그..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/etc7Kh/btsmr2PgWqf/hAJjUGLouH35cynTxNjyoK/img.png)
안녕하세요 찐망고 입니다. 웹을 어느정도 정리하고 피그마강의를 써볼까 했는데.. 이렇게 두서가 없어??? 피그마도 순서대로 업로드해야하는데 일단 급한것부터 올려볼게요.. 수업시간에 CJFRESHWAY사이트를 작업하면서 기본적인 스타일가이드도 만들어보았습니다. 스타일가이드가 필요한 이유는 앞으로 진행될 디자인과 마크업(퍼블리싱)때문인데요. 특히 퍼블리싱할땐 자주 사용하는 컬러와 폰트, 폰트사이즈를 미리 CSS로 셋팅해놓고 작업을 하면 아주 편리하기 때문에 디자인과 따로 이렇게 가이드를 만들어주면 좋습니다. 포토샵으로 디자인을 하다가 피그마로 디자인을 하면 참 편한게 일단 피그마는 텍스트 선택시 폰트의 정보가 바로 뜨는데요. Headline/30px Title Bold라고 되어있는 부분은 이런식으로 피그마에..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bkcpF1/btskfb8FKcq/wKgMCUy8fgP42dyz2iN2Y1/img.png)
안녕하세요 찐망고입니다. 키치하다 라는 단어 들어보셨나요?그럼 Y2K디자인은요?2023년 올해 웹디자인 트렌드 중 하나가 Y2K디자인이거든요..일단 키치하다라는 단어부터 알아볼까요? "키치하다" 일반적으로 어떤 대상이 과한 화려함이나 유행에 따른 특징을 가지고 있다는 의미를 뜻하는데요"과하네" 이게 펙트인거 같아요과장되고 유행을 따르는 화려함을 강조하며, 밝고 채도 높은 색상을 사용합니다.아무래도 그러다보니 누군가에겐 키치가 화려하고 재밌을 수 있겠지만,또 어떤 사람들에겐 키치가 너무 과장된 느낌이 들 수도 있겠죠? 안읽어도 되는 키치라는 용어의 유래더보기1. 독일어 "kitschen"과의 연결: 19세게 뮌헨에서 키치는 저급한 예술품이나 모조품을 가리키는 용어로 사용되었던..
- Total
- Today
- Yesterday
- uidesign
- boxmodel
- margin
- UI디자인
- Slick
- JavaScript
- 자바스크립트숫자카운트
- JavaScriptTips
- Border
- 슬라이드플러그인
- 포토샵합성
- 코딩교육
- uiux
- 웹디자인
- css
- 시멘틱마크업
- 웹표준
- 반응형웹
- slickAPI
- CSS3
- padding
- 크로스브라우징
- 스마트폰해상도
- uxdesign
- css그리드
- 웹접근성
- css4
- 피그마플러그인
- 프로그래밍기초
- 디자인팁
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |