Criatividade » ferramentas

5 Ferramentas para testar a compatibilidade de seu site com Dispositivos Móveis

Diogo Espinha — Wed, 06 Apr 2011 15:04:19 +0000

Nos dias que correm “toda a gente” tem um smartphone ou um tablet pc, e é importante você compatibilizar o seu website com estes dispositivos. Muitos websites, quer sejam pequenos ou grandes, estão a investir imenso para tornar os seus websites compatíveis com a visualização em dispositivos móveis. A ideia de chegar aos clientes ou leitores através do seu smartphone ou tablet pc parece estar a cativar muitos webdesigners e programadores, que rapidamente procuram soluções para implementar a compatibilidade com estes dispositivos. Para si que entrou neste caminho, por vezes tumultuoso, trazemos-lhe hoje 5 Ferramentas para testar a compatibilidade de seu site com Dispositivos Móveis.

1. OPERA MINI SIMULATOR

Esta ferramenta simula o comportamento exacto como se fosse num dispositivo móvel. É bastante útil para simular visualização em smartphones.

2. IPAD PEEK

iPad Peek é um simulador de visualização no tablet mais conhecido no mundo, o iPad. É fiável e retrata aquilo que se vizualiza neste fantástico tablet.

3. GOMEZ MOBILE READINESS

Este utilitário faz uma avaliação da compatibilidade do seu website com a visualização nos dispositivos móveis. Apresenta resultados concretos e ainda apresenta soluções para os problemas encontrados.

4. W3C MOBILEOK CHECKER

O W3C mobikeOk Checker faz uma análise completa à página indicada para determinar a sua compatibilidade com dispositivos móveis. Os resultados são fornecidos em pouco tempo e de forma bastante esclarecedora.

5. MOBIREADY

mobiReady utiliza um conjunto de informações para determinar a compatibilidade com dispositivos móveis. Apresenta os resultados numa escala de 1 a 5 dentro deles apresenta algumas análises interessantes, como a velocidade e o custo estimado.

E VOCÊ, ESTÁ A TRABALHAR NA COMPATIBILIDADE?

Dê uma olhada nessas ferramentas e considere tirar partido delas já hoje. Analise os resultados e comece já a trabalhar na compatibilidade do seu website com os dispositivos móveis. Você não vai querer perder os leitores ao volante de um dispositivo móvel, certo?

Abraço e até já!

Artigos Recomendados

10 templates que resolvem problemas aos desenvolvedores para web

Paulo Faustino — Thu, 07 Jan 2010 17:43:41 +0000

Nos dias de hoje, uma grande porção do desenvolvimento mundial gira em torno da internet. Por exemplo, provavelmente você poderá necessitar de um template de email para enviar a newsletter da sua empresa, mas não tem a mínima noção de como fazer uma, como criar uma que seja compatível com todos os clientes de email, que seja simples, fácil de re-utilizar e fantástica para o consumidor. Ou então você precisa de um painel administrativo para um cliente que utiliza um CMS complexo que você programou, mas para o qual não consegui desenvolver um design bonito. O problema é o mesmo de sempre: muitos programadores não sabem desenhar, e muitos desenhadores não sabem programar.

No entanto e como existem soluções para tudo na vida, hoje gostaríamos de lhe propor 10 templates fantásticos que resolvem problemas aos desenvolvedores para web. Para quem tem problemas graves de concepção da parte visual, estes templates são de facto uma salvação.

1. AIRMAIL – TEMPLATE DE EMAIL CUSTOMIZÁVEL

O template Airmail é um template de email HTML, totalmente customizável! É perfeito para qualquer tipo de pessoa ou empresa – e utilizável para praticamente todos os fins, desde newsletters a eFlyers ou postais.

2. SIMPLA ADMIN – PAINEL DE ADMINISTRAÇÃO FLEXÍVEL

O template Simpla Admin é um tema profissional extremamente bonito e com um interface amigo do utilizador. Com uma série de funcionalidades em jQuery intuitivas e inteligentes, navegar pelo seu interface é uma experiência incrível.

3. CLEAN MAIL – PACOTE DE TEMPLATES DE EMAIL EM 5 CORES

O template CleanMail é na verdade um pacote de templates HTML para email marketing, em 5 cores diferentes.

4. TEMPLATE WORDPRESS WIKI

Se está à procura de uma solução de conhecimento ou de uma Wiki para a sua empresa, mas não necessita de uma aplicação completa de Wiki, o template WordPress Wiki é a solução perfeita. Construída com um plugin FAQ, permite-lhe extender a funcionalidade do seu website. Este plugin actua como um painel de escrita customizado que mostra na sua essência, pequenas FAQs por baixo dos seus conteúdos, e nas suas respectivas categorias. As FAQs são pesquisáveis e paginadas.

5. TEMPLATE MARKETPLACE COMMUNITY PARA WORDPRESS

O template Marketplace para WordPress é um tema extremamente elegante, com o intuito e foco na criação de comunidades para notícias de indústria, tutoriais, criatividade, etc. Este template oferece inúmeras funcionalidades que estão presentes nos sites de comunidades de topo. Este template é distribuído em 5 cores diferentes.

6. vCARD PORTFOLIO PROFISSIONAL

Este é um vCard (cartão de apresentação virtual) extremamente limpo e atraente, desenvolvido para profissionais e freelancers. Com este design, é perfeitamente possível utilizar um qualquer esquema de cores.

7. SLEEK SERVER – PÁGINAS DE ERRO

Este é um design extremamente atractivo de páginas de erro para websites ou blogs. É extremamente flexível e fácil de customizar. Ele oferece cerca de 5 páginas de erro extremamente comuns (404, 403, 401, 500 e 503) embora seja extremamente simples adicionar mais páginas se necessário. Todo o texto é HTML puro, pelo que adicionar, alterar ou criar novos textos é um processo que não necessita de edição de imagem.

8. NEOTERIC – PÁGINA EM CONSTRUÇÃO

O template NEOTERIC é uma página única e extremamente simples do tipo ‘Em Construção/Coming Soon’ que oferece 10 designs diferentes para você manter os seus utilizadores a par do desenvolvimento dos seus novos projectos.

9. PÁGINA EM CONSTRUÇÃO COM TWITTER E GRÁFICO DE PROGRESSO

Tenha a certeza de que os seus utilizadores sabem o que se passa no seu novo projecto, com este template de site em construção que oferece um RSS Feed dos seus últimos tweets e um gráfico que reflecte o progresso do seu projecto!

10. MINIMO – TEMPLATE DE PORTFOLIO MINIMALISTA

O template Minimo é um template de portfolio simples e extremamente elegante. Este template é construído a parti da grelha 960.gs framework, oferecendo um aspecto profissional e devidamente estruturado, bem como oferece icons exclusivos. Está incluído um script de envio de emails, pelo que o site não necessita de grande trabalho, a não ser a alteração de morada e o carregamento do portfólio!

Artigos Recomendados

10 excelentes CMSs para construir sites ou blogs

Paulo Faustino — Wed, 09 Dec 2009 10:25:04 +0000

O gestor de conteúdos que você escolhe nos dias de hoje pode fazer uma grande diferença no seu futuro enquanto autor, especialmente e ao nível do número de horas que você necessita para manter o seu website actualizado e a correr. Existe uma infindável variedade de opções presentes actualmente no mercado — há quem estime que existem cerca de 1700 opções diferente na actualidade. Algumas dessas opções são incrivelmente fantásticas, mas outras nem tanto….

Hoje damos-lhe a conhecer 10 opções realmente a considerar quando desejar escolher o seu próximo CMS, juntamente com algumas guidelines que consideramos importantes e interessantes de desenvolver para que faça sempre a escolha certa, no momento certo.

1. WORDPRESS

O WordPress sofreu ao longo dos últimos 5 anos uma metamorfose que o levou de uma simples plataforma de blogging para um poderoso CMS recheado de funcionalidades. A funcionalidade primária do WordPress continua a ser o blogging, embora com plugins seja capaz de fazer praticamente tudo, desde sites institucionais, portfolios, galerias, e até mesmos websites de ecommerce. O painel administrativo do WordPress é na verdade intuitivo e simples de utilizar, baseado numa divisão por secções, a partir das quais você pode editar quaisqueres aspectos que considere pertinentes, sem que tenha de influir noutros em simultâneo. O editor WYSIWYG providencia todas as funcionalidades básicas que irá necessitar, incluindo a inserção de imagens, video, e outros tipos de media, e dá-lhe ainda a possibilidade de convergir entre uma visão HTML e o modo visual propriamente dito.

O WordPress tornou perfeitamente possível a criação de páginas através de layouts em CSS/xHTML. Desde galerias a sites noticiosos e recheados de conteúdos, o WordPress consegue nos dias de hoje lidar perfeitamente com qualquer tipo de exigência existente no mercado.

O WordPress é também fantástico ao nível da documentação. O WordPress Codex é extremamente massivo, cobrindo praticamente todo o tipo de instruções, desde as mais básicas e singulares, até à criação de plugins complexos e templates avançados. O WordPress tem também fórums de discussão bastante activos, onde poderá encontrar soluções para problemas comuns, ou simplesmente esclarecer dúvidas.

2. RADIANT CMS

O Radiant é construído em Ruby on Rails. É na verdade muito bom na construção de websites básicos com um número ilimitado de páginas. As funcionalidades de Blogging ou de Galeria podem ser adicionadas através de extensões. O painel de controlo é também muito simples e básico, com páginas, snippets, e layouts como as secções primárias. As funcionalidades trabalham praticamente da mesma forma, independentemente da secção onde você se encontra.

As páginas podem ser construídas para parecerem aquilo que você desejar, baseadas numa combinação de snippets que você próprio cria. Existe também uma comunidade de desenvolvimento activa por detrás deste CMS, com documentação extensa para desenvolvedores. A documentação para utilizador final é um pouco mais curta, mas partindo do princípio de que este é um CMS extremamente simples de utilizar, isso provavelmente não será um problema.

3. SILVER STRIPE

O SilverStripe é um CMS completo capaz de realizar praticamente tudo aquilo que você desejar. É construído em PHP na framework Sapphire, tornando-o mais customizável. Uma das competências mais interessantes do SilverStripe é o facto de os designers puderem customizar o painel de controlo para cada um dos seus clientes, apresentando apenas campos de conteúdos que o cliente irá realmente necessitar de aceder. Isto torna-o provavelmente no mais simples CMS do mercado para geeks e não-geeks. E claro está, inclui um editor WYSIWYG.

O SilverStripe é provavelmente demasiado complexo para criação de websites muito básicos, mas dada a sua possibilidade de ser customizado, é apropriado para praticamente todo o tipo de websites. O SilverStripe oferece também imensa documentação e suporte gratuito, tanto para desenvolvedores como utilizadores finais, fórums de discussão e também um canal de IRC.

4. JOOMLA

O Joomla é considerado por unanimidade o CMS open-source mais popular da actualidade. Corre em PHP e MySQL. O painel de controlo é relativamente simples, com secções para gestão de artigos, página frontal, menus, media, e outros conteúdos. Existe também um link para criar de imediato um novo artigo, poupando ao autor imenso tempo na sua acção editorial. Os menus drop-down dão também mais opções de escolha, incluindo extensões e outros aplicativos. O editor WYSIWYG do Joomla inclui toneladas de opções de formatação—incluindo emoticons.

O Joomla é extremamente poderoso, pelo que é provavelmente um CMS não muito indicado para sites simples, especialmente pelo facto de ter demasiadas funcionalidades presentes. O Joomla tem também uma lista de plugins extremamente extensa para alargar as funcionalidades da plataforma, tornando-o perfeitamente capaz em qualquer tipo de utilização avançada. O único grande defeito do Joomla, na nossa opinião, é a utilização de tabelas para o layout. Embora existam já formas de substituir as tabelas por código CSS, provavelmente poderá não valer o esforço, tendo em conta que existem outros CMSs que não cometem esta gave.

5. TYPOLIGHT

O TYPOlight faz uso de PHP5 e Ajax e inclui funcionalidades para páginas estáticas, blogs, newsletters, e calendários, entre outras secções. O painel de controlo é intuitivo ainda que ofereça toneladas de funcionalidades. Existem atalhos para fazer praticamente tudo, desde a criação de formulários até à inclusão de conteúdo Flash. O conteúdo é apresentado em forma de módulos, que podem ser posteriormente estilizados via CSS.

O TYPOlight inclui ferramentas para desenvolvedores muito interessantes, incluindo um gerador integrado de CSS e também um gerador de formulários. Existem imensa documentação no website, tanto para programadores como utilizadores finais. Existem também screencasts, fórums de discussão, e uma wiki para suporte. Existem ainda opções pagas de suporte para parceiros do TYPOlight, no caso de necessitar de ajuda avançada.

6. FROG

O Frog é basicamente uma versão PHP do Radiant CMS (mencionado em segundo lugar). O Frog oferece uma UI bastante mais simplificada e intuitiva. Ele permite uma hierarquização ilimitada de páginas e permite-lhe também customizar templates página a página se desejar. Inclui também um editor WYSIWYG simplificado bem ao estilo do WordPress.

O Frog tem documentação quanto baste, com uma série de artigos e tutoriais que abrange desde funcionalidades básicas, a problemas de desenvolvimento complexos. Existe também um canal de IRC para questões relacionadas com o CMS.

7. TEXTPATTERN

O Textpattern faz uso de uma UI em separadores no seu painel de controlo, que na verdade é surpreendentemente intuitiva. Ele apresenta-lhe automaticamente o editor de conteúdos para criar um novo artigo assim que você efectua login, o que na realidade é fantástico para websites e blogs que sejam actualizados regularmente. O único senão do Textpattern é a falta de um editor WYSIWYG. Ele faz uso do Textile, para edição de conteúdo, sendo que é igualmente simples e fácil de compreender.

Existe uma enorme comunidade por detrás do Textpattern, pelo que a documentação e suporte são surpreendentemente fantásticos. Existe pelo menos 1 livro disponível sobre o CMS, um fórum de discussão aberto, um weblog para desenvolvedores, e ainda um TextBook, ou seja, um manual de utilização comunitário.

8. EXPRESSION ENGINE

O Expression Engine é um dos mais poderosos CMSs disponíveis na actualidade. O EE tem suporte para praticamente todo o tipo de funcionalidades que alguma vez imaginou ou desejou criar, seja através do seu core original ou por intermédio de plugins. O painel de controlo é extremamente simples e intuitivo. É provavelmente complexo e poderoso demais para websites e blogs simples ou básicos, mas extremamente apropriado para praticamente tudo o resto. Estão disponíveis também módulos para praticamente tudo o resto, desde estatísticas a fórums de discussão integrados. O editor WYSIWYG integrado é na realidade um standard e funciona muito bem.

O único defeito do Expression Engine é o facto de ser extremamente caro. Uma licença pessoal custa cerca de $99.95 dólares e uma licença com fins comerciais salta para os $249.95 dólares. Poderá utilizar a versão gratuita do Core, mas apenas em blogs pessoais, não-comerciais ou não-rentáveis.

9. DRUPAL

O Drupal é outro CMS extremamente poderoso que pode ser utilizado para praticamente todos os fins, desde sites corporativos até lojas de ecommerce, redes sociais, e por aí adiante. O painel de controlo do Drupal é incrivelmente simples, com links organizados logicamente para criar novos conteúdos, gerir contas e editar conteúdos já existentes. Uma das funcionalidades mais interessantes do Drupal é o seu conteúdo tipo “Book Page”. Estas páginas podem ser agrupadas em colecções, referenciadas como livros, ou linkadas automaticamente entre todas elas. O Drupal não tem um editor WYSIWYG no seu core original, mas existe um módulo que acrescenta essa funcionalidade.

O Drupal tem uma comunidade de seguidores enorme, com fórums de discussão tanto para desenvolvedores como utilizadores finais ou meros curiosos. Existe também documentação extensa a todos os níveis.

10. CMS MADE SIMPLE

Quando eles dizem “Made Simple,” na verdade este CMS é extremamente simples. Ele inclui suporte completo a templates, um Painel de controlo extremamente simples de trabalhar, e uma hierarquia de conteúdos ilimitada. Tem também suporte para “global content blocks” (noutros CMSs chamam-se: snippets) e uma série de outras opções para layouts de websites ou blogs. Existe também acesso a ficheiros de ajuda a partir do Painel de Controlo, incluindo a wiki, IRC e fórums de discussão. Este é outro CMS sem editor WYSIWYG integrado, mas existe um plugin que lhe permite acrescentar essa funcionalidade.

Existe imensa documentação disponível para o CMSMS. Existem também inúmeras extensões de suporte, incluindo IRC e fórums de discussão.