Como fazer uma div ficar fixa no rodapé quando houver pouco conteúdo na página.

Essa é a Nina, a dona do blog

Como todo produto nasce de uma necessidade, o Mobile Nina nasceu da minha nescessidade em localizar na Internet de forma mais fácil, conteúdo pra meu Nokia N78, eu gosto mesmo de colecionar jogos, wallpapers, vídeos, ringtones, etc… #prontofalei

Se buscar no Google com certeza ele encontra vários sites dos gênero, mas um dedicado exclusivamente para amantes do rosa não tinha.  Quando me dei conta, eu já tinha tantos joguinhos e wallpapers cutes na minha máquina que fiquei com pena de deletar e resolvi compartilhar ^^ Foi então que o Mobile Nina nasceu.

Acessem e repassem o link pras suas primas adolescentes!! hehe

www.mobilenina.com

Se você é ligado (a) em SEO, precisa conhecer essas novas “regrinhas”. Tudo pra deixar o trabalho de otimização mais emocionante!! rs

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 »« Encolher de novo

Rolltop
Novo conceito em design portátil. Um notebook que mais parece um tubo de carregar papel A3, ele fica enroladinho quando tá fechado e pode ser utilizado como notebook, tablet e monitor para assistir filmes. Achei a idéia maravilhosa, tomara que um dia saia do conceito e caia no mercado. :) Ele me lembrou muito aquele celular Nokia 888 que se parece uma pulseira.

Existem vários programas e sites de conversão e criação de ícones em formato .ICO. Porém até hoje não consegui encontrar nenhum que me desse a mesma autonomia que o Photoshop dá, porém, infelizmente nosso querido PS por padrão não tem opção de exportar imagens em formato .ICO. Pra resolver esse problema, instale o plugin ICO Format (ele é órfão de pai e mãe, encontrei ele perdido no meu computador e não lembro as origens).

1º Baixe o plugin ♥ Download ♥

2º Procure no seu computador a pasta C:\Arquivos de programas\Adobe Photoshop CS3\Plug-Ins\File Formats

3º Certifique-se de que os outros arquivos que já vão estar dentro dessa pasta, tenham a extensão .8bi, se tiverem, pode colar seu plugin aí mesmo que você está na pasta certa.

4º Se o Photoshop estiver aberto, você deve fecha-lo e abri-lo novamente.

5º Para exportar como .ICO basta abrir sua imagem, clicar em Save as e a opção ICO (Windows Icon) (*.ICO;*.CUR) estará na lista de formatos.

Créditos

Não tenho muito o que dizer, é basicamente um menu drop down simples, feito com jQuery. Espero que seja útil pra você como foi pra mim :) rs

Não vou escrever um tutorial, primeiro porque tô com dor de cabeça e segundo porque algumas pessoas precisam aprender a analisar o código-fonte das coisas pra entender realmente como elas funcionam.

O código-fonte do exemplo tem comentários que podem ajudar. Qualquer dúvida, deixe um comentário que eu respondo por e-mail.

Etiquetas e estampas para destaques publicitários bem ao estilo Web 2.0:

♥ Baixar ♥

Autor: ~verbaska

No site do autor, tem um tutorial ensinando a fazer suas próprias etiquetas.

♥ Baixar ♥

Autor: *Deluxive

♥ Baixar ♥

Autor: ~verbaska

♥ Baixar ♥

Autor: ~Laletizia

Se você sempre quis saber como fazer aqueles efeitos web 2.0 styles e nunca acertou a mão no Photoshop, você pode utilizar resources de design para Photoshop, tem muitos disponíveis gratuitamente para download pela internet, basta saber procurar. Como sou boazinha, fiz uma pesquisa no DeviantArt e vou postar os links dos melhores Styles e Gradients que encontrei.

Continuar lendo »« Encolher de novo

Pra quem não conseguia imaginar novas formas de interação para websites, o site Dont Click conseguiu reutilizar um recurso tão simples, como o velho conhecido “mouse hover” e criou uma nova experiência de navegação.

O site é todo navegável sem cliques, para acessar um link basta colocar o mouse em cima dele e para confirmar alguma coisa, passar o mouse por cima da opção “ok” que aparece ao lado das palavras. Para navegar pelos inputs dos formulários também basta passar o mouse por cima e ele fica em foco ou pode-se usar a tecla tab.

Eu estava fuçando o blog Design de Interação da Puc Minas e quando achei esse link, pensei que não daria nada por ele, mas ao navegar no site fiquei surpresa. É ótimo, é realmente uma nova experiência, navegar sem cliques dá uma sensação de leveza.

Acesse o site e experimente.

Uma das características da Web 2.0 é tornar a edição e geração de conteúdo web, que antes estava distante do alcance dos usuários, em o que chamamos de geração de conteúdo colaborativa. Nessa nova Web, os usuários estão mais ativos, interagindo, colaborando, comentando, publicando… e todos esses benefícios estão deixando os nosso queridos usuários mal acostumados, ou mais evoluídos. Se antes era satisfatório ter um laptop, hoje é muito mais cômodo ter tudo na palma da mão.

Quando me dá vontade de usar Google (e isso acontece com frequencia durante o dia), só de pensar em ligar meu notebook eu moooorro de preguiça! Sério, daí eu pego meu celular, e anoto no Bloco de Notas (que por sinal é a aplicação que eu mais utilizo nele) pra pesquisar depois. Mas quando estou em casa ou em algum lugar que eu sei que tem wireless, acesso o Google pelo meu celular e pesquiso na hora. Isso é praticidade, e as pessoas e empresas que enxergam essa praticidade como benefício e decidem elevar seus sites a esse nível de acessibilidade, estão dando um passo a frente de seus concorrentes.

E entendendo a Web Mobile 2.0, você será capaz de dar um passo maior ainda. Não basta utilizar a versão mobile do Facebook ou instalar browsers que suportam Ajax, Flash, etc. Não basta trazer para os browsers de celulares, aplicações web feitas para computadores. Os dispositivos móveis não são computadores pessoais, e nós não queremos tratá-los como se fossem. Queremos uma combinação da Web 2.0 com a possibilidade de termos conteúdo em nossas mãos, que explore as vantagens dos nossos dispositivos.

Continuar lendo »« Encolher de novo

Quando se fala em desenvolvimento de sites para dispositivos móveis, a primeira coisa que vem a mente é a grande quantidade de aparelhos diferentes sendo oferecidos no mercado, e esse crescimento aumenta a cada dia. Então, vamos estreitar mais o foco, invez de nos preocuparmos com quantos modelos de aparelhos existem no mundo, nos preocupemos com quantos e quais são os browsers mobile que estão sendo mais utilizados ultimamente.

Eu acredito que devido aos custos, aparelhos com conexão WAP são os menos utilizados, deixando os smartphones encabeçando nosso nicho de público-alvo. Creio que tudo começou com a explosão do iPhone, os Nokia NSeries, daí a Samsung, Motorola, Blackberry e os demais entraram na onda do “celular quase pc que tem internet” e tudo indica que esse mercado vai continuar crescendo.

Voltando ao assunto, os smartphones comandam, certo, agora vamos descobrir quais tipos de sistemas operacionais os aparelhos mais comprados possuem. É nessa fase da pesquisa exploratória que vai entrar as chatas análises estatísticas que vemos blogosfera a fora e não damos muita importância. Symbian? Windows Mobile? Android? É hora de pesquisar!

Recapitulando:

1º Passo: Descobrir que tipo de aparelhos estão sendo mais vendidos.

2º Passo: Descobrir os sistemas operacionais que estão sendo mais utilizados.

3º Passo: Descobrir que tipo de conexão é mais utilizada: WAP, WEP ou Wi-fi.

A partir dessas informações, vamos começar a investigar que tipo de browsers estão sendo mais utilizados. Durante minha pesquisa, encontrei uma listagem (não datada infelizmente) de navegadores webmóveis mais utilizados (também não sei em quê essa listagem se baseia, mas serve pra ter uma noção). A lista não está em ordem de preferência:

Continuar lendo »« Encolher de novo

Pensar com tipos é uma excelente porta de entrada para o mundo da tipografia, além de um ótimo companheiro para os cursos da área. Ao longo do livro, as informações teóricas aparecem sempre acompanhadas de exemplos práticos, e os exemplos práticos aparecem sempre contextualizados na história e na teoria do design. Os ensaios trazem panoramas históricos e teóricos abrangentes, que vão das origens da tradição aos impasses dos novos meios de comunicação.

Leia parte do livro de graça, pelo Google Books:

Continuar lendo »« Encolher de novo

Ergonomia e Usabilidade – Conhecimentos, Métodos e Aplicações por WALTER CYBIS, RICHARD FAUST traz os principais conceitos que permitem a aplicação da usabilidade e da ergonomia no desenvolvimento de Interfaces Humano-Computador, conscientizando o leitor sobre a necessidade de considerar capacidades e limitações dos usuários do sistema informatizado. Além disso, apresenta maneiras de adequar perfeitamente este sistema às estratégias dos usuários, proporcionando-lhes a realização de tarefas de modo mais eficaz, eficiente e agradável. Com métodos e informações de fácil compreensão, é a melhor opção para web designers, programadores, arquitetos, projetistas, analistas, universitários, professores e pesquisadores da área.

Principais tópicos abordados no livro – Critérios e recomendações ergonômicas; Técnicas de concepção, análise e avaliação de Interfaces Humano-Computador; Conhecimentos de engenharia de usabilidade aplicados ao desenvolvimento de interfaces para computadores de mão e para TV digital; Modelos e teorias cognitivas que fundamentam critérios e recomendações ergonômicas.

Leia parte do livro de graça, pelo Google Books:

Continuar lendo »« Encolher de novo

Em 2000, Jakob Nielsen, o maior especialista mundial em usabilidade Web, publicou um livro que mudou a forma como as pessoas viam a Web – Projetando Websites. Seis anos depois, Nielsen juntou-se à consultora de usabilidade Web, Hoa Loranger, para discutir o que há de mais atual em design e usabilidade Web e atualizou esse clássico e polêmico livro. O livro conjuga a experiência do autor com testes de usabilidade de quase 500 Web sites, estudos de caso, dados de milhares de usuários e uma análise profunda de 25 Web sites reais. Ele ensina conceitos sobre design Web, experiência dos usuários, testes de usabilidade, navegação, possibilidades de busca, design de página, design de conteúdo e muito mais.

Leia parte do livro de graça, pelo Google Books:

Continuar lendo »« Encolher de novo

Se o seu trabalho é com marketing e é imprescindível que entenda profundamente as mudanças pelas quais o mercado brasileiro de internet e o consumidor estão passando, este livro é para você.

Conrado Adolpho compartilha, neste livro, o fruto do seu trabalho de pesquisa prática e teórica ao longo dos últimos cinco anos sobre como a internet está mudando a rotina de marketing das empresas. O autor, consultor de internet e publicitário especializado em mídias interativas, mostra o conhecimento adquirido do ponto de vista do marketing de maneira acessível e objetiva.

O livro Google Marketing – O Guia Definitivo do Marketing Digital trata de assuntos como propaganda georreferenciada, publicidade em blogs, como e por que ficar na primeira página do Google, como usar a web 2.0 como forma de se relacionar com o seu público-alvo, como planejar e desenvolver uma campanha de Marketing Viral eficiente, como mensurar o ROI de ações de marketing digital e outros assuntos de extrema importância para quem quer dominar e conquistar market-share neste novo mundo digital.

Leia parte do livro de graça, pelo Google Books:

Continuar lendo »« Encolher de novo

A Marca que é Você – Criando Marcas pela Percepção do Cliente de Mônica Vasconcelos propõe uma nova poética na geração da identidade visual, da experiência à fundamentação teórica, tendo como foco o processo de desenvolvimento de uma tecnologia intelectual para a criação de marcas. O método utilizado revela-se, em toda a sua trajetória, por meio de exemplos práticos, embasados nos conceitos teóricos de Jean François Lyotard, Humberto Maturana, Antônio Damásio e Mauro Maldonato.

Leia parte do livro de graça, pelo Google Books:

Continuar lendo »« Encolher de novo

As Cores na Mídia a Organização da Cor-informação no Jornalismo de Luciano Guimarães aborda as intenções no uso da cor como informação e cria um instrumento teórico para a análise e a elaboração de produtos jornalísticos que utilizam imagens em cores, como jornais, revistas e telejornais.

Leia parte do livro de graça, pelo Google Books:

Continuar lendo »« Encolher de novo

O livro Design de Interação (SHARP, PREECE e ROGER, 2005) apresenta uma exposição atualizada do design das tecnologias interativas do momento e de nova geração, como web, dispositivos móveis e computação vestível. Explica como utilizar técnicas de design e avaliação para o desenvolvimento de tecnologias interativas de sucesso.

Leia parte do livro de graça, pelo Google Books:

Continuar lendo »« Encolher de novo