Você está procurando a arquiteta e designer carioca Lia Siqueira? Clique aqui

Posts da Categoria ‘Dicas’

O artista plástico e designer Ronaldo Gazel (http://gazozzo.blogspot.com/) aponta uma série de práticas que podem ajudar a estimular a criatividade na concepção de projetos na web e na obtenção de melhores resultados. Confira a lista:

Continuar lendo »

Dicas de como ler bem

dezembro 31st, 2008

Ler um livro é estabelecer um diálogo animado pelo desejo de compreender. Nossa leitura deve ser governada por um princípio fundamental de respeito a voz que nos fala no livro. Você vai ler? Saiba então que a compreensão de um texto exige mais do que o simples correr dos olhos sobre as letras.

Comece por escolher um local tranquilo e conformtável, bem iluminado. E não se apavore em caso de não entender tudo de imediato. No entanto, não se deve interoper demais a leitura. Por isso, conforme-se em aprender o significado geral. A leitura, para ser mais produtiva, pode ser dividida em fases:

- Faça um reconhecimento do texto para saber de que assunto se trata.

- Procure isolar as informações principais. Para isso, é bom sublinhar ou assinalar passagens.

- Ao encontrar expressões especializadas (de medicina, direito, etc) procure conhecer e anotar seus significados.

- Procure separar os fatos, das interpretações que deles faz o autor. Assim, você estará pronto para estabelecer suas próprias idéias sobre o texto. Mas lembre-se: o trabalho intelectual exige rigor. Por isso, nunca é demais voltar ao texto, reler e aperfeiçoar a leitura.

Como fazer Links de Âncora

novembro 5th, 2008

Essa é velha, mas tão velha que eu vou postar só pra garantir que eu não vou esquecer (de novo) como se faz. :P

Links de âncora servem pra auxiliar na navegação de páginas longas, faz com que um link redirecione direto à um ponto específico, posicionando-o no topo da página, pode ser usado dentro da mesma página ou em outra. É muito útil para quem se preocupa com a Usabilidade e Acessibilidade dos sites.

Como fazer?

LINK PARA DENTRO DA MESMA PÁGINA:

No link coloca-se o seguinte:

<a href="#ancora"> ... </a>

P.S: #ancora é o nome da sua âncora, é para onde o link vai levar.

No local pra onde vc quer que o link vá, coloque:

<a name="ancora"> ... </a>

Ainda não entendeu? Veja o exemplo:

<a href="#ancora">LOCAL DO LINK</a> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <a name="ancora">Você vai parar aqui!</a>

LINK PARA OUTRA PÁGINA:

Também dá pra fazer um link de âncora para uma outra página. Exemplo:

<a href="endereco.php#ancora"> ... </a>

P.S:
- endereco.php é o nome do arquivo;
- #ancora é o nome da sua âncora, é para onde o link vai levar.

Boa sorte!! :)

Os Arquitetos de Informação da Click inventaram uma maneira de “manipular” os designers utilizando mensagens sublimares utilizando o famoso gerador de ladainha Lorem ipsum. É isso mesmo, vejam aqui e aqui para entender.

Exemplo:

At vero eos et accusamus et iusto use fontes maiores qui blanditiis praesentium voluptatum deleniti atque corrupti o conteúdo é mais importante que o design excepturi sint occaecati a cor de fundo deve ter um bom contraste com a cor da fonte cupiditate non provident, similique sunt in culpa Quer mudar? Consulte um arquiteto. Qui officia deserunt mollitia animi, IA Rocks! Id est laborum et dolorum fuga.

Eu adorei a idéia e vou utilizar a mesma técnica para deixar “mensagens” para os programadores dos sites que eu codifico. Educação subconsciente, vão aprender Tableless sem perceber. rsrs…

Google colorido

setembro 30th, 2008

 ImageShack

Você usa o Google como sua página principal? Eu uso, sempre usei. :P

Outro dia me deu um surto de feminilidade e saí configurando meu computador todo de cor-de-rosa (minha cor favorita), dai que eu abri o navegador e vi aquela coisa branca e sem graça, e decidi que queria que o Google fosse cor-de-rosa.

Então eu fiz uma versão do Google Cor-de-Rosa e ela faz pesquisa perfeitamente, você pode usar avontade.

Como eu não sou egoísta, coloquei na página a possibilidade de trocar a cor do layout, ou seja, você também pode ter sua página inicial do Google com a sua cor favorita !! :D

Tá, vcs podem perguntar “Pq vc simplesmente não usa o iGoogle que é mais bonito e é original?” rs.

Eu respondo: Pq o iGoogle só pode ser usado por pessoas cadastradas no Google e o tema colorido/bonitinho só aparece se a pessoa estiver logada. Já essa versão que eu fiz vc pode usar, qualquer pessoa pode usar, em qualquer computador, quantas vezes quiser!!!

ACESSE E ADICIONE COMO PÁGINA INICIAL DO SEU NAVEGADOR

Print Screen Sequenciado

setembro 29th, 2008

Já pensou na possibilidade de fazer print screen sequenciado??

Vai que acontece que vc precise fazer vários print screens um atrás do outro e não dá pra esperar abrir um editor de imagem, colar, salvar e fazer de novo e colar, salvar e… aff…

Seria maravilhoso se a cada print screen a imagem fosse salva em uma pasta né???

Graças a Deus existe o Gadwin PrintScreen pra te ajudar a fazer isso :D

Baixar

Nerdices

agosto 1st, 2008

ImageShack

Nerdice do Kasem, invenção da Lía

ImageShack

Nerdice do Cristian, invenção da Lía

;)

Descobri uma forma de testar os sites em dispositivos móveis, como um celular, sem precisar gastar horrores com o consumo por minuto que as operadoras mercenárias costumam cobrar. :D

Achei de bobeira fuçando o site do Opera, o Opera Mini, e lá tem um simulador desse navegador que me deixou boba. Ele possui a navegação identica á de um celular, tanto na tela como no teclado.

Daí eu sai entrando em um monte de sites pra ver se eles tinham a folha de estilo handheld… e descobri que pouquíssimos sites e portais preocupam-se com essa questão da acessibilidade por outros dispositívos, mas td bem… não posso falar nada pq meu blog tbm ainda não está adaptado. :P

Fui navegando sem usar o mouse ou teclado… fiz td pelo simulador, pra ver como os usuários se sentiriam/sentem quando estão navegando.

Os sites mais legais e fáceis de navegar, que eu achei, foi o Google (logicamente) e o Flick-r. Inclusive tem algumas informações que eu encontrei, de forma mais rápida, na versão mobile do Flick-r, do que no modo tela de pc. rsrs…

Adorei, adorei, adorei (H)

ImageShack
http://www.operamini.com/demo/

ImageShack

Logos com duplo sentido

maio 7th, 2008

Hoje de manhã meu colega Bruno, da Quimeras me mostrou uma matéria do O Globo On-Line que me fez rir muito. :D

Logos com mensagens subliminares. “[...]Só que os seus criadores não imaginaram o que poderia acontecer caso as pessoas pusessem a logo na posição vertical[...]”

Será mesmo que eles não imaginavam? Não acredito na ingenuidade dos designers. rsrs…

1- Nova logo da Office of Government Commerce. Com sede em Norwich, a OGC foi desenvolvida no governo Tony Blair como um exemplo de eficiência no controle de gastos públicos.

2- Instituto de Estudos Orientais, da Universidade Federal de Santa Catarina:


3- Farmácias Kudawara, do Japão:

4- Centro Pediátrico de Arlington:

ImageShack

Esse extintor de incêncio é fruto de um trabalho de transformação estética… acabou virando papel de parede.  :P

Esse script adiciona páginas nos favoritos do Internet Explorer, Mozzilla Firefox e Opera. Já que nos três navegadores os comandos de adição de páginas á favoritos são diferentes. Procurei e achei esse script muito facinho e últil.

Coloque isso dentro do <head>:

<script type="text/javascript"> function addFav(){ var url = "http://www.liasiqueira.com.br"; var title = "Repositorio da Lia"; if (window.sidebar) window.sidebar.addPanel(title, url,""); else if(window.opera && window.print){ var mbm = document.createElement('a'); mbm.setAttribute('rel','sidebar'); mbm.setAttribute('href',url); mbm.setAttribute('title',title); mbm.click(); } else if(document.all) {window.external.AddFavorite(url, title);} } </script>

Coloque isso no link:
<a href="javascript:addFav()" title="Add nos Favoritos">Add nos Favoritos</a>

Atenção:
- Você precisa alterar o endereço da página em “var url” e o título em “var title
- Preste atenção nas aspas e aspas duplas se for copiar o código dessa página, algumas vezes elas ficam com formatação diferente e faz o código não funcionar. Delete-as e digite-as novamente se nescessário.

Testado e aprovado: Adicionar aos Favoritos

Asas, letras e números

abril 5th, 2008

O fotógrafo Kjell Sandved teve sua atenção chamada, certa vez, para uma borboleta que tinha a letra “F” desenhada na asa interna. A partir desse encontro ele passou 24 anos viajando pelo mundo todo, fotografando borboletas. E veja só o que ele encontrou: todas as letras do alfabeto romano e os númeoros de 0 a 9. Dá pra acreditar?

♥ Veja fotos grandes de todas as letras. 

Galeria com fotos de Sandved.

ImageShack
Nesse site você pode gerar seus próprios textos com o “alfabeto borboleteano”

:P

Um dos fenômenos naturais que mais fascina é a Aurora Boreal. E só por que é lindo, muito lindo, vou disponibilizar aqui três fotos com ótimas resoluções dessa “belezura”.

:D

ImageShack

ImageShack

ImageShack

Photoshop Free

março 28th, 2008

ImageShack

Com o Photoshop é possível fazer e editar todo tipo de imagens, desenhos, vetores, que vc possa imaginar, até criação de layouts e interfaces digitais. Talvez por isso hoje ele seja o software de edição mais poderoso e mais utilizado.

A Adobe fez uma versão básica e grátis do Photoshop, chamada Photoshop Express que é dirigida à nova geração de usuários que editam, armazenam e compartilham fotos on-line (em blogs, flogs, etc) mas não são profissionais, portanto não necessitam da versão tradicional do software.

A versão on-line traz as funções básicas de edição de fotos e alguns efeitos e para usar você precisa se cadastrar no site www.photoshop.com/express . Ainda oferece opções para montar galerias e 2GB para armazenamento de imagens.

:D

Wallpaper – Papel de Parede

fevereiro 28th, 2008

ImageShack

Tarde de quinta inspiradora…

Eu não sei porque usei o Verde, não é das minhas cores favoritas… mas até que achei que ficou fofo!! :$ :D

Dicas para quem não conhece (e não tem obrigação) de conhecer o mercado de design mas precisam reconhecer a necessidade.

Nenhuma empresa pode prescindir de design, mas a imensa maioria dos pequenos negócios brasileiros não conta com este recurso[..] (Caroline Fulep)
Se ainda não chegou a hora de contratar um designer para trabalhar pela sua empresa, preste atenção à algumas dicas básicas e essenciais do design.
Nenhuma empresa é visível sem um logotipo ou um cartão de visitas. Então, alguém teve que fazer isso. Se quem criou tudo foi você mesmo ou algum grande amigo que sabe usar perfeitamente o computador, verifique se os dez itens abaixo estão de acordo com o que tem sido feito para sua empresa. Senão, é hora de rever o que você está querendo dizer para o seu consumidor…
♥ LER ARTIGO♥

Baseado no cartaz acima, o Luli Radfahrer fez uma interessante explicação sobre Gestalt (bem melhor do que as cansativas aulas na faculdade). Ele analisou cada conceito da teoria, aplicado no cartaz.

Acesse o link e confira, vale a pena!

Livro do Maujor

janeiro 10th, 2008

LIVRO DO MAUJOR

Referencia nacional em termos de CSS e (X)HTML!!!

Quem nunca leu o site do Maujor inteiro quando estava aprendendo CSS, ou pelo menos já cruzou com alguns artigos e tutorials sobre XHTML e CSS. Poisé, o Maujor agora saiu da tela e pode ir para a sua prateleira.

:D

Como limpar monitores de LCD?

janeiro 2nd, 2008

Não existe segredo para limpar monitores de LCD (Liquid Crystal Display), ou cristal líquido. Mas é importante tomar alguns cuidados simples ensinados por fabricantes para garantir a conservação do equipamento. A Philips, por exemplo, recomenda que não se use produtos à base de acetona, tolueno ou álcool para limpar a superfície da tela. Segundo a fabricante, estes produtos químicos causarão danos ao equipamento, como por exemplo, o desbotamento das cores. Detergentes e desinfetantes também estão expressamente proibidos.

O ideal para retirar marcas de dedo ou impressões digitais, de acordo com a assistência técnica HCL Eletrônica, autorizada da Sony e Panasonic, é usar um pedaço de algodão levemente umedecido com água e passá-lo suavemente na tela. Para limpar a poeira deve-se usar apenas um pano macio, como uma flanela. Jamais utilize objetos ásperos ou pontiagudos para remover sujeiras da superfície.

Outra dica importante da Philips é, caso espirre acidentalmente algum líquido na tela, limpe-a imediatamente. Não deixe secar porque o tempo de exposição a líquidos pode causar deformações na superfície. Os fabricantes também alertam para prestar atenção a mudanças bruscas de temperatura que podem causar estragos aos monitores. O ar pode condensar na tela e umedecê-la. Isso resulta em danos como manchas ou marcas, além de prejudicar componentes elétricos.

E para limpar telas de plasma?

Os cuidados a serem tomados com monitores de plasma são os mesmo indicados para o caso de LCD, já que as duas tecnologias são similares. A diferença fundamental entre os dois tipos de tela é que as de plasma emitem luz individualmente em cada ponto da tela, graças a “células” de gás neon e xenônio. Já o LCD depende do backlight, fonte de iluminação posicionada atrás da tela, para emitir luz.

Fonte: W News