Edson S. Júnior

Internet, CSS e Photoshop

Follow me on TwitterRSS Feeds

  • Início
  • Sobre
  • Contato

Qual o tamanho do background do Twitter?

03/08/10

Escrito por ed1nh0 em Photoshop

4 comentários

mascote do twitter pensando "background? #comofaz"

Você, usuário um pouco mais, digamos, experimentado, já tentou posicionar uma imagem no background do seu perfil no Twitter?

Convenhamos, é meio chato! Vou explicar como adaptar (criar é com você!) uma imagem, de modo que seu background apareça melhor em algumas resoluções de monitor mais comuns.

Mais >

background, Photoshop, twitter

Por que usar CSS Reset?

25/07/10

Escrito por ed1nh0 em CSS

13 comentários

botão CSS Reset (uma metáfora para o problema)

Muito se discute sobre o uso de CSS Reset em desenvolvimento web. É um verdadeiro divisor de águas. Há quem o odeia e quem não viva sem (meu caso).

Especialistas divergem entre si e são muito políticos em suas defesas quanto ao uso ou não de resets. Tanto que confundem a cabeça de novatos nessa área e só fazem aumentar a necessidade de um veredito.

Pois bem, resolvi peitar uma defesa baseada em problemas que enfrento diariamente. E defino minha conclusão com uma pergunta mais que direta: “Como eu criava sites antes sem usar um CSS Reset?”

Mais >

CSS, css reset, interface

@font-face CSS com ajuda do Google font API

20/05/10

Escrito por ed1nh0 em CSS

1 comentário

Google font directory

Em um artigo que escrevi sobre o uso de @font-face e a conversão de fontes do formato TTF para EOT abordei o modo mais prático de implementação de fontes diversas para criação de sites mais, digamos, elaborados. Expliquei como e com o que converter fontes, e as linhas de código em CSS para implementação.

Agora vou explicar novamente o uso do @font-face abordando uma, na verdade duas, ajudas muito bem-vindas do gigante do Vale do Silício: a Google font API e o Google font directory.

Mais >

api, CSS, font-face

Photoshop: Tratamento de imagem (parte 1)

03/05/10

Escrito por ed1nh0 em Photoshop

6 comentários

Como tratar uma imagem?

duas fotos lado a lado de um combinado de sushi mostrando o antes e depois: do lado esquerdo a foto bruta, sem tratamento de imagem. do lado direito após um tratamento com correção de branco, tom, volume e seleção de cores

Lembro que quando comecei a mexer com tratamento de imagem – em meados de 1995 – o Photoshop (versão 3.x) era muito limitado e não podíamos cometer erros. Aliás, um erro só podia, pois não havia múltiplos undos (o “desfazer”), dá pra imaginar?! Também não tinha recursos de layers (camadas) e os pincéis não eram elaborados, além de outras tantas limitações. Mas, desde aquela época o processo de Seleção de Cores (grosso modo, é como chamam o tratamento de imagem para mídia impressa), sofre apenas a interferência das melhorias da ferramenta: as evoluções do programa.

Mais >

contraste, curves, hdr, levels, Photoshop, tratamento de imagem

Photoshop: Criando uma textura de background para seu site

20/04/10

Escrito por ed1nh0 em Photoshop

3 comentários

Você encontrou “aquela” textura pela internet e deseja usá-la como background no seu site. Mas a imagem não é grande o suficiente para cobrir a tela toda. Ao perceber que quando a textura se multiplica pela página (formando um pattern), as bordas dessa imagem ficam visíveis “quebrando” a homogeneidade da textura.

Tomemos o exemplo abaixo (clique na imagem para ampliar).

textura original com vigas de madeira horizontais

Mais >

background, offset, pattern, textura
1234»
    • Assine meus feeds
    • Siga-me no Twitter

  • Busca

  • Últimos

    • Qual o tamanho do background do Twitter?
    • Por que usar CSS Reset?
    • @font-face CSS com ajuda do Google font API
    • Photoshop: Tratamento de imagem (parte 1)
    • Photoshop: Criando uma textura de background para seu site
    • Lista de itens contornando imagem
    • Salvando favicons direto do Photoshop
    • Lista de itens horizontal
    • Borda arredondada com Javascript
    • Pixels (vídeo YouTube)
    • GIF, PNG ou JPG? Você sabe salvar imagens para web?
    • Bitmap e interpolação vs. Vetor
    • CSS Sprites
    • Radial shadow background
    • @font-face e a conversão de fontes .TTF para .EOT sem mistério
  • Categorias

    • CSS
    • Photoshop
    • Vídeos
  • Blogroll

    • Alê Mazzariolli Alê Mazzariolli
    • Aline Alvim Aline Alvim
    • Barril de Ideias Barril de Ideias
    • Cozinha Travessa Cozinha Travessa
    • Diego Franco Diego Franco
    • Flávio "Japs" Kaminisse Flávio "Japs" Kaminisse
    • Leonardo Ota Leonardo Ota
    • Revolução etc. Revolução etc.
    • Sarah Santos Sarah Santos
    • Tiago Lemos Tiago Lemos
  • @ed1nh0

    • Alguém querendo trampar com XHTML + CSS em Uberlândia? (via @revolucaoetc) 5 hours ago
    • Olha a aranha gigante!!! kkkkkkk http://www.youtube.com/watch?v=3DsaXfNgQZ4 7 hours ago
    • Prefere as de Viagra?? RT @Angeruzzi: Essas propagandas de RENDA EXTRA já estão me incomodando! Elas estão por todos os lados... 9 hours ago
    • Definição da palavra TENSO... http://twitpic.com/2ktp50 10 hours ago
    • Bumsen kacke! Hitler tb quer seu Motorola #Android atualizado! http://youtu.be/M7jT3F8FZLM #motofail (via @motoFAIL_BR) 11 hours ago
  • Tags

    api background bitmap borda contraste converter CSS curves degradé eot favicon font font-face fontface foto gif hdr ico icone imagem image replacement interpolação IR javascript jpeg jpg levels lista matte offset otf pattern Photoshop png recorte rounded sombra sprites textura tratamento de imagem ttf ul vetor video weft
Dropbox

Dropbox não é só um disco virtual, você tem a opção de sincronizar dois ou mais computadores para que tenham sempre os mesmos arquivos à mão.

Direitos autorais © 2010 Edson S. Júnior