Alterando app do Firefox OS
Published on January 30, 2013.
Como informado no último post, o Firefox OS é baseado em HTML5, CSS3 e Javascript e por esse motivo é fácil modificar os apps uma vez que
- html
Especifica o conteúdo e posição deste no app.
- css
Especifica o estilo a ser utilizado por cada pedaço de conteúdo especificado no html.
- javascript
Responsável por tornar o app dinâmico.
Para alterar um app do Firefox OS devemos primeiro saber onde ele está localizado. Supondo que esteja utilizando o simulador, você pode utilizar o comando abaixo para descobrir o diretório em que encontrara-se todos os apps:
$ find .mozilla | grep profile/webapps$
Neste post vamos primeiro modificar o app calendar cuja tela inicial é representada abaixo.
Primeiro devemos fazer backup do app. Os apps encontram-se dentro de um arquivo zip de maneira que o workflow a ser seguido, depois de extrair os arquivos, para verificar alguma modificação é
- alterar os arquivos desejados,
- atualizar os arquivos no zip,
- reiniciar o simulador.
Para compor o app são utilizados várias imagens, podemos localizar essas imagens utilizando o comando:
$ find style | grep .png$
Alterando a imagem style/building_blocks/headers/imagens/ui/header.png por meio do GIMP1 a tela inicial passa a ser como representado abaixo.
Desfazendo as alterações na imagem anterior e alterando a linha 30 de style/building_blocks.css para :
color: red;
obtemos
Bom divertimento com suas próprias modificações.
Tags: