IPhone 및 iPad 디자인 : JavaScript 프레임 워크를 사용하여 고급 기능 추가 - 인형

JavaScript 프레임 워크를 사용하여 iPhone 및 iPad 웹 디자인에 다양한 기능을 추가 할 수 있습니다. HTML5와 CSS 3만으로는 충분하지 않고 스크립트와 함께 고급 기능을 추가하려는 경우 이러한 인기있는 JavaScript 프레임 워크 중 하나를 시작하여 시간과 문제를 줄일 수 있습니다.

• jQuery Mobile 은 매우 강력한 jQuery JavaScript 라이브러리의 모바일 버전입니다. 모바일 버전은 대부분의 스마트 폰에서 작동하며 JavaScript 라이브러리를 훨씬 능가하는 사용자 인터페이스 구성 요소를 제공합니다. 사용자 인터페이스 요소에는 향상된 스타일이 지정된 양식 (그림 참조), 다양한 목록 유형, 검색, 페이지 전환, 테마 등이 있습니다.

  장치 제조업체 및. mobi 그룹에 속한이 프로젝트는 모바일 프레임 워크 중 가장 후원사입니다. 이는 일반적으로 오픈 소스 프로젝트의 지속적인 성능과 품질을 나타내므로 jQuery Mobile은 현재와 미래에 좋은 선택이됩니다.

  

• Sencha 는 상용 프레임 워크 개발 회사입니다. 도구가 베타 개발 단계에서 벗어난 후에는 사용 비용이 많이 든다. 이러한 도구는 고객 지원과 함께 제공되는 상용 수준의 제품이 필요할 경우 더 효과적으로 도움이 될 것입니다.

  Solitaire와 같은 복잡한 양방향 기능을 만드는 데 사용할 수있는 도구를 개발하고있는 것으로 나타났습니다. 게임. IUI

  

• 는 가장 오래된 iPhone 웹 앱 프레임 워크입니다. Joe Hewitt가 개발 한 사용자 인터페이스는 iPhone 응용 프로그램과 매우 흡사합니다. 하나의 큰 특징은이 도구가 오프라인 저장소에 구축된다는 것입니다. 오프라인 저장소는 사용자가 인터넷에 연결되어 있지 않아도 웹 앱이 작동 할 수있게 해줍니다.

  iWebKit

• 는 최초의 웹 앱 프레임 워크 중 하나였습니다. iWebKit은 HTML5, CSS 3 및 JavaScript를 사용하여 가능한 iOS 기본 사용자 인터페이스에 가까운 사용자 인터페이스를 구현하는 데 중점을 둡니다. 이 프레임 워크에는 유용한 위젯, 양식 및 RSS 피드 표시 기능이 포함되어 있으므로 iOS 기기 용 웹 앱을 만드는 데만 집중하려는 경우 시작할 수있는 좋은 장소입니다. Impact Engine

  

• 은 개발자가 네이티브 앱이 설치된 것처럼 느껴지는 게임을 만들 수 있도록하는 데 중점을 둔 프레임 워크입니다. HTML5, CSS 3 및 JavaScript를 사용하여 게임을 만드는 데 관심이있는 분께 적합합니다. 현재 가격은 $ 99입니다. Cubiq

• 는 프레임 워크 도구의 모든 복잡성을 탐구하지 않고도 대화 형 기능을 추가 할 수있는 좋은 방법입니다. iScroll:

  • iScroll은 가상 아이폰 창에서 절대 위치 사용의 어려움으로 인해 생성 되었기 때문에 페이지 상단이나 하단에 고정 막대를 더 쉽게 나타냅니다. 하드웨어 가속 아코디언:

  • 아코디언 은 섹션의 머리글 또는 첫 번째 줄을 표시합니다. 사용자가 터치하면 확장되어 사용자가 해당 섹션의 나머지 텍스트를 볼 수 있습니다. Accordion은 iPhone 또는 iPod touch와 같이 화면 공간이 부족한 경우에 유용합니다. 모바일에 대한 아코디언 효과는 일반적으로 고르지 않고 불규칙하며 어렵지 않습니다. Cubiq은 CSS 3 translate 속성을 사용하여 개폐를보다 잘 제어합니다. iPhone이이 속성으로 하드웨어 가속을 사용하여 변형이 원활하게 이루어지기 때문에 현명한 방법입니다.

    슬라이드 인 메뉴:

  • 내비게이션을 페이지 상단에서 내리고 사용자가 필요할 때 당길 수있게하려면이 옵션을 사용하십시오. 슬라이드 인 메뉴를 사이트에 추가 한 후에 원하는 아이콘이나 디자인을 사용하여 탐색을 유지하도록 스타일을 지정하고 설정할 수 있습니다. 홈 화면에 추가:

    

  • iPhone의 웹 페이지 하단과 iPad의 페이지 상단에 부동 풍선을 추가하여 iPhone의 홈 화면에 추가 기능에주의를 환기시킵니다. iPhone 및 iPad에 설명 문구를 추가하면 방문자가 귀하의 사이트를 북마크에 추가 할 가능성이 높아집니다. 이 그림에 표시된 메시지는 사용자가 스크롤 할 때 페이지 아래쪽에 동적으로 유지됩니다. 메시지가 나타나고 사라지기까지의 시간을 사용자 정의 할 수 있습니다. 13 개 언어로도 제공됩니다.

    사용자는 즐겨 찾기 추가, 홈 화면에 추가,이 페이지에 메일 링크 또는 인쇄 옵션을 선택할 수 있습니다. 사용자가 홈 화면에 추가를 선택하면 iPhone의 홈 화면에 작은 아이콘이 저장됩니다.