Ja não é de hoje que o telefone celular esta ganhando mais espaço em nossa vida. A cada dia, a tecnologia em torno deste aparelho só vem crescendo. E uma das utilidades mais usada é a câmera fotográfica. Abaixo segue o trabalho do fotógrafo Alexandro Zezzi, que fotografa as ruas de Santos e São Vicente utilizando apenas um celular [...]
Um Sketchbook ou “Caderno de Rascunho” é a forma mais fácil de se começar um projeto. É a partir desse caderno que você vai anotar suas idéias para a criação de um novo layout. Muitos designer ainda fazem a criação ou diagramação diretamente no computador, mas com certeza se tivesse usado um Sketchbook teria reduzio [...]
Uma coisa que me intrigou muito no começo de meus estudos era o fato de existir 2 tipos de cameras DSLR no mercado. As cameras com sensores Full Frame (35mm) e as que possuem os sensores Cropados, a tal “FATOR DE CORTE” (CROP). Isso é muito importante na hora de escolher uma maquina digital DSLR. [...]
May 31st, 2013 
zezzi * { margin:0; padding:0; list-style:none; vertical-align:baseline; } ou html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, [...]
May 16th, 2013 zezzi input[type=submit] { background-color:#4D90FE !important; border: 1px solid transparent; } para o hover segue a baixo input[type=submit]:hover { ///seu css aqui }
May 7th, 2013 zezzi #fundos{ background: url(fundo3.png) bottom right no-repeat, url(fondo2.png) center no-repeat, url(fundo1.gif) center repeat; width: 300px; } obs. o lance é colocar apenas , (virgula) no final das condições enquanto não terminar as urls de fundos!!!
April 20th, 2013 zezzi Linear Gradient (Top → Bottom) #linearBg2 { /* fallback */ background-color: #1a82f7; background: url(images/linear_bg_2.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #2F2727, #1a82f7); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #2F2727, #1a82f7); /* IE 10 */ background: -ms-linear-gradient(top, #2F2727, [...]
April 1st, 2013 zezzi Centralizando DIVS para todos Browzers #content { position: relative; left: 50%; width: 740px; margin: 0 0 0 -370px; (370 é o total width/2 } E no HTML: <div id=”content”> <!– Conteúdo do site –> </div> ou ———————————————- Colocando a imagem: Neste exemplo vamos usar uma imagem, mas você pode perfeitamente usar um div, o processo [...]
March 30th, 2013 zezzi O CSS está cada vez mais facilitando as coisas. Alguns problemas que eram resolvidos apenas via Javascript já podem ser resolvidos inteiramente com CSS. Obviamente que para alguns browsers temos que usar algum script para conseguir a compatibilidade. Mesmo assim, se for já possível utilizar as novas maravilhas do CSS 3 e outras compatibilidades que [...]
March 30th, 2013 zezzi Selector API A Selector API não é novidade do HTML5, é anterior a ele. Mas como ainda é desconhecida de parte dos desenvolvedores, convém dizer que ela existe, e que continua funcionando no HTML5. Com a selector API você pode usar seletores CSS para encontrar elementos DOM. querySelector e jQuery Se você é usuário de [...]
March 30th, 2013 zezzi SVG Assim como MathML, SVG é uma outra linguagem XML que pode ser incorporada com facilidade em HTML5. Você pode ler mais sobre SVG em http://www.w3.org/Graphics/SVG/. SVG é uma linguagem para marcação de gráficos vetoriais. Vejamos um exemplo bem simples: Arquivo: exemplos/13/svg.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=”UTF-8″ /> 5 <title>SVG</title> [...]
March 30th, 2013 zezzi Os agentes de usuário podem oferecer recursos de revisão ortográfica e gramatical, dependendo do que houver disponível em cada plataforma. Os desenvolvedores podem controlar o comportamento dessa ferramenta através do atributo spellcheck. Inserir spellcheck=”true” num elemento faz com que a revisão esteja habilitada para ele. Você também pode desabilitar a revisão para determinado elemento, inserindo [...]
March 30th, 2013 zezzi Áudio Para inserir áudio em uma página web, basta usar o elemento audio: <audio src=”mus.oga” controls=”true” autoplay=”true” /> O valor de controls define se um controle de áudio, com botões de play, pause, volume, barra de progresso, contador de tempo, etc. será exibido na tela. Se for setado como “false”, será preciso controlar o player [...]
