WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
Mobile

One Website For All Devices

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


One Website For All Devices - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Um web site único para todos os dispositivos permite que você construa um único site, aplicativo da Web ou de aplicativos móveis nativos que funciona em vários dispositivos, tamanhos de tela e orientações, tudo a partir do mesmo código.

Considere como o seguinte layout ajusta-se automaticamente para acomodar as dimensões de tela diferentes:

MóvelComprimido9601200

Usando os dois primeiros layouts por exemplo, você poderia construir um aplicativo para iPad e iPhone nativa que se adapta perfeitamente em ambos os dispositivos.


Destina-se a dois grupos de desenvolvedores:
  • Os desenvolvedores da Web olhando para construir sites sensíveis que se ajustam automaticamente para vários tamanhos de tela e dispositivos.
  • Desenvolvedores de aplicativos móveis que procuram para realizar a mesma finalidade, mas em nativo aplicações móveis ou aplicativos da web construído com código HTML e ferramentas como o PhoneGap, Corona ou Titanium.

Este método multi-screen ajuda a resolver 3 problemas comuns:
  • Desenvolvimento e manutenção de várias versões do mesmo site para diferentes plataformas (ou seja mobile.website.com, ipad.website.com e www.website.com)
  • Comprometer estado real e / ou conteúdo para permitir telas menores para acessar o mesmo site, como otimizar um site para 1024 × 768, o que pode parecer relativamente pequeno de usuários com resoluções de tela de 1280px de largura e acima
  • Ter que construir várias versões de aplicativos móveis nativos, um para cada plataforma, como iOS, Blackberry e Android

O objectivo deste pacote é para ajudá-lo a definir a estrutura de um site multi-dispositivo ou aplicativo nativo rápido e fácil, enquanto permanecer fora do seu caminho. Um conjunto de responsivos, web design templates estruturais permitem que você adicione toda a beleza design e estilo, e você começar em questão de minutos.


Desenvolvedores de aplicativos móveis pode usar esse pacote com ferramentas como o PhoneGap, Appcelerator Titanium, Corona, Rhomobile, Sencha e appMobi. Os recursos de publicação multi-plataforma poderosa dessas ferramentas, permitem que você implantar aplicativos móveis nativos usando o mesmo código fonte, alavancando APIs nativas e características específicas do dispositivo; tudo isso usando suas habilidades dev web.

Um web site único para todos os dispositivos funciona em todos os navegadores e dispositivos móveis modernos. Ele usa uma combinação de técnicas para tornar o melhor layout para cada um dos seguintes grupos de tamanho de tela 4:

  • Fone: abaixo de 728px de largura (ou seja, iPhone, Blackberry, Motorola Atrix)
  • Comprimidos: abaixo 960px de largura (ou seja, no modo retrato iPad, Blackberry Playbook e smartphones em modo paisagem)
  • Netbooks e Tablets: abaixo 1200px de largura (ou seja, HP Mini, iPad em modo paisagem, monitores de baixa resolução)
  • Monitores: acima 1200px de largura (ou seja, 19 monitores "e para cima, iMacs, grandes computadores portáteis de ecrã)


Os seguintes itens estão incluídos na sua compra:
  • A documentação detalhada, o que está incluído e como usar este produto
  • Um web site único para todos os dispositivos - luz: 7 modelos estruturais no fundo branco
  • Um web site único para todos os dispositivos - escuro: 7 modelos estruturais no fundo escuro
  • Os arquivos de base: a espinha dorsal de um Web site para todos os dispositivos, esses arquivos fornecem a principal funcionalidade (incluído com conjuntos claras e escuras)
  • Pacote PhoneGap (Xcode 4 versão incluída): usa versão escura de um Web site para todos os dispositivos por default (encontrado no "www" pasta)
  • Photoshop modelo com 8 sobreposições para ajudá-lo a medir seus layouts e ter uma idéia do que eles vão olhar como em diferentes telas e dispositivos

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
06 de junho 11

Última atualização:
N / D

Arquivos incluídos:
PSD em camadas, JavaScript JS, CSS, HTML,.m,.pch,.xib /.nib

Versão do software:
iOS 5.0, iOS 5.1, iOS 6.0, iOS 6.1.x, 7.0.x iOS, iOS 8.0.x, Android 2.3, o Android 3.1, Android 3.2, o Android 4.0, 4.1.x Android, Android 4.2.x, 4.3.x Android, 4.4.x Android, o Android 5.0

Palavras-chave

eCommerce, eCommerce, Todos os itens, coroa, css, exemplo, traç, ado, mí, dia, mú, ltiplo, phonegap, consultas, responsivo, tela, comece, modelo, titâ, nio, site, Xcode