
Opa! Seja Bem-vindo, você está na Categoria: ‘Tutoriais’
-
Categorias: Tutoriais | Responsável: Rafael Hernandez em nov 11th, 2011
10 jQuery Slideshow para Fotografias e Galerias interativas
Leia mais » Tags

10 jQuery Slideshow para Fotografias e Galerias interativas
Em abril 2011, publiquei o post: 20 jQuery Slideshow interativos para Site ou Blog que conheci pela internet e cheguei a usar em alguns projetos. Como a repercussão deste artigo foi tamanha decidi procurar um pouco mais e encontrei mais 10 plugins livres para que você possa personalizar qualquer projeto voltado à web.» Galleria

Galleria

jQuery Multimedia Portfolio

Space Gallery
Divulgue
Comentários (6)
-
Categorias: Tutoriais | Responsável: Rafael Hernandez em set 21st, 2011
Conheça o 2leep.com Connecting bloggers para sites e blogs
Leia mais » Tags

Conheça o 2leep.com Connecting bloggers para sites e blogs
Quem trabalhar com conteúdo digital sabe que exibir imagens de qualidade e que ajudam a ilustrar melhor seu artigo sempre será bem visto pelos visitantes. E para quem tem blog os famosos “Artigos Relacionados” são meio que obrigatórios para dar aquele UP de visitação e permanência do visitante.Com isso, passeando pela web eu conheçi a um bom tempo a trás o projeto: linkwithin que permite sincronizar seus artigos e criar uma espécie de “Artigos Relacionados” sobre a página que você está. Mas o que sempre me deixou intrigado é que o processo de sincronismo é todo dentro do projeto, assim se o serviço parar de funcionar… BOOMM!! sai tudo do ar.
Divulgue
Comentários (7)
-
Categorias: Tutoriais | Responsável: Ítalo Santos em jul 25th, 2011
Traduzindo páginas em segundos com o Google Toolbar
Leia mais » Tags

Com a barra de ferramentas do Google ficou mais fácil e muito prático traduzir as páginas que o usuário visualiza.
Traduzir uma página ou um texto da Internet ou até mesmo um documento do usuário já era muito fácil na Internet, agora ficou mais fácil ainda. Para quem pesquisa diversos assuntos na internet sabe que as melhores fontes de pesquisa são em sites que tenha o idioma inglês, mas, o problema é que em certos momentos o procedimento para a tradução da página é cansativo.Com a barra de ferramentas do Google ficou mais fácil e muito prático traduzir as páginas que o usuário visualiza em seu navegador, para instalar a barra no seu computador faça o download e instale em seu computador. Siga as etapas de instalação e as instruções que aparecem na tela, depois que estiver instalada a barra de ferramentas do Google ficará visível no navegador como mostrado nas imagens a seguir.
Divulgue
Comentários (2)
-
Categorias: Tutoriais | Responsável: Ítalo Santos em jul 20th, 2011
Personalizar ícones no Windows 7
Leia mais » Tags
Os ícones dão um toque especial na hora de usar o seu computador. Apesar disso muitos usuários usam os mesmo durante muito tempo e talvez até por desinformação não saibam como mudar, é muito mais fácil do que se imagina criar ícones elegantes para dar aquele brilho especial ao usar os seus programas favoritos.
Na Internet contêm vários tutorais que ensinam a fazer os ícones sem programas. Pode ser um pouco complexo para alguns usuários e fáceis para outro, tudo depende da habilidade de usar o computador. Há opções também de criar o seu ícone online, armazenar no seu computador e em seguida configurar para a pasta ou programa preferido do usuário.
Há outra opção é instalar um programa em seu computador que crie o ícone. Testei alguns programas e o que melhor se destacou para criar os ícones foi o IcoFX, que pode ser baixado facilmente na sua versão gratuita e em poucos minutos o seu ícone já está criado.
A primeira coisa a fazer é baixar o programa e instalar em sua máquina depois de baixar. Em seguida procure uma imagem que tenha no mínimo 256 pixels de largura e de altura, pode até ser menor, mas, quanto maior melhor fica a definição do ícone.
Com uma ou mais imagens escolhidas armazene todas elas em seu computador em uma pasta de sua preferência. Lembrando que os ícones somente são possíveis configurar para pastas, programas e atalhos, no caso do Windows 7 não é possível configurar ícones para pastas diretamente. Se tiver o Windows 7 coloque todos os atalhos em sua Área de trabalho e depois configure um ícone para cada atalho.
A partir do “menu iniciar” acesse “todos os programas” e vá em “IcoFX”.
Divulgue
Comentários (1)
-
Categorias: Tutoriais | Responsável: Ítalo Santos em jul 16th, 2011
Navegando anonimamente no IE9 e no Google Chrome
Leia mais » Tags

Navegando anonimamente
Esse tutorial mostra como navegar sem deixar rastros no Internet Explorer 9 e no Google Chrome, dois navegadores modernos que tem essas funções.
A internet está presente quase em todos os momentos de nossa vida, seja no trabalho, em casa ou mesmo até em locais de lazer como um shopping ou até mesmo em uma lan house. O problema é quando é necessário acessar a Internet e deixar dados armazenados no computador público ou até mesmo de terceiros.
Sempre tem um amigo “sacana” que começa a revirar aquele perfil de rede social que você deixou aberto na casa dele, começa a conversar e se passar por você simplesmente por diversão e para tirar aquele “sarrinho”.
Enquanto for o amigo até que vai, mas no caso de dados pessoais seus ficarem expostos em locais públicos como, por exemplo, uma lan house? Já ouvi muitos casos de invasão do perfil da rede social do usuário que sem perceber deixou tudo exposto e quando se deu conta já tinha amigo seu tirando um “sarrinho” por causa de uma comunidade gay em seu perfil.
Assim, no Internet Explorer 9 há a opção de navegação chamada InPrivate. Com ela o usuário navega anonimamente na Internet sem deixar nenhuma informação de sua sessão de navegação ser gravada no computador, como arquivos temporários, históricos, cookies e muitos outros.
Divulgue
Comentários (6)
-
Categorias: Tutoriais | Responsável: Ítalo Santos em jul 11th, 2011
Organizando o seu e-mail do Yahoo com filtros
Leia mais » Tags
-
O e-mail é a principal ferramenta de comunicação na Internet. Muitos sites de diversos tipos usam o e-mail com item fundamental em cadastro de usuários, sem falar em outros usos como recebimentos de notícias, inscrições em feeds e muitos outros.Com a inscrição em diversos tipos de serviços e sites na Internet a sua caixa de entrada começa a ficar desorganizada. São tantos e-mails de tantos usuários e sites que só de olhar a vontade de ler os e-mails já não é a mesma, páginas e páginas de e-mail entopem a sua caixa de entrada.
A dica para usuários de e-mail, principalmente aqueles que usam para o trabalho e para outras coisas diversas é criar pasta que organizem os e-mails relacionados com cada assunto. De acordo com a sua necessidade crie pastas no seu e-mail com tópicos relevantes, faça de forma a facilitar o acesso á informações guardadas como, por exemplo, e-mail de compras online feitas durante o ano.
Os filtros do e-mail do Yahoo junto com a organização de seus e-mails por pasta dão um grande poder de organização, quando os seus e-mails chegar em sua caixa de entrada automaticamente serão colocados nas pastas especificadas pelo usuário.
Para acessar os filtros vá até o seu e-mail do Yahoo e acesse as opções que estão logo acima do logo do Yahoo, no canto superior esquerdo clicando em “Opções” como mostra a imagem logo a seguir, clique na imagem para ver ela ampliada em uma nova janela
Divulgue
Comentários (1)
-
Categorias: Destaques, Tutoriais | Responsável: Rafael Hernandez em mai 10th, 2011
Criando meu primeiro Web App para Dispositivos Móveis – 2
Leia mais » TagsOlá amigos e amigas como estão?

Tutorial Especial: Criando meu primeiro Web App para Dispositivos Móveis
Em nosso 1º tutorial de Criando meu primeiro Web App para Dispositivos Móveis, falamos de sua estrutura HTML básica e explicamos os diferentes tipos de App nativos e os Web App que é hoje nosso foco e de muitos pedidos.
-
Assim hoje iremos falar de Tamanhos e Formatação em CSS de nosso Web App para que possamos entrar no último tutorial desta série.
-
Vamos começar:Como pegamos os aparelhos iPhone/iPodtouch/iPad temos algumas diferenças em tamanho de área útil do aparelho, por exemplo: A área de uso do iPhone e iPodtouch é de 320x480px já que no iPad é de 768x1024px, com isso já sabemos que quando formos projetar a aplicação, já temos que saber qual o tamanho dos dispositivos, para que não aja problemas de interação.
Divulgue
Comentários (10)
-
Categorias: Destaques, Tutoriais | Responsável: Rafael Hernandez em abr 29th, 2011
20 jQuery Slideshow interativos para Site ou Blog
Leia mais » TagsO jQuery é conhecido por ser usado em sites de portfólio, corporativos, blogs e qualquer outro tipo de projeto online para exibir imagens em diferentes formas impressionantes, tanto é que junto a um CSS pode-se quase passar as animações do flash pela leveza e simplicidade.

jQuery Slideshow interativos para Site ou Blog!
-
Por isso como muitos sites e blogs estão usando animações de slideshow em flash, queremos mostrar que você pode chegar a ter resultados iguais ou mesmo melhores sem precisar programar praticamente nada.
-Siga @rafaeldesigner no twitter!-
Create a Slick and Accessible Slideshow Using jQuery

Create a Slick and Accessible Slideshow Using jQuery
-
Simple jQuery Image Slide Show with Semi-Transparent

Simple jQuery Image Slide Show with Semi-Transparent
-
How to Create a Simple iTunes-like Slider

How to Create a Simple iTunes-like Slider
Divulgue
Comentários (21)
-
Categorias: Tutoriais | Responsável: Rafael Hernandez em mar 2nd, 2011
Criando meu primeiro Web App para Dispositivos Móveis – 1
Leia mais » TagsOlá amigos e amigas como estão?

Tutorial Especial: Criando meu primeiro Web App para Dispositivos Móveis
Bem, hoje iremos dar um grande passo em nosso Blog para ajudar você que sempre desejou ou mesmo quer entender como é feito os famosos Web App (site adaptado para dispositivos móveis).
-
Neste momento estaremos focando nos seguintes aparelhos: iPhone/iPodTouch/iPad por ser atualmente a grande referência para desenvolvimento destas aplicações web, mas como todo Web App ele roda em todos os tipos de aparelhos Smartphones só que com algumas diferenças que ao longo dos tutoriais você irá notar!
-
O que um Web App?Web App ou (Web application), é uma aplicação web de um aplicativo que é acessado através de um aparelho móvel, mas não entrando no termo Notebook. O termo também pode significar uma aplicação de software de computador que está hospedado em um ambiente controlado pelo navegador ou codificados em uma linguagem suportada pelo mesmo (como JavaScript, HTML e Css) e é dependente de um browser comum para processar este aplicativo.
Outra coisa importante salientar é que um Web App não um aplicativo nativo de aparelhos móveis, ou seja, ele roda na web e adapta seu conteúdo para esse aparelhos e o que chamamos de “App nativos” são aqueles que você pode encontrar na App Store da Apple, no Android Market Store do Google ou mesmo na Ovi Loja da Nokia.
-
Agora que já foi explicado esta parte importante vamos começar!
Divulgue
Comentários (7)
-
Categorias: Tutoriais | Responsável: Rafael Hernandez em jan 13th, 2011
Tutorial de Google Ad Planner em Vídeo (inglês)
Leia mais » TagsPara quem não conhece, o Google Ad Planner é usado para analisar dados demográficos e sites associados com o público-alvo estabelecido pelo anunciante, a ferramenta também analisa informações sobre locais (dentro e fora da rede de conteúdo do Google) que o seu público provavelmente também visita.

Google Ad Planner em Vídeo (inglês)
-
Desta forma, ao utilizar o Google Ad Planner, é possível criar rapidamente planos de mídia e de exportar para um arquivo .csv, que pode ser aberto em qualquer tipo aplicação baseado em planilhas. Ou, você pode exportar para a MediaVisor da DoubleClick’s MediaVisor, o que poderá gerenciar todos os outros meios de planejamento de comunicação social, de compra e de atividades de gerenciamento de campanhas.
Divulgue
Comentários (0)
-
Categorias: Mídias Sociais, Tutoriais | Responsável: Rafael Hernandez em jan 11th, 2011
Usando o FBML (Facebook Markup Language) em Campanhas
Leia mais » TagsHoje trago a vocês uma grande ajuda para quem está entrando no mundo das Mídias e Redes Socias. Pensando sempre em melhor nossa comunicação, irei mostrar como customizar uma página do Facebook usando desde descrições, imagens, eventos até vídeos para gerar mais fãs com um conteúdo de qualidade.

Usando o FBML (Facebook Markup Language) em Campanhas
-
Um dos pontos mais envolventes nas Fan Pages (página de fã), é a possibilidade de usar uma linguagem própria da rede social, capaz de substituir o tradicional HTML. Com ela, abre-se a oportunidade de criar diferentes meios de divulgação interativa dentro de sua página.
-
Conhecida como: FBML, ou Facebook Markup Language, a linguagem tem como principal característica a adição de uma aba na sua página de marca. Dentro das configurações, é possível inserir uma codificação. Tal código pode vir de um design, uma simples imagem de boas vindas, um formulário de envio de contato… Enfim, tudo que já usamos atualmente nas páginas fora da rede social, mas sempre usando as TAGS oficiais do Facebook.
-
E para quem pensa que trabalhar com FBML é complicado, caiu do cavalo pois não é. Para começar, é preciso ser administrador de uma página. Para adicionar o aplicativo a ela, visite o site oficial do FBML dentro do Facebook e clique no link no menu “Adicionar à minha página”.

Adicionando o FBML a Página de Fã
Divulgue
Comentários (29)





RDEncurta.me – O seu novo encurtador de Url da Internet
Klout: Leve as pessoas importantes para falar sobre você.
Galaxy Note: O tudo em um da Samsung agora mais interativo.
Agende seus tweets usando a ferramenta Timely
SECOMP2011: e-Commerce, Planejamento e Mídias Sociais!






















