domingo, 7 de março de 2010

Podcast Jovem Nerd

Um podcast que vem comentar varios assuntos com muita irreverência !

Nerdcast 169 - Profissão: Publicitário


Hoje Alottoni, Ken Fujioka (JWT), Mentor Muniz Neto (Bullet) e Azaghâl, o anão proseiam sobre descolada profissão de PUBLICITÁRIO.

Neste podcast: Escolha em que área da publicidade você prefere virar noites, aprenda a colocar um iPod no palito, pense sobre onde quer estar em 5 anos, entenda a relação entre cerveja e mulheres seminuas e saiba como sacanear o rei dos argentinos com estilo em rede nacional!

Tempo de duração: 59 min
COMENTADO NO EPISÓDIO

*Audi vs BMW (guerra de outdoors)
*Pepsi vs Coca-Cola
*Pipoca com Guaraná
*Tiger Woods: Jesus Shot (Bug que virou propaganda da EA Sports)
*iPod no Palito (apresentação internacional da campanha)
*Ford Fusion (campanha ‘Daqui a 5 Anos’)
* Coca-Cola (campanha ‘Quem foi Melhor: Maradona ou Biro Biro?’)

Blog muito interessante sobre Tecnologia

# 43 – Vanusa, Blog do Planalto, Microsoft e games

Caros internautas, nossa 43ª edição abre com a musa Vanusa e sua incompreensível performance ao entoar o Hino Nacional “risonho e límpido”, nas palavras das própria. No mesmo barco, o silência forçado dos internautas no blog do Planalto. Você concorda?

Diego Guichard traz as novas sobre Rock Band, Guitar Hero e God of War.

O indefecável estagiário Thiago Mulé não resiste, dá umas cutucadas (não literais) na Xuxa e comenta a aparição do Lago Nesse – em cuja existência ele diz que não acredita, mas desconfiamos de que esteja mentindo.

Fechando a pauta, André Crespani fala sobre as novas da Microsoft na semana. O Word foi alforriado, o IE8 vale 16 pratos de comida e o Windows 7 vai ganhar baladinhas promocionais.

Enquanto isso, Guilherme Neves insiste em fazer piadas sem graça de mosquito – sossega velho!

Não esqueça de votar nos títulos alternativos da edição. O mais votado será o definitivo quando o próximo Backup for publicado.



MP3 do Podcast da semana

quarta-feira, 10 de fevereiro de 2010

Como criar cantos arredondados com CSS3

O border-radius é a mais antiga implementação de CSS3, e provavelmente por isso a mais comum. Este artigo é sobre como utilizá-la corretamente.

O que é Border-Radius?

Criar cantos arredondados sempre foi uma grande dificuldade para desenvolvedores. Em geral para implementar, tinhamos que alterar o código html inserindo divs inúteis ou na melhor das hipóteses, fazer uma caixa de tamanho fixo e jogar a imagem inteira no background, o que em muitos casos não é uma solução possível.

Para resolver especificamente esse problema foi criado o border-radius.
Como utilizar?

Para usar esta e outras possibilidades do CSS3 nós precisamos adicionar ao código extensões dos seletores específicas para cada navegador. Tenha em mente que isso é um recurso temporário. Quando o CSS3 entrar em vias de finalização isso não será mais necessário. E além disso seu código CSS (com essas extensões) não será mais válido segundo a W3C. Para os mais puristas talvez seja o caso de criar um arquivo extra só com essas modificações.

As extensões mais comuns são:

* Mozilla Firefox: -moz-
* Google Chrome e Safari: -webkit-
* Opera: -o-
* Konqueror: -khtml-
* e o famigerado Internet Explorer: -ms-


Essa caixa fica melhor com cantos arredondados, não?

Então para gerar o exemplo acima precisamos do seguinte código css:
.teste {
background:#333;
border:1px solid #888;
width:450px;
margin:10px auto;
padding:0px auto;
text-align:center;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
Bugs e afins

Infelizmente até agora apenas Firefox/Safari/Chrome suportam border-radius. Existe um boato de que as últimas versões do Opera (ainda em estágio alpha) já suportam border-radius inclusive sem a necessidade de extensão. Porém o Internet Explorer não tem previsão alguma de aceitar extensões do CSS3. Ainda mais considerando que apenas no ano passado a microsoft lançou um navegador compatível com CSS 2.1. Então, se o canto arredondado for crucial para compreensão do site, você terá que usar o método antigo. Porém ser for apenas um detalhe, essa é uma ótima forma de recompensar quem usa navegadores mais atuais.

De forma geral: Seu site deve aparecer igual em todos os navegadores? A minha opinião é: não.

Um outro problema é que Firefox e navegadores baseados em webkit diferem quanto a especificação de cada canto arredondado.

Para definirmos cada canto no firefox, usamos o seguinte:
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;

Já para Chrome e Safari:
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;

E para os mais pessimistas, o estágio do border-radius na W3C ainda é de draft(rascunho). Ou seja tudo pode mudar (apesar de ser muito improvável… mesmo) e seu layout ficar quadrado denovo nos próximos navegadores.
Exemplos de site que utilizam border-radius

* http://www.twitter.com/
* http://www.wordpress.org/
* http://www.design.blog.br ;)

Fonte do artigo : http://design.blog.br/

quarta-feira, 27 de janeiro de 2010

Relações básicas entre as fontes:

Relações básicas entre as fontes:

Concordante: Constituída por uma única família de tipos em um trabalho, ela causa uma sensação de harmonia e equilíbrio na peça. Representa pouca ou nenhuma ousadia.

Conflitante: Geralmente ocorre com o uso de dois ou mais tipos similares, na tentativa de aproximação de um tipo já existente. Ela causa sensação de estranhamento, como se algo estivesse errado. Recomenda-se evitar esse tipo de relação.

Contrastante: Caracteriza-se pelo uso de dois ou mais tipos diferentes, gerando uma relação de hierarquia através de segregação. Essa relação é algo positivo, que orienta a leitura. Representa criatividade e diferenciação.



Contraste entre os tipos:

Tamanho: É muito bom para destacar partes de um título ou elementos de um texto. Para o contraste funcionar, o tamanho dos tipos precisa ser realmente diferente (fonte 12 com 14 não é contraste, é conflito).

Peso:
Assim como no contraste por tamanho, não se deve ser tímido nos contrastes por peso. Este contraste é muito utilizado em peças que são separadas por tópicos ou em sub-títulos.

Estrutura: Tipos de mesma categoria, por apresentarem estruturas muito próximas, geram conflito. Uma boa dica para segregar por estrutura é usar uma fonte com serifa e outra sem. O contraste fica ainda mais claro com as diferenças nas transições grosso-fino.



Direção: Ao aplicar um texto com inclinação, ele se destaca do restante da peça, mas alguns cuidados devem ser seguidos: nunca inclinar para baixo (conotação negativa) e nunca inclinar pouco, pois pode parecer um erro.


Cor: Pode-se realizar, também, a segregação por cor, mas alguns cuidados devem ser tomados, como, por exemplo, procurar utilizar cores que se relacionem bem entre si e com a peça como um todo.







Algumas dicas para o uso de tipos: Experimente sempre, não tenha preguiça! Em caso de dúvida, reduza o número de tipos do seu trabalho. É mais seguro trabalhar apenas um ou dois tipos em um trabalho gráfico. Tipos clássicos são perfeitos para bancos e seguradoras. Os tipos modernos são bons para moda e perfumes. Os tipos sem serifa são bem relacionados ao setor automobilístico. Fontes sem serifa tem um peso visual maior que as serifadas. Fontes serifadas em itálico e caixa alta não ficam boas.

terça-feira, 15 de dezembro de 2009

Vantagens e Desvantagens no uso de imagens EPS ou TIFF

Ficheiro EPS:

Iniciais de Encapsulated PostScript, ou seja, um PostScript Encapsulado. Um ficheiro PostScript que pode ser usado e impresso de forma independente. Os ficheiros EPS podem ser criados e editados por programas de edição electrónica, criação gráfica ou até processadores de texto; para serem correctamente impressos necessitam de uma impressora que suporte a linguagem de descrição de página PostScript

Benefícios
- Melhor qualidade de impressão
- Maior rapidez na colocação e na sua movimentação
- Maior conformidade na cor do ficheiro

Desvantagens
- Maior demora na impressão
- Menor resolução em modo preview
- No modo grayscale o branco não é transparente, excepto se a imagem for recortada



Ficheiro TIFF:

Iniciais de Tagged Image File Format. Trata-se de um formato muito usado na indústria gráfica e que permite guardar imagens em alta resolução preservando toda a informação. Ao contrário dos formatos JPEG e GIF, que comprimem a informação, o TIFF tende a gerar ficheiros bastante grandes. No mundo dos PC’s, os ficheiros TIFF são normalmente identificados pela extensão .TIF

Benefícios
- Possibilidade de colorir (somente em lineart ou grayscale)
- Melhor resolução em modo preview
- No modo grayscale o branco é transparente

Desvantagens
- Menor resolução de saída
- Maior lentidão na colocação, movimentação e redesenho




Diferenças entre o uso de um EPS e um TIFF

O tipo de Ficheiro que se coloca num documento é tão importante como a resolução. Quando se coloca uma imagem num documento como o QuarkXPress ou PageMaker é possível escolher o seu formato. As escolhas do tipo de imagem serão uma opção entre o uso de uma imagem baseada em vectores como um EPS ou uma imagem baseada em bitmap como um TIFF.

Na maioria das vezes é melhor usar um EPS em vez de um TIFF, sobretudo quando há alterações ao formato de saída. Quando o QuarkXPress ou o InDesign inicia a saída de ficheiros TIFF para a impressora o Software não tem em conta do factor de ampliação do ficheiro na caixa de imagem.

Uma vez ignorada a ampliação, só terá em conta a lineatura e a resolução solicitadas para a impressora. Esta situação acontece com todas as imagens que possam ser editadas como qualquer imagem bitmap (TIFF, ScitexCT, BMP, PICT, PCX, etc.). Por exemplo, se criarmos uma imagem com 50 MB de ficheiro e a colocarmos num documento do QuarkXPress que tenha um formato de página A6, (pretendendo aumentar no ficheiro do Quark 4 vezes para o formato A2), o Quark só salvará a imagem TIFF no tamanho original do A6. Quando a imagem é aumentada para o A2, é o RIP que a vai fazer aumentar e aparecerá posterizada ou com menor resolução do que o original.

No caso de uma imagem EPS, o documento enviará a imagem inteira para a impressora e o RIP é que decidirá a quantidade da imagem que irá precisar quando estiver a ripar o ficheiro. Desta forma podemos obter de forma geral um melhor ficheiro de imagem e uma melhor qualidade na ampliação.

terça-feira, 8 de dezembro de 2009

Empreendedorismo&Conhecimento!

Gilclér Regina


O escritor Napoleon Hill, autor do best seller mundial “A Lei do Triunfo” faz uma pergunta: “Que produto ou profissão você pretende oferecer em troca de fortuna?”
Se o conhecimento especializado por si só ditasse a riqueza, os professores universitários seriam todos ricos.
Se conhecimento fosse realmente poder, então o poder estaria em mãos completamente diferentes.
O que está em jogo no caminho do empreendedorismo chama-se liderança. Pessoas que criaram, construíram e alcançaram um enorme sucesso a partir de sua atitude.
Seja voluntariamente ou por outras razões, essas pessoas seguiram em frente.
Sergey Brin e Larri Page abandonaram a Universidade Stanford para criar o Google.
David Ogilvy, uma lenda da publicidade, foi expulso da Universidade Oxford porque não conseguia passar nos exames.
Michael Dell abandonou os estudos na Universidade do Texas e concentrou-se no negócio de venda direta de computadores.
John F. Kennedy foi rejeitado por Harvard e foi reprovado duas vezes no exame do Conselho de Advogados de Nova York, equivalente a nossa OAB, para mais tarde tornar-se um dos mais famosos presidentes dos Estados Unidos.
Essas pessoas podem ter abandonado a educação formal e não estou em nenhuma hipótese afirmando aqui ser este o melhor caminho.
Eles podem ser exemplos e até fazem parte ser a minoria, mas são exemplos. É claro que também existem outros tantos casos de sucesso na educação formal.
O que estou colocando aqui é que estas pessoas concentraram o seu foco em conhecimento e este, somado a atitude de cada um, a motivação e as suas aptidões, fizeram toda diferença.
Elas pagaram o seu preço e o sucesso é assim mesmo, cobra o preço de cada um. E o preço maior é trabalho, horas de trabalho, distância das pessoas que ama, da família, energia concentrada.
E você? Qual é o seu caminho? O que pretende dar em troca para chegar ao topo?
Se sua atitude é de derrota... Então a derrota será projetada em sua realidade e a derrota é exatamente o que você vai encontrar.
A boa notícia é que você pode viver exatamente o oposto. Não é o maior que vai engolir o menor. Não será o mais rápido que irá vencer o mais lento... Vai vencer o jogo da vida aquele que acreditar na sua vitória.
Pense nisso, um forte abraço e esteja com Deus!

domingo, 27 de setembro de 2009

Video Bem humorado sobre o significado das cores

Já ouvimos muito sobre que as cores tem identidade e passam de alguma forma algum significado!
Neste post vou apresentar um vídeo informativo e bem humorado, sobre as cores.


Autora do Vídeo Maria Claudia Cortes

http://www.mariaclaudiacortes.com/
 
BlogBlogs.Com.Br