Tag Archives: css

CSS #yeswecan episódio 2 – Seletores Complexos do CSS

Mais um episódio sobre Seletores do CSS e esse episódio foi baseado no segundo artigo do Tableless sobre seletores.
Vale lembrar que o IE6 e alguns outros browsers não reconhecem esse tipo de seletor, estou preparando um tutorial com essas diferenças, mas pra isso tenho que arrumar uma máquina com Windows :) Enquanto não consigo a máquina, olhem a tabela de compatibilidade do CSS lá do pessoal do Tableless.

Conheça mais sobre Seletores Complexos nos seguintes artigos:

Se você quer acompanhar essa pequena campanha, veja no Twitter o que nós podemos fazer sem o IE6. Siga o hash #semie6.

Gostou? Ajude dando suas sugestões logo abaixo, assinando o Feed ou divulgando para seus amigos. :)

CSS #yeswecan 1 episódio – Seletores agrupados e Encadeados

Olá pessoal, o Diego Eis começou uma série bem bacana no Tableless sobre “O que podemos fazer com CSS sem Browsers antigos“, principalmente o ie6 né? Além disso ele também criou uma campanha lá no Twitter sobre como a Web seria legal sem o IE6, então basta você acessar seu twitter e mandar uma mensagem com a tag #semie6 dizendo o que poderíamos fazer sem esse navegador.
Veja o que já rolou no twitter com o hash #semie6.

Depois de participar um pouco da campanha e ver o post eu me animei para criar uma série de Screencasts fazendo referência ao conteúdo que o Diego Eis irá disponibilizar.
Então confiram logo abaixo o primeiro vídeo e já deixo uma perguntinha: Vocês preferem que nos Screencast eu aborde o assunto de forma mais didático ou vá direto ao assunto? :)

Gostou? Ajude dando suas sugestões logo abaixo, assinando o Feed ou divulgando para seus amigos. :)

Alguns pensamentos aleatórios sobre web development e “blogging”

Nada como umas semanas super atarefadas para fazer com que a gente não consiga cumprir nossas metas diárias. Essa semana está sendo assim, cheia de trabalho para finalizar, outros para começar e alguns para planejar, mas a prioridade está nos que precisam ser finalizados, pois senão o negócio fica feio. Vamos aos assuntos então.

Microblogging

Uma idéia já batida como todo mundo deve saber é a história de encurtar URLs, esse serviço virou febre e imprescindível depois da popularização de serviços para microblogging e a ferramenta mais famosa da atualidade de longe é o Twitter, então veio o tinyurl, moourl, bit.ly, is.gd, tr.im e mais um enxurrada que provavelmente eu devo estar esquecendo. Daí eu me deparo com o Migre.me.

Página inicial do migre.me

“O Migre.me é mais uma ferramenta para tentar encurtar a URL, como o TinyURL ou o is.gd, mas totalmente integrado com o twitter (que é onde mais se utiliza estas ferramentas). Gerando o seu link aqui no migre.me, você pode acompanhar quantas pessoas clicaram em seu link, quantas pessoas o “retwitaram” e também fazer um bookmark dos seus links.”

Prestaram atenção quando no trecho “quantas pessoas clicaram em seu link” e é justamente nesse ponto que essa ferramenta trás ótimos benefícios para usuários que precisam mensurar sua audiência, pois com dados dos links mais acessados e divulgados nó podemos traçar estratégias diversificadas, já vi outras ferramentas que geram gráficos de tweets e RTs, mas o Migre.me está de parabéns por sua simplicidade e facilidade de utilização.

Além disso o Migre.me traz em seu site três áreas “Últimos Twitts”, “Mais clicados” e “Mais retuitados” que também é muito bacana, pois podemos ver quais são os assuntos mais quentes do Twitter pelas pessoas que usam o Migre.me, ponto para o lado Social que o pessoal trouxe.

Você também pode verificar seu bookmark (ou de outros usuários) para poder fazer uma análise simples de quais assuntos chamaram mais atenção do seus seguidores no twitter, daí assim você pode direcionar suas ações de forma muito mais interessante para eles. Esse é um ótimo recurso para empresas que já utilizam o twitter como ferramenta de divulgação e até mesmo para substituir os links de impressos. Isso mesmo, imagine que agora você pode mensurar quantas pessoas que compraram a sua revista/jornal/panfleto clicaram nos links. Vi que a Revista Webdesign utiliza o tinyurl em suas páginas, mas acredito que em breve ela estará usando o Migre.me para poder fazer esse tipo de trabalho.

Bookmark do @juarezpaf no Migre.me

Blogging

Para o pessoal da Blogosfera, vi uma ótima notícia falando sobre a integração entre Zemanta e ScribeFire que são duas ferramentas para dar mais poder a sua vida de blogueiro e outras coisinhas mais. Eu já testei essas duas ferramentas, mas preciso voltar a utilizá-las com mais frequência e com certeza depois dessa notícia já instalei no meu Firefox e vou testá-lo nos próximos posts.

Precisa editar suas fotos e não quer sair do seu navegador?

Screenshot da página incinial do Picnik

Você pode usar o Picnik, um editor de imagem totalmente online que tem diversos recursos para você dar aquele trato nas suas imagens, usar a integração com diversos serviços e o melhor é que tem interface em pt-br.

Javascript ou CSS? Eis a questão.

Livros sobre HTML, Usabilidade, Javascript e CSS

Foi numa discussão no Skype bem humorada que eu tive com mais 3 “Web Guys” onde percebi mais uma vez que precisamos de atenção constante quando estamos executando nossas tarefas, pois pensar em acessibilidade e usabilidade cabe a você que faz o Front-End da página também, pois nós somos os responsáveis por executar da forma mais simples possível o que nos foi passado.

Ué? Mais simples? E quanto ao nosso diferencial?

O diferencial está justamente em saber/conhecer as técnicas que podemos aplicar para o site/aplicação se tornar mais rápido, mais acessível, reutilizável e sem ser uma dor de cabeça para realizar alterações (manutenção). Foi quando um amigo meu falou que tinha feito um código supimpa para deixar o rodapé da página sempre “colado” no fundo da página, daí o pessoal achou bacana e começaram a fazer mais perguntas de como utilizar. Foi quando eu coloquei uma resposta dizendo que poderia ser feito apenas com CSS.

Vocês podem imaginar o Flamewar que essa resposta gerou, não? Mas entre mortos e feridos todos ficaram vivos para contar história. :) Mas sim, de fato podemos usar apenas CSS para deixar um DIV, por exemplo, fixo no “rodapé” do browser, mostrarei para vocês em outro post a solução.

iPlotz, 960 Grid System, imeem, KonoLive e JS e CSS minifier

Algumas novidades que eu achei navegando e usando algumas coisinhas na web ontem.

iPlotz – Wireframe suas Idéias

Não sei se vocês andam acompanhando meu Twitter, venho falando um pouco da minha experiência com Wireframes e a ferramenta que estou utilizando é o iPlotz e venho gostando muito das funcionalidades dessa ferramenta e ainda mais que eu ganhei acesso a uma conta Vip.

O time do iPlotz vem desenvolvendo com uma rapidez incrível e da semana passada para cá já tivemos algumas mudanças de interface e o que mais achei bacana foi que agora podemos minimizar a barra de ferramentas, antes eu queria visualizar o Wireframe como um todo e não podia, pois esse painel ficava semi-transparente e chegava a incomodar.

Estarei trazendo mais exemplos e tutoriais de como utilizar o iPlotz, além disso vou fazer um comparativo com o Balsamiq e o OmniGraffle.

Além disso em breve você vai pode utilizá-lo em pt-br. Aguardem.

960 Grid System

Comecei ontem a fazer alguns testes com o 960.gs, finalmente né? Já ouvi falar muito sobre esse framework CSS e já iniciei meus estudos, alguém por aí tem alguma dica para que eu possar agilizar o aprendizado desse Framework ou indica outro Framework?

imeem – O que você tem na sua playlist?

Fiquei sabendo de uma rede de compartilhamento e amantes da música através da indicação do Fábio e então fui conferir, pois estou fazendo alguns materiais em áudio, principalmente o Pilotocast.

A comunidade parece ser bem bacana e com a conta gratuita você pode fazer o Upload de até 100 arquivos, então vai dá para utilizar por algum tempo. Se você precisar de um serviço semelhante para disponibilizar seus arquivos de áudio está dado o recado.

KonoLive

O KonoLive é uma ferramenta muito bacana desenvolvida em Adobe Air para colaboração com seus amigos. É totalmente gratuito e você vai poder: “Criar, compartilhar e Gerenciar as Atividades”, “Aumentar a sua produtividade e a do seu time” e “Aumentar a Colaboração”
Confiram então, e se quiser testar comigo em algum projetinho, sabe onde me encontrar.

Otimização de CSS e JS no Dashboard do seu MacOSX

Eu vi uma mensagem do Justin Rockwell sobre esse Widget para otimização do seus arquivos de Javascript e CSS o MacOSX e fui checar. Acredito que é um aplicativo bem legal para se ter no Dashboard, pois assim vai facilitar quando você quiser dar uma otimizada no seu código.