E ai pessoal primeiro Tutorial com o tema CSS.
Este aqui tem como objetivo ensinar a aplicar css em um página HTML.
Para aplicarmos formação css existe 3 maneiras e eu irei mostrar na ordem de importancia, aquela em que o navegador olha primeiro, mas lembrando a melhor forma de utilizar e a terceira:
Para isso vamos supor que eu tenha apenas um titulo na página com a Tag h1
Ex:
Arquivado em: CSS | Deixar um comentário »
Fala Galera !!!
Achei mais uma novidade na web, é o blog colmeia.
Ele simplesmente reune o conteudo dos melhores blogs do Brasil.
bem melhor que você ficar entrando site por site ou até mesmo que reader pq o conteudo já vem todo selecionado e a atualização é diária muito bom esse Blog espero que todos gostem e acessem!
Sugestões, reclamações é só deixar comentário que serão atendidos…
Arquivado em: Blog, Curiosidades | Deixar um comentário »
Bem-Vindos !!!
Essa semana trago um site muito interessante sobre um agencia digital.
O layout do site se baseia em uma imagem fotografica em cima da mesa, a imagem pricipal é a propria maquete da agencia e quando passado o mouse pelso ambientes, há uma interessam dos objetos.
O nome da agencia é agencynet e possui uma lista de clientes bem elevado como Ford, Motorola, Pepsi e Directv entre muitos outros. Entrem e confiram:
Agencynet
Esperam que tenham gostado e se enteressem por melhorar seus conhecimentos para criar sites parecidos ou melhores.
Arquivado em: Site da Semana | Deixar um comentário »
Pessoal uma pena eu ter conhecido os livros da coleção Use a Cabeça ou inglês Head First antes, somente agora depois de ter penado tanto por caminhos de pedra é que encontro uma moleza dessa.
É uma coleção excelente para quem esta ingresando no mundo da informática porque ele utiliza um alógica simples, exemplos bem elaborados e faz você pensar de maneira correta.
Como dou aula achei os exemplos muito bons mesmo.
parem de rachar a cuca com tantos tutoriais e blogs e afins … tudo que você precisa para começar e bem no javascript esta aqui!!
E-book Javascript
Se por algum motivo o link estiver quebrado, por favor é so deixar comentário que eu colocarei novamente.
Arquivado em: Javascript | Deixar um comentário »
Fala Pessoal hoje minha missão é mostrar para os iniciantes a importancia de se aprender css (cascating style sheets).
Bom primeiro não podemos descutir que a base de qualquer site é o HTML (hyper text maurkup language), e com ela podemos tanto inserir conteudo, quanto formatar este conteudo e até além, podemos modelar o layout desta pagina. Resumindo utilizavamos ou tem gente que ainda utiliza formatações com a tag font, desenha seu layout pensando em como vai criar as tabelas e por ai vai.
Principalmente pela questão de manutenção entre outras essa é uma maneira trabalhosa e extremamente dificil de manter. Pensando nisso a W3C recomenda a criação de um site por camadas.
Isso siginifica separar os elementos de um site. Conteudo no lugar de conteudo, formatação no lugar de formatação e comportamento no lugar de comportamento (javascript).
Página construida em Camadas
Pensando assim fica muito mais fácil desenvolver e dar manutenção em um site, pois os elementos estao separados.
Quando eu precisar trocar a cor ou a imagem de fundo do site não precisarei mais ficar trocando página por página, agora basta eu ir até o arquivo de formatação e modificar a propriedade desejada.
ok ok mas onde entra o css nisso ???
trabalhar com puro html nessa estrutura tbm não da muito certo, o html é linguagem de modelagem e nao de formatação, foi entao que começou a ser desenvolvida uma linguagem especifica para a formatação de elementos dada o nome de CSS.
Quem já trabalha na área sabe que como designers precisamos seguir metricas, verificar parametros entre outras coisas e se tem um acoisa que agencia cobra é conhecimento em css.
entenderam o pq é tão valioso trabalhar com CSS.
esperam que tenham gostado e colocarei tutoriais sobre o assunto.
Arquivado em: CSS | Deixar um comentário »
Um bom profissional de Imagem deve sempre possuir um ótimo case de brushs, shapes, actions e texturas.
Um Brush muito utilizado para qualquer tipo de criação gráfica é o de formas femininas. Ele pode ser utilizado em banners, sites, outdoors, folhetos e muito mais.
Ele trás as curvas femininas podendo ser utilizado qndo quer se referir a coisas provocantes, sensuais e belas!
Brush Formas Femininas
Espero que todos gostem e possam utilizar da melhor maneira possivel!!!
Se tiverem duvidas, opniões ou sugestões é só deixar comentário!
Arquivado em: Photoshop | Deixar um comentário »
Olá pessoal neste Tutorial vomos aprender como criar um efeito de forma no flash ou também chamado de interpolação de forma.
A idéia e bem simples, basta um objeto se transformar em outro com formato diferente, exemplo um quadrado se transformando em um circulo. A interpolação de forma segue os mesmos passos da interpolação de movimento, como visto antes é bem simples.
Para esse tutorial estou utilizando o Adobe Flash CS3 Action Script 3.0 mas também pode ser a 2.0 para este efeito não há diferença. Então vamos lá!
Com o Flash aberto desenharemos um quadrado no canto esquerdo superior do palco, para isso utilize a ferramenta retangulo. como mostra na figura1.
Figura 1
Iremos escolhar agora o tempo de nossa animação, por padrão o Flash utiliza 12 frames ou quadros por segundo, logo para cada segundo de animação utilizaremos 12 quadros.
Clique no quadro 12 e aperte F6 para criar um key frame (quadro chave). Como isso o Flash cria uma cópia do nosso quadrado e como a idéia é justamente trocar a forma do objeto iremos apagar apertando o botão delete. E desenhar um circulo em outro canto do polco como mostra a figura2.
Figura 2
Com os objetos desenhos basta aplicar a interpolação clicando com o botao direito em cima do quadro 1 e clicar em Create Shape Tween. Como mostra a figura 3.
Figura 3
Para visualizar o resultado final basta apertar Enter ou se preferir ver no flash player precione Ctrl+Enter
Bem simples não ??? Espero que todos tenham gostado e aprendido um pouco mais de Flash.
Veja também Flash: Interpolação de Movimento.
Caso tenham alguma duvida, opnião ou segestão deixe um comentário.!!!
Arquivado em: Flash | 1 Comentário »
Recentemente postei uma matéria que fala de interatividade digital.
Principalmente com o que se diz respeito a 3D. E o site escolhido para essa semana justamente vem motrar esse conceito para nós.
Como designers sempre tentamos ao máximo tirar um “WOW” dos nossos usuários para que eles retornem, contribuam e interajam como nossa webpage e foi justamente isso que vi no site frisabor.com.br e nem preciso falar que foi feito por uma equipe brazuca neh rsrs.
Espero que gostem, quaquer duvida ou sugestão basta deixar um comentário.
Arquivado em: Site da Semana | Deixar um comentário »
To eu na minha aula de Java qndo no intervalo eis que inventei de mexer em uma foto que recebi no e-mail, como o curso é de programação não havia nenhum programa de edição de imagem … tirando o paint é claro rsrsrs.
Fiz algumas pesquisas no google e encontrei nao um mais vários programas on-line que se parecem e muito com o photoshop. Como estava com pressa soh entrei e fiz o que precisava fazer utilizando o site splashup.com. Os desenvolvedores criaram suas ferramentas iguais ao do photoshop para uma facil utilização tanto com os menus e painéis.
Através dele você pode aplicar alguns filtros, recortar, selecionar, trabalhar com camadas e ajsutes de brilho e cor.
Bom se você como eu estiver desprevinido e sem o photoshop portatil esses editores o-line são uma ótima ferramenta de quabra galho.
espero que entrem e gostem assim como eu gostei …
Arquivado em: Ferramentas, Photoshop | 1 Comentário »
Hoje esta sendo um dia relativamente estranho, pois o mesmo assunto esta aparecendo várias vezes e é 3D.
Sites com efeitos em 3 dimensões esta atualmente em altissimo destaque. Quase que todos os novos serviços e hotsites estão migrando para essas soluções.
Analizando um pouco é nitido o motivo de tanta procura e esta na interatividade. Com objetos em 3D você tem sensações mais realistas sem falar na mais nova tecnologia que esta sendo explorada na WEB a Realidade Aumentada tbm chamada de RA.
As possibilidades são infinitas misturando o real com o virtual.
Veja um exemplo do que pode ser feito com a RA.
Apresentação de produtos como um celular em tamanho real sendo projetado na palma de sua mão, onde você interage e altera cor do produto e vê funcionalidades e muito mais.
Para isso é necessário conhecimento em criação 3D. Os programas mais populares são 3DMax, Maya e não muito recentemente o Blender.
O Blender é uma ótima ferramenta para desenvolvimento 3D e o melhor e que ela diferentemente das outras é opensurce. Esse é um dos motivos pelo qual as agencias digitais estão a procura de profissionais com esse conhecimento.
Nos próximos posts falarei mais detalhado sobre tantos assuntos.Espero que tenham gostado.
Arquivado em: Curiosidades, tecnologia | Deixar um comentário »
