안녕하세요~드디어 3일차 글을 쓰게 된 찐망고입니다. 오늘은 웹에서 사용하기 편한 웹아이콘을 적용하는 방법에 대해서포스팅을 해보려고 합니다. 제가 예전에 자주 쓰던 사이트는 폰트어썸이고...https://fontawesome.com/ Font AwesomeThe world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.fontawesome.com 이번에 포스팅 할 사이트는 https://xpressengine.github.io/XEIcon/ XEIcon, 문자를 그리다XEICon은 웹사이트 제작에 최적화된 벡터 그래픽 아이콘 툴킷입니다. 여러분의 아름답고 직관적인 웹페이..
안녕하세요~ 작심삼일로 또 끝날것 같지만 매일매일 포스팅하기 이틀 차 찐망고입니다. 오늘은 어제에 이어서 HTML 문서에 글꼴을 적용하는 방법에 대해서 포스팅해보려고 합니다. 이전 글은 아래에서 확인합니다. 2021.07.21 - [마크업/CSS] - 안녕 구글 웹폰트? 아니 폰트에 대해서 안녕 구글웹폰트? 아니 폰트에 대해서 안녕하세요 여러분. 블로그 매일 포스팅한다고 그랬는데... 봐주는 사람은 없지만 굳이 제 의지로 css 카테고리에 두 번째 글을 써봅니다. 먼가 블로그의 컨셉을 잡아야 하는데 존대와 반말을 섞 uiweb.tistory.com 이전 글에선 구글 웹폰트를 이용해서 폰트를 적용하는 방법에 대해서 설명하였고, 오늘은 내 서버에 직접 폰트를 넣어보는? 그래서 적용해보는 작업을 해볼 예정입니..
안녕하세요 여러분. 블로그 매일 포스팅한다고 그랬는데... 봐주는 사람은 없지만 굳이 제 의지로 css 카테고리에 두 번째 글을 써봅니다. 먼가 블로그의 콘셉트를 잡아야 하는데 존대와 반말을 섞어쓰다보니 콘셉트 잡기도 쉽지 않네요.. 저번에 reset.css에 관련된 글을 하나 남겼습니다. 2021.06.30 - [마크업/CSS] - RESET.CSS RESET.CSS 마크업 퍼블리싱하면서 가장 중요한 부분 중 하나는 크로스 브라우징인데.. 각 브라우저마다 html요소가 보이는 부분이 조금씩 다르다 보니...(안녕 ie? 니 얘기야 ios너도... 인마) html의 각 요소를 uiweb.tistory.com 딱히 질문이나 댓글이 없어서 지나감;; 오늘은 HTML문서에서 아주 중요한 역할을 가진 FONT에..
마크업 퍼블리싱하면서 가장 중요한 부분 중 하나는 크로스 브라우징인데.. 각 브라우저마다 html요소가 보이는 부분이 조금씩 다르다 보니...(안녕 ie? 니 얘기야 ios너도... 인마) html의 각 요소를 초기화시키는 작업을 해야 한다. 그게 바로 reset의 시작.. reset의 기원을 검색해보면 여러 가지의 참고 reset을 확인해 볼 수 있는데 그중 세가지만 살펴보자면.. Eric Meyer’s “Reset CSS” 2.0 CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margin..
이전 글 2021.06.20 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 5 UI & UX Micro-Tips: The Ultimate Collection - 5 이전 글 2021.06.18 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 4 UI & UX Micro-Tips: The Ultimate Collection - 4 이전 글 2021.06.17 - [디자인] - UI & UX Micro-Tips: The Ultimate Colle.. uiweb.tistory.com 51. If you (have to) use multiple typefaces, try to stick to the 2 ma..
이전 글 2021.06.18 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 4 UI & UX Micro-Tips: The Ultimate Collection - 4 이전 글 2021.06.17 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 3 UI & UX Micro-Tips: The Ultimate Collection - 3 이전 글 2021.06.16 - [디자인] - UI & UX Micro-Tips: The Ultimate Colle.. uiweb.tistory.com 41. Use established icons in your UIs to avoid confusion for the user..
보호되어 있는 글입니다.
이전 글 2021.06.17 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 3 UI & UX Micro-Tips: The Ultimate Collection - 3 이전 글 2021.06.16 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 2 UI & UX Micro-Tips: The Ultimate Collection - 2 디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 이전글 20.. uiweb.tistory.com 31. For Download Indicators, try to be as informative as possible. // Download Indicators ..
이전 글 2021.06.16 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 2 UI & UX Micro-Tips: The Ultimate Collection - 2 디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 이전글 2021.06.15 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 1 UI & UX Micro-Tips: The Ultimate Collection - 1 디자인을.. uiweb.tistory.com 21. Colour-Pick from your images, and bring your products to life. // 이미지 위에 제품을 배치할 땐 컬러 배경을..
디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 이전글 2021.06.15 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 1 UI & UX Micro-Tips: The Ultimate Collection - 1 디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 1. Make your elements appear more defined with a subtle border. // 요소에 테두리를 둥글게 하고(border-radius), 그림자 같은 음영(box-sh.. uiweb.tistory.com 11. Use Superfamilies when you’re looking for great font combinatio..
- Total
- Today
- Yesterday
- Border
- padding
- 포토샵합성
- 스마트폰해상도
- uiux
- 웹디자인
- css그리드
- 슬라이드플러그인
- 크로스브라우징
- 웹표준
- uxdesign
- css
- CSS3
- 시멘틱마크업
- slickAPI
- 자바스크립트숫자카운트
- UI디자인
- margin
- 디자인팁
- 웹접근성
- 반응형웹
- boxmodel
- Slick
- JavaScript
- 피그마플러그인
- css4
- 코딩교육
- JavaScriptTips
- 프로그래밍기초
- uidesign
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |