Postagens

Mostrando postagens com o rótulo style

Speedrun fazendo uma calculadora em HTML,CSS,JS (Javascript)

Imagem
Fala galera! Beleza? Quem aí se interessa por programação? Bom, hoje em dia as coisas estão bem mais fáceis pra quem quer ter um site... Diversas plataformas já disponibilizam ferramentas onde você pode criar um grande diversidade de sites sozinho... Porém, algumas ideias não são disponibilizadas... Principalmente as realmente inovadoras, afinal, se é algo novo, é porque ninguém nunca pensou, ou nunca conseguiu fazer né? Como seria possível achar algo pronto para colocar nesse seu site...rsrs Bom, eu sou super à favor de que as escolas ensinassem programação nas aulas, em vez de ensinar inglês ou geometria... Isso porque muitas dessas coisas você acaba aprendendo naturalmente quando você aprende programação... E a programação te ajuda a desenvolver muito mais a capacidade lógica, além de ser algo útil pra vida... Cada vez mais as pessoas precisam de sites e aplicativos para viver...rsrs Como essa disciplina ainda não é ensinada na escola regular, o que dá pra fazer é aprende...

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...

CSS, a solução pra agilizar

Não sei se vocês sabem, mas é bom fazer o design dos sites sempre com CSS. A maioria das vezes o CSS que é um código, fica mais leve do que você fazer um background com imagem por exemplo... Outra coisa é ícones, ás vezes você precisa colocar várias imagens pequenas no seu site, algumas vezes com fundo transparente, compensa você juntar todas imagens em uma única, e usar a técnica utilizada em muitos jogos, na qual em uma imagem você desenhava todos os golpes dos personagens, depois com programação você dividia as imagens...^^ Outra vantagem é que compensa mais você fazer um elemento flutuar na página com o CSS do que com javascript, por exemplo, uma div que abaixa quando a janela rola... Dá pra fazer dos 2 jeitos, mas com CSS fica muito mais suave e não trava tanto... O que acontece é que nem todos navegadores tem comandos CSS iguais, você tem que pesquisar... Organizar os elementos na página também é muito mais fácil e melhor com CSS do que com tables, iframes, etc... Você pode c...