반응형

USER FRIENDLY UI 란? 

 

친근한 것인가? 익숙한 것인가? 

 

brunch.co.kr/@ultra0034/7

 

USER FRIENDLY

친근한 디자인인가? 익숙한 디자인인가? | 우리는 흔히들 user friendly라는 표현을 듣습니다. 특히 새로운 소프트웨어 인터페이스를 홍보하는 경우 "user friendly"라는 표현이 약방의 감초처럼 등장�

brunch.co.kr

 

반응형
저작자표시 비영리

'프로그래밍 > Style & Design' 카테고리의 다른 글

Free themes for Bootstrap  (0) 2020.10.14
[FONT] 웹 한글 폰트 - 눈누 https://noonnu.cc/  (0) 2020.09.17
부트스트랩, 어떻게 사용해야할까? -파트 1 (번역본)  (0) 2020.06.19
반응형웹, Typical Device Breakpoints, media queries  (0) 2020.06.17
Emoji - Surfing, Surfer 🏄 Surf  (0) 2019.08.22
반응형

부트스트랩, 어떻게 사용해야할까? -파트 1 (번역본)

https://brunch.co.kr/@clay1987/131

 

부트스트랩, 어떻게 사용해야할까? -파트 1 (번역본)

세계에서 가장 인기있는 프론트엔드 라이브러리, 부트스트랩 사용법! | 이 게시물은 Medium, wd stack 채널의 How to bootstrap 이라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했�

brunch.co.kr

 

https://getbootstrap.com/docs/4.1/getting-started/introduction/

 

Introduction

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.

getbootstrap.com

 

반응형
저작자표시 비영리

'프로그래밍 > Style & Design' 카테고리의 다른 글

[FONT] 웹 한글 폰트 - 눈누 https://noonnu.cc/  (0) 2020.09.17
USER FRIENDLY UI 란?  (0) 2020.09.11
반응형웹, Typical Device Breakpoints, media queries  (0) 2020.06.17
Emoji - Surfing, Surfer 🏄 Surf  (0) 2019.08.22
파사드(프랑스어: Façade) Facade 디자인  (0) 2019.07.10
반응형

반응형웹, Typical Device Breakpoints, media queries

https://www.w3schools.com/css/tryit.asp?filename=trycss_mediaqueries_fontsize

 

Tryit Editor v3.6

div.example { background-color: lightgrey; padding: 20px; } @media screen and (min-width: 600px) { div.example { font-size: 80px; } } @media screen and (max-width: 600px) { div.example { font-size: 30px; } } Change the font size of an element on different

www.w3schools.com

 

반응형
저작자표시 비영리

'프로그래밍 > Style & Design' 카테고리의 다른 글

USER FRIENDLY UI 란?  (0) 2020.09.11
부트스트랩, 어떻게 사용해야할까? -파트 1 (번역본)  (0) 2020.06.19
Emoji - Surfing, Surfer 🏄 Surf  (0) 2019.08.22
파사드(프랑스어: Façade) Facade 디자인  (0) 2019.07.10
웹측정 - 모니터 디스플레이, 화면해상도  (0) 2019.06.19
반응형

https://emojipedia.org/surfer/

 

🏄 Surfer Emoji

A person on a surfboard, riding on a wave in the ocean. Wears a wetsuit or board shorts in most versions. Person…

emojipedia.org

Also Known As

  • 🏄 Surf
  • 🏄 Surfing

Apple Name

🏄 Man Surfer

Unicode Name

🏄 Surfer

반응형
저작자표시 비영리

'프로그래밍 > Style & Design' 카테고리의 다른 글

부트스트랩, 어떻게 사용해야할까? -파트 1 (번역본)  (0) 2020.06.19
반응형웹, Typical Device Breakpoints, media queries  (0) 2020.06.17
파사드(프랑스어: Façade) Facade 디자인  (0) 2019.07.10
웹측정 - 모니터 디스플레이, 화면해상도  (0) 2019.06.19
SVG, dashoffset, X,Y, animation  (0) 2019.06.18
반응형

파사드(프랑스어: Façade)는 건물의 출입구로 이용되는 정면 외벽 부분을 가리키는 말이다. 한글화하여 순화하려면 '정면'(正面)이 무난할 것으로 여겨진다. 건축에서 파사드의 궁극적 목적은 '소통'이다. 건물의 입면이 다양해지면서 파사드는 건물 외피 전체를 의미하기도 한다.

건축의 관점에서 파사드는 종종 그 건물에서 가장 중요한 디자인적 요소가 된다. 그리하여 파사드가 그 건물의 나머지 부분의 색채, 톤을 잡아준다. 이런 측면에서 '파사드'라는 개념은 은유적으로 사용될 수 있는데, 거시적 관점과 미시적 관점에 대해 사유할 여지를 준다.[1]

많은 경우에 파사드는 역사적인 구조물이며, 지역 법률에 의하여 그 변경이 크게 제한되어 있으며, 가끔 파사드의 변경은 거부감을 발생시킨다.

'미디어 파사드'는 '파사드(Facade)'와 '미디어(Media)'의 합성어로, 건물 외벽 등에 LED 조명을 설치해 미디어 기능을 구현하는 것을 의미한다.

반응형
저작자표시 비영리

'프로그래밍 > Style & Design' 카테고리의 다른 글

반응형웹, Typical Device Breakpoints, media queries  (0) 2020.06.17
Emoji - Surfing, Surfer 🏄 Surf  (0) 2019.08.22
웹측정 - 모니터 디스플레이, 화면해상도  (0) 2019.06.19
SVG, dashoffset, X,Y, animation  (0) 2019.06.18
해상도/일람  (0) 2019.06.17
반응형

모니터 디스플레이 크기 : 


Your display diagonal is : https://www.infobyip.com/detectdisplaysize.php


Display dimensions (width x height):  https://www.infobyip.com/detectdisplaysize.php

 

Display size detector - find out size of your display

Display size detector - find out size of your display

www.infobyip.com


화면해상도 측정 :  
Your screen resolution and color depth are: https://www.infobyip.com/detectscreenresolution.php

 

Screen resolution detector - find out resolution of your monitor

Screen resolution detector - find out resolution of your monitor

www.infobyip.com

 

반응형
저작자표시 비영리

'프로그래밍 > Style & Design' 카테고리의 다른 글

Emoji - Surfing, Surfer 🏄 Surf  (0) 2019.08.22
파사드(프랑스어: Façade) Facade 디자인  (0) 2019.07.10
SVG, dashoffset, X,Y, animation  (0) 2019.06.18
해상도/일람  (0) 2019.06.17
UXPin - UI Design and Prototyping Tool  (0) 2019.05.30
반응형

SVG, dashoffset, X,Y, animation

https://jsfiddle.net/user/dashboard/fiddles/

반응형
저작자표시 비영리

'프로그래밍 > Style & Design' 카테고리의 다른 글

파사드(프랑스어: Façade) Facade 디자인  (0) 2019.07.10
웹측정 - 모니터 디스플레이, 화면해상도  (0) 2019.06.19
해상도/일람  (0) 2019.06.17
UXPin - UI Design and Prototyping Tool  (0) 2019.05.30
CSS3 Media Queries  (0) 2019.04.17
반응형

해상도/일람

해상도/일람

https://namu.wiki/w/%ED%95%B4%EC%83%81%EB%8F%84/%EC%9D%BC%EB%9E%8C

 

해상도/일람 - 나무위키

Video Graphics Array 이름해상도비율설명qqVGA160×1204:3HqVGA240×1603:2Half quarter VGA320×2404:3WqVGA400×2405:3Wide quarter VGAHVGA480×3203:2VGA640×4804:3-WVGA800×4805:3FWVGA854×48016:9Full Wide VGASVGA800×6004:3DVGA960×6403:2WSVGA1024×576 1024x 60016:9 17:10 그래픽 어레

namu.wiki

eXtended Graphics Array

이름

해상도

비율

설명

XGA[10]

1024×768

4:3

-

WXGA

1280×768[11] 
1280×800

5:3 
16:10

Wide XGA

FWXGA

1366×768

16:9

Full Wide XGA[12]

XGA+

1152×864[13]

4:3

XGA Plus

WXGA+

1440×900

16:10

Wide XGA Plus

WSXGA

1680×1050

16:10

Widescreen Super XGA

SXGA

1280×1024

5:4

Super XGA

SXGA+

1400×1050

4:3

Super XGA

UXGA

1600×1200

4:3

Ultra XGA

WUXGA

1920×1200

16:10

Wide Ultra XGA


 

반응형
저작자표시 비영리

'프로그래밍 > Style & Design' 카테고리의 다른 글

웹측정 - 모니터 디스플레이, 화면해상도  (0) 2019.06.19
SVG, dashoffset, X,Y, animation  (0) 2019.06.18
UXPin - UI Design and Prototyping Tool  (0) 2019.05.30
CSS3 Media Queries  (0) 2019.04.17
UI 애니메이션 기획에 영감을 주는 “30가지 애니메이션 샘플”을 정리한 블로그 글입니다.  (0) 2019.02.28

+ Recent posts

티스토리툴바