blog.fspina.com.br

Hello world!

2007-10-05T15:51:00.000-04:00

Sim, agora estou no WP mudei do blogger, quem sabe o blogger compre o wordpress ou sei lá e eu volto pro blogger, enfim estou fazendo o Redesign do blog com um template usado para o iPhone, deixando de uma maneira simples que possam acessar mobile e multi plataforma.

Estou na faze de teste (beta) arrumando muitas coisas, vamos ver se consigo arrumar tudo.

Ah, vou deixar a mensagem padrão: “Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!”

Games desenvolvidos em Flash para o Wii

2007-09-21T11:54:00.000-04:00

Confira 4 games desenvolvidos em Flash pela Colmeia.tv funcionando no Wiimote (controle remoto do Nintendo Wii).

Veja o jogo da economia de energia:

Apague a Luz from Colmeia.

Os outros 3 jogos:
Recicle o Lixo
Plante uma Árvore
Feche a Torneira

Veja também:
11/09/2007 - Primeiro game em flash com wiimote, feito por eles.
24/08/2007 - Wiirimbau

E também confira o PodCast e VideoCast deles:

Aprenda a ganhar dinheiro no Second Life

2007-09-13T23:40:00.000-04:00

Guia ensina como ganhar dinheiro real no mundo virtual

Second Life para Empreendedores foi elaborado com o propósito de fomentar o empreendedorismo virtual e ajudar as pessoas a compreenderem melhor a revolução que está acontecendo na internet. Com uma abordagem bastante objetiva, o livro mostra as melhores idéias para você aproveitar ao máximo o potencial da Web 2.0 com os universos virtuais em 3D (metaversos) como o Second Life.

Paulo Ferraz traz informações sobre a economia Linden e considerações sobre a publicidade e o marketing virtual, sem deixar de apresentar aspectos jurídicos sobre o metaverso e valiosas dicas dos negócios mais promissores no Second Life.

Com este livro, você compreenderá melhor o fenômeno que vem movimentando a economia virtual e receberá a orientação necessária para fazer bons negócios no metaverso. Além disso, você poderá dar uma boa resposta para as pessoas que lhe perguntarem: Second o quêêêê?

+ Infos:
Compre o livro: http://www.novateceditora.com.br/livros/secondlife_emp/

Video

Download
Sumário
Capítulo de Exemplo

Teste Design WEB 2.0

2007-09-13T14:40:00.000-04:00

Teste de conhecimento WEB 2.0, mais um pra perder seu tempo.

Tela Preta no Mac

2007-09-12T16:33:00.000-04:00

Trabalhando no meu Macbook Pro com 2gb de Ram, quando o mesmo travou, não tem aquela tela azul do windows

Acontece nas melhores familias...

iPhone desbloqueado

2007-09-12T14:35:00.000-04:00

O site iPhoneSIMfree, consegui desbloquear o iPhone para utilizar com qualquer operadora GSM do mundo usando software no cartão SIM.

Abaixo o tutorial:

É ilegal isso? Não sei.
Mas custa US$60,00 para obter o software de desbloqueio do iPhone

Como construir sites visualmente impressionantes com CSS

2007-09-10T17:50:00.000-04:00

Divulgando a apresentação da Paula Mariano na palestra "Como construir sites visualmente impressionantes com CSS" no Evento Microsoft Remix 07.

Vale a pena dar uma conferida, mostra a funcionalidade do CSS para apresentação multi plataforma e fazer o estilo a partir do HTML semântico.
Também, relata os benefícios para otimização de código, carregamento do site mais rápido, acessibilidade e conteúdo em site de buscas (SEO).

Para visualizar a apresentação (ppt), clique abaixo:
http://download.microsoft.com/…/
ComoconstruirsitesvisualmenteimpressionantescomCSS-PaulaMariano.ppt

Technorati

2007-09-10T15:20:00.000-04:00

Technorati Profile

iphone Mobile Web design

2007-09-10T01:27:00.000-04:00

No site de desenvolvimento da Apple, tem um guia mostrando como desenvolver web site, video e aplicações para o iPhone, é uma referência boa para programadores e designers.
Algumas dicas como saber o tipo de media do CSS, tamanhos e resolução de tela.

Mais referencias em:
http://developer.apple.com/iphone/
http://developer.apple.com/iphone/designingcontent.html

Twitter

2007-09-10T00:34:00.000-04:00

Nova maneira de absolver conhecimentos e compartilhar o que você está fazendo.

http://twitter.com/fspina

WINDOWS VISTA AERO VS LINUX UBUNTU BERYL

2007-09-09T00:07:00.000-04:00

Video mostrando comparações sobre os 2 sistemas operacionais.
Ambos rivais microsoft x software livre.

Em breve, em outubro o Apple Mac OS X Leopard

Confira um preview do finder, com o efeito PhotoFlow:

Gravando… Recording…

2007-09-07T23:47:00.000-04:00

Acompanhamento da gravação do cd da Banda LoadLife

Tattoo html

2007-08-31T17:50:00.000-04:00

A arvore genealogica das tecnologias web

2007-08-27T15:07:00.000-04:00

A árvore genealógica das tecnologias usadas na web.
O que veio primeiro: o HTML ou o JAVA? Descubra na imagem abaixo.

Clique para ampliar, tem todas linguagens Ajax, Action Script, Atlas, Ruby on Rails, C# . Net, CSS, xHTML e Softwares de Imagem desde o Paint ao Illustrator.

Dica da Pinga PIX, sua dose diária de diversão - 27ago07

Orkut novo design / layout

2007-08-26T23:00:00.000-04:00

Tá rolando pra alguns usuários a nova interface do Orkut, sim aquele site de relacionamento e o site mais acessado do Brasil. Fizeram um re-design na interface para o usuário ainda meio beta, não consigo ainda ter esse acesso, porém recebi 10 scraps dizendo: "E ai cara, me diz como você mudou o visual do Orkut". Achei estranho como aconteceu isso até agora não sei, tentei olhar no blog do Orkut mas não tem nenhuma referência ao meu Profile. Vai entender essa ferramenta de marketing, aonde espalha coisas que não aconteceram.

Icone do Windows no Leopard

2007-08-24T16:24:00.000-04:00

Usando o Leopard, no 'Network' do Mac tem aparece uma rede Windows. Olha só como eles estão representados. (dica do Michel)

ícone de "Tela azul" no Pc.
Falando em Blue Screens eu vi no TecnoTrash sobre as telas azuis nos lugares mais inusitados.
Confira: http://www.jonnyken.com/infoblog/2007/05/07/blue-screen/

Show em Multimidia Arte em video

2007-08-23T17:40:00.000-04:00

Sensacional o trabalho desse site http://www.giosimi.com/ se liga no portfolio.
Uma animação super genial e vários efeitos. Vale a pena conferir.

Code Show

2007-08-21T10:48:00.000-04:00

Sexta-feira passada (17/08), teve o CodeShow foi desenvolvido um sistema de publicação de livros (bem no estilo do Flickr), porém por ser um projeto bem detalhado e especifico não deu para ser concluído em 6 horas de trabalho, mas foi interessante como funciona a metodologia de trabalho (Designers e Programadores), algumas dicas e utilidades surgiram que muitas coisas podem ser feita de outras maneiras.

Uma experiência interessante, porque não foi uma palestra e nem um workshop, algo diferente mostrando um dia-a-dia de trabalho, com desenvolvimento e sugestões.

Ganhei uma camiseta por interagir mostrando um recurso de acessibilidade na plataforma Mac OS X de aumentar elementos da tela, zoom interno maximiza a tela em até 20 vezes e acompanhando automaticamente o cursor do mouse — que também pode ser redimensionado — você pode focar mais no seu trabalho e não perder tempo correndo o mouse pela barra de rolagem.

Eu assisti à construção de um projeto, como integrar as ferramentas, nas seguintes etapas:

1. Projeto.
O desenho inicial da aplicação. Ferramentas utilizadas: wireframes, quadro-branco e canetão.
2. Layout.
Ferramentas utilizadas: Adobe Illustrator. O layout já estará feito, mas o Diego aproveitará para mostrar para os Designers de plantão as facilidades do Illustrator para a criação de layouts.
3. Construção do HTML e CSS.
Escrita do código client-side, em XHTML válido e semântico, com folhas de estilo CSS, inclusive para dispositivos móveis e impressão. Ferramentas utilizadas: CODA, templates do PSE, XHTML, CSS, media types.
4. Criação do Banco de Dados.
Ferramentas utilizadas: quadro-branco e canetão, MySQL Query Browser, Subversion.
5. Desenvolvimento das camadas de modelo e controle.
Ferramentas utilizadas: Kate, gedit, Python, SQLObject, Subversion.
6. Desenvolvimento GUI HTML.
Neste ponto teremos uma aplicação completamente acessível e funcional, porém sem interação via Javascript. Ferramentas utilizadas: Kate, gedit, Python, PSE, Subversion.
7. Desenvolvimento Ajax.
Nesta etapa desenvolveremos toda a interação Javascript e Ajax da aplicação. Ferramentas utilizadas: Kate, gedit, Javascript não-obstrutivo, CSS, Ajax, JSON, Python, PSE, Subversion.
8. Publicação. (Esperando o Código-fonte)

Mais em: http://visie.com.br/codeshow/

Pornografia na WEB

2007-08-12T00:00:00.001-04:00

GOOD Magazine: Internet Porn

MATRIX NO HTML

2007-08-11T23:38:00.001-04:00

Fazendo um personagem desenhando com tabelas no HTML

Mensagem Instantânea

2007-08-11T15:29:00.001-04:00

Relacionamentos via internet MSN e orkut.

novo layout fcocpm22 v2

2007-08-07T22:03:00.001-04:00

fcocpm22 v2, originally uploaded by fspina.

Design ( Photoshop e Flash )

www.fcocpm22.com.br

"Gostei muito de fazer este trampo, ficou muito bom e surpreendi comigo mesmo."

Aprenda Photoshop Undressing Scarlett Johansson

2007-08-05T01:38:00.001-04:00

clipe do dibob em Stop Motion

2007-08-04T02:46:00.001-04:00

Já Era.
Ficou bacana, lembrando os clássicos do video game e gata molhada e de bikine.

Teste Acessibilidade no Navegador

2007-07-19T12:17:00.000-04:00

Existem vários sites para validar seu site nos padrões W3C/WAI

Tem um jeito mais fácil de fazer esse teste de validação, utilizando seu navegador.
Baixei o Fire Fox, nele tem uma extensão (plug-in/add-on) chamada HTML VALIDADOR (clique aqui para baixar).

Nessa extensão indica em qual linha tem erros e avisos.

Quando instalar e reiniciar o Browser, você vai ver um icone no canto inferior direito.
Se esse Icone for Verde , o site está validado, se tiver vermelho contém erros graves e se tiver um amarelho é de avisos para ser corrigido.

Lembrando que é super importante deixar o código sempre nos padrões para maior visibilidade do site, mesmo se o Icone validado estiver verde, é sempre bom validar a acessibilidade do site

Para ativar o teste de acessibilidade no código HTML, vai em Ferramentas/Tools do Firefox, tem uma opção Html Validator Options ou vai em Add-ons/Extensões, selecione HTML VALIDATOR e clique em Opção/Options.

Ative o "Accessibilty level" (igual da foto), deixando pelo menos no nível 1.
Se conseguir corrigir os problemas de acessibilidade no nível 3, deixará seu site com mais visibilidade ampliando o número de pessoas que possam acessar.

Procure sempre validar o código e deixar acessível multi plataforma.