Postagens

Mostrando postagens com o rótulo div

O código HTML - Como fazer um site #4

Oi gente, tudo bem? Bom, hoje começa o que pra alguns é considerada a parte mais difícil... Mas acredite, não é tão difícil quanto parece, isso porque há muitos sites e exemplos que vão te ajudar na árdua tarefa de fazer seu site, e com o tempo, a prática, assim como em qualquer outra coisa que se aprende, você irá decorar como se faz certas coisas e não terá que ficar quebrando a cabeça mais... Bom, antes de começar a falar do código é importante que você tenha noção sobre acesso à diretórios... Diretórios, não são nada mais do que pastas, iguais a que você tem no seu computador mesmo... Só que quando você está programando seu site, você não acessará estas pastas com o mouse, mas sim pelo endereço delas... Mas calma, não é nenhuma coisa de hacker não...rs Vamos à um exemplo para facilitar a explicação... Se você já estiver seguindo meu tutorial todo dia, provavelmente criou uma pasta para guardar todos os arquivos do primeiro site que você está tentando fazer, certo? Esta pasta ...

Como fazer uma playlist do youtube com javascript

*http://www.youtube.com/watch?v=rHyDH6f1kLo&feature=c4-overview&list=UUEWHPFNilsT0IfQfutVzsag http://www.youtube.com/watch?v=4WryP4KxHaU http://www.youtube.com/watch?v=Un4r52t-cuk&list=TLVVWYCTldZxA http://www.youtube.com/watch?v=wV3vGWcca3U&list=TLVVWYCTldZxA http://www.youtube.com/watch?v=_FsgWrAJObM http://www.youtube.com/watch?v=ykgZvSzcuDk   Pra quem não viu ontem, criei um javascript que cria um playlist de vídeos do youtube de maneira parecida com a deles... Pra isso utilizei javascript, YQL e o API de vídeos do youtube, além de muita paciência...rs Na verdade ainda tem algumas melhoras a se fazer, como identificar o fim de cada vídeo e iniciar o próximo automaticamente, ajustar melhor o tamanho do player e centralizá-lo na tela... Mas de qualquer forma resolvi compartilhar com vocês o código que fiz ontem à noite. Na verdade esse código já foi modificado hoje, pois nesse blog dinâmico o javascript sempre acaba tendo que ser modificado para f...

Animando site com CSS

Imagem
É sempre bom deixar o site interativo, animado, que sempre que o usuário passar o mouse sobre alguma coisa, alguma coisa acontecer né... Ou até mesmo evitar fazer aqueles javascripts sem necessidade, já que o css faz muita coisa quando o assunto é interação e animação, esse é um exemplo que mostra apenas algumas possibilidades, você pode procurar pela internet e achar muitos outros... Antes de apelar pro javascript ou flash, procure pelo o que você quer com css, html5, porque eles são mais rápidos, bem mais amigáveis, e não ficam devendo em nada visualmente, pelo contrário, muitas vezes renderizam imagens aumentando muito melhor do que o flash, no exemplo abaixo vocês poderão constatar isso... ^^ Menu Acordeon Galeria de Imagens Gráfico Day 1 3 Day 2 36 Day 3 23 Day 4 56 Day 5 55 Day 6 32 Day 7 79 Day 8 74 Day 9 77 Day 10 83 Day 11 34 Day 12 39 Explicação Agora vamos explicar um pouco sobre o que eu acab...

Criar site para celular

Imagem
Fala galerinha, beleza? O tutorial hoje vai ser punk, se preparem em! Antes começar algo técnico e difícil pra quem não faz sites, vou passar uma opção mais simples... Você pode recorrer ao site do google, que ajuda você a montar seu site móvel! Acessando  http://www.gomobrasil.com.br , você encontrará uma página que esclarece alguns aspectos dos sites móveis, porque ter um site móvel, você pode testar seu site, para ver se está nos padrões aceitáveis para celulares(velocidade, se está escalável à tela, interações touch, entre outras coisas). Ao procurar nesse site por um desenvolvedor você acha o link do próprio Google:  http://www.google.com/intl/pt-BR_ALL/sites/help/mobile-landing-pages/mlpb.html Como podemos ver já pelo link, isso ajuda você a fazer uma "landing page" mas afinal o que é isso? É a página que usuário irá visualizar assim que entrar no seu site, é a página inicial... Só que no caso é uma versão pra celular, você tem que focar nas c...