Como justificar um texto e quebrar palavras usando CSS

O código CSS abaixo cria uma classe que quebra palavras ao quebrar uma linha e ainda justifica o conteúdo.

.justificar{
  text-align: justify;
  word-break: break-all;
}

O conteúdo que usa essa classe deverá ficar como na imagem abaixo.

Read More

Instalando e configurando o Cordova no Ubuntu 14.04

Neste artigo você confere a instalação e configuração do Cordova para desenvolvimento de aplicativos para Android,  esse tutorial funciona no Ubuntu 14.04 e 14.10, Elementary OS, Linux Mint e outros derivados do Ubuntu.

Instale o Node Package Manager (NPM) e o Node.js:

sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs
sudo npm install npm -g

Agora instale o Cordova:

sudo npm install cordova -g

Agora que instalamos o Cordova vamos configurar o ambiente de desenvolvimento do Android.
Vamos instalar o Java com os comandos:

sudo add-apt-repository ppa:webupd8team/java
sudo apt-get update
sudo apt-get install oracle-java8-installer

Agora você precisa baixar a SDK do Android clique aqui para baixar a versão certa para o seu sistema, baixe o "SDK Tools only".

Extraia o arquivo baixado, mova a pasta extraída para sua home e altere o nome para .android-sdk para ela ficar como pasta oculta.

Agora abra o arquivo ~/.bashrc (esse arquivo está na sua pasta home).

Adicione as seguintes linhas ao arquivo.

export ANDROID_HOME=$HOME/.android-sdk
export PATH=$PATH:$ANDROID_HOME/tools

Lembrando que se você colocar a pasta do Android SDK em um diretório diferente você o caminho acima será diferente também.

Agora digite o comando:

source ~/.bashrc

Agora digite o comando android e pressione enter, na tela que aparecerá marque Android SDK build-tools Rev. 19 em Tools, marque também Android 4.4.3 (API 19), os que estão marcados deixe como estão, clique em install, aceite as licenças e então install.
Feito isso, instale o ant com o comando:

sudo apt-get install ant

Agora encontre o id da versão correta do android para criar a máquina virtual, com o comando:

android list targets

Encontre a seguinte versão:

id: 4 or "android-19"
     Name: Android 4.4.2
     Type: Platform
     API level: 19
     Revision: 4
     Skins: HVGA, QVGA, WQVGA400, WQVGA432, WSVGA, WVGA800 (default), WVGA854, WXGA720, WXGA800, WXGA800-7in
 Tag/ABIs : default/armeabi-v7a, default/x86

Como podemos ver no meu caso o id é 4, no seu caso pode ser diferente

Agora crie a máquina virtual Android usando o comando abaixo:

android create avd --name android44 --target idDaVersãoDoAndroid --abi x86

Agora seu computador estará pronto para criar aplicativos para Android utilizando o Cordova.

Read More

Compra de conta no Google Play

Essa semana comprei minha conta de desenvolvedor na Google Play, paguei o valor de 25 dólares que na cotação atual saiu pelo preço de 64 reais. E já publiquei meus primeiros apps, quem quiser acompanhar e instalar os apps clique aqui.

Estou desenvolvendo aplicativos usando Cordova com as linguagens HTML, JS e CSS, além de alguns frameworks para facilitar o trabalho. O próximo passo é aprender Angular JS durante as férias.

Read More

Simule um smartphone no Firefox

Se você trabalha com desenvolvimento web para dispositivos móveis o Firefox possui uma ferramenta que pode te ajudar a testar a interface em tamanhos de telas diferentes e ainda você pode testar eventos touch que são usado em smartphones e tablets.

Veja o exemplo abaixo:

Essa é a interface de teste em dispositivos móveis no Firefox, para ativar a função pressione as teclas Ctrl+Shift+M ao mesmo tempo.

Na interface que se abre o botão de x serve para fechar a interface, a caixa de seleção é usada para alterar a resolução, você pode configurar resoluções personalizadas, a setinha para a direita serve para girar a tela, o ícone de uma mão serve para ativar a simulação de eventos touch(ao ativar é necessário recarregar a página), e um botão muito útil com o ícone de uma câmera serve para tirar screenshots(imagem da tela, print).

É uma ferramenta muito útil para testar mobile web apps.

Se você não possui o Firefox instalado em seu computador baixe clicando aqui.

Read More

Migrando para serviços na web

Neste artigo quero falar como migrar para a web usando Linux, como usar a maior quantidade de aplicações web no seu computador e assim poupar espaço em disco e poder de processamento do seu computador.
Vou mostrar as ferramentas que eu uso e indico para substituir ferramentas do seu computador.
Para ouvir músicas na web você pode usar o Deezer que é um serviço de streaming de músicas pago. Ele possui um catálogo muito vasto de músicas e estilos, o site é muito leve e não faz muito uso de efeitos especiais que só servem para deixar o carregamento mais lento, digo isso pois o rdio é um bom serviço mas o site é muito pesado e trava muito por causa dos efeitos. O deezer é fácil de usar, muito pratico e funciona bem.

Como pen drive digital eu uso o Copy que é um serviço de armazenamento em nuvem que oferece 20 GB de graça se você entrar com um convite(clique aqui para pegar o convite), e a cada amigo seu que entrar no site com um convite seu você vai ganhar 5 GB, ele faz um carregamento rápido dos arquivos, permite compartimento de pastas, compra de pacotes especiais, ele oferece aplicativo para Linux, Android, windows, mac, iPhone... Ele é o que melhor atendeu minhas necessidades.

Como suite office eu uso o Google Docs que me dá a possibilidade inclusive de armazenar os documentos na nuvem, ela possui todas as ferramentas que eu preciso para edição de texto pois oferece configuração de página, parágrafo, inserção de imagens, símbolos, equações, oferece correção automática, instalação de complementos, e muito mais. Posso também criar slides com transições, vídeos do YouTube, também tenho o aplicativo para tabelas, formulários, desenhos e scripts. E ainda me permite baixar esses arquivos em formatos compatíveis com o Microsoft Office e o Libre Office.

Para ouvir música eu tenho mais uma opção agora para rádios o TuneIn que é um site que oferece milhares de rádios pelo mundo todo.

Como aplicativo de anotações eu uso o Google Keep, ele me possibilita guardar textos e listas e ainda colorir eles como forma de organizar o conteúdo, e também posso sincronizar todo o conteúdo com meu smartphone.

Por enquanto é isso pessoal eu gosto de usar tecnologias web em meu computador elas são mais leves e podem ser usadas a partir de qualquer dispositivo, quando eu encontrar mais aplicações como essas deixarei em meu blog, se você conhece alguma deixe um comentário.

Read More

IDE online: Cloud9

O Cloud9 é uma ambiente de desenvolvimento online, nele você cria uma conta e pode ligar essa conta ao seu GitHub ou BitBucket e acessar os seus repositórios e transformá-los em projetos dentro do Cloud9, ele te oferece uma máquina virtual para que você possa instalar os pacotes necessários como o nodejs, npm, entre muitos outros, ele te oferece acesso a uma máquina virtual via terminal, ele oferece suporte a várias linguagens e frameworks como Python, Go, Meteor, C++, Julia, Mocha... ele oferece vários recursos que estão presentes em editores como o sublime text, recursos como o ctrl+d que a partir de um texto selecionado ele seleciona todos os outros iguais.

Para edição de código HTML ele exibe a página em um navegador embutido, também possível testar o conteúdo em uma nova página.

O mais incrível nele é a possibilidade de emular várias versões do Android, iPhone e iPad, isso é totalmente incrível, você pode desenvolver um website para dispositivos móveis e fazer os testes dentro do próprio site, além de tudo isso ele também é capaz de emular várias versões dos navegadores de internet mais populares que existem.

Para desenvolvimento web ele oferece ferramentas para debug, como breakpoints, variáveis de escopo, quando você está editando um código HTML em uma aba lateral ele marca para você o elemento selecionado e as suas dimensões, e alterações na página HTML são realizadas em tempo real no navegador embutido. Veja a imagem abaixo.

No exemplo a seguir eu utilizei o gcc pelo terminal para compilar e executar um programa em C.

Nesta imagem você pode ver também um olá mundo em Python.

Ele possui chat para trabalho colaborativo, dessa forma várias pessoas podem trabalhar no mesmo projeto.

O Cloud9 é ótimo para ser usado por iniciantes e por estudantes de programação, pois com ele você tem um ambiente de desenvolvimento completo e móvel.

Clique aqui e acesse e tenha 50 projetos de graça.

Read More