본문 바로가기

IT/ETC4

모바일 디바이스별 해상도, OS 버전 (2023.02.21 업데이트) name phys. width phys. height CSS width CSS height pixel ratio phys. ppi OS Launch Date Apple iPhone 14 Pro Max 1290 2796 430 932 3 460 iOS 16.0 2022.09 Apple iPhone 14 Plus 1284 2778 428 926 3 458 iOS 16.0 2022.09 Apple iPhone 14 Pro 1179 2556 393 852 3 460 iOS 16.0 2022.09 Apple iPhone 14 1170 2532 390 844 3 460 iOS 16.0 2022.09 Apple iPhone 13 Pro Max 1284 2778 428 926 3 458 iOS 15.0 2021.09 .. 2020. 6. 28.
2020년 모바일 UI/UX 디자인 트렌드 UI 디자인은 모바일 애플리케이션의 첫인상입니다. 앱의 UI 디자인이 클라이언트 중심적이고 매력적인 콘텐츠가 있으면 성공을 막을 수 있는 것은 없습니다. 그러나 UX 환경은 지속적으로 변화하고 있고, 시간이 지남에 따라 새로운 것들이 개발되고 있습니다. 그리고 UI 디자인은 모바일 산업에서 가장 변화가 많은 영역으로, 산업의 다른 많은 영역에 영향을 미칩니다. UI / UX 란? UI 디자인이란 무엇입니까? UI 디자인은 사용자 인터페이스 디자인을 나타냅니다. UI는 사람이 상호 작용할 수 있는 모바일 앱의 그래픽 레이아웃입니다. 여기에는 사용자가 클릭하는 버튼, 읽은 텍스트, 슬라이더 등이 포함될 수 있습니다. UX 디자인이란 무엇입니까? UX 디자인은 사용자 경험 디자인을 나타냅니다. 모바일 앱에 대.. 2020. 6. 25.
웹 개발 입문자에게 추천하는 HTML, CSS 사이트 HTML, CSS 같은 경우 기본개념을 알지 못하면 해당 역할을 알면서도 실무에 제대로 응용을 하지 못하는 경우가 많습니다. 프로트엔드개발자 뿐만 아니라 백엔드개발자도 유지보수 등 기본 화면 제작을 위해 어느정도 HTML, CSS를 익힐 필요성이 있습니다. 1. 웨버 스터디 입문 추천합니다. 참고서처럼 개념이 자세히 서술돼있습니다. 웨버스터디 웹 제작을 처음 접하는 사람들을 위한 무료 강의. 웹 제작, 웹 디자인을 위한 HTML과 CSS에 대해 보다 쉽게, 보다 깊이 다룹니다. 초보자부터 숙련된 개발자까지 모두 함께 할 수 있는 사이트 webberstudy.com 2. 생활코딩 입문 ~ 중급 이상 추천합니다. HTML, CSS, jQuery, Javascript, Github 등 실무에 유용한 정보를 익.. 2020. 6. 23.
개발 소스 비교 사이트 두개의 소스를 비교할 수 있는 유용한 사이트를 소개하고자 합니다. 필자의 경우 사이트 재구축 전 변경된 CSS 소스와 싱크를 맞추기 위해 해당 사이트를 이용했는데, 별도의 프로그램 설치가 필요없어서 간편하게 사용할 수 있습니다. 1. Diffichecker Diff Checker Try our desktop app Offline mode, advanced features and more www.diffchecker.com 소스 비교 가능한 사이트입니다. UI가 단순해서 쉽게 사용 가능하지만, 소스가 많을 경우 위치 찾기가 번거로운 단점이 있습니다. 2. DiffNow DiffNow www.diffnow.com 소스, 파일, URL 비교 가능한 사이트입니다. 위치 찾기 기능이 있어 소스를 비교하기에 용이합.. 2020. 6. 23.