JoãoVagner

Blog sobre Design, tecnologia da informação, programação e linux!

Galeria de CSS

Agosto21

Boa Tarde,

O Thalis Valle tem em seu blog uma lista de CSS escolhidos, aodne mostra belos layouts baseados em CSS + web standarts.

A Galeria se chama CSS Escolhidos, é muito boa.

Fica ai a indicação.

Abraços ;)

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb
posted under Design, Geral | 2 Comments »

Novo Flock 0.7

Agosto20

Flock

Saiu o novo Flock tão sabendo?

É, eu estou postando dele, me parece estar melhor, mais leve, e claro o visual dele sempre é bonito. Superando o Firefox tanto em rápidez como em estética. Porem ainda sou usuário Opera viciado :-).

Ahh, estou de PC Novo, Semprom 2.2, com 512 de memória RAM, HD de 80 GB, as coisas andam melhorando!

Abraços

Blogged with Flock

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb

Ferramenta de criação de apresentações, similar ao Powe Point On-Line

Agosto7

Depois de umas 15 tentativas consegui logar aqui. Não lembrava nem o usuario nem a senha. hehehe

Estava navegando por ai e vi um site bem interessante. Quem já viu o Google Spreadsheets (http://spreadsheets.google.com/) deve ter ficado pasmo com a ferramenta.
Aqui está uma ferramenta para criar apresentações como as do Power Point, do Office. Totalmente on-line também.
http://www.thumbstacks.com/
A ferramenta é nova e falta muita coisa ainda, mas já dá para ter uma boa idéia de seu potencial.

Está aparecendo uma infinidade de ferramentas de escritorio on-line e a tendencia é aumentar. Alguns colegas não utilizam mais Excell, apenas o Google Spreadsheets, que embora seja bem mais simples supre várias necessidades. E você, pensa em trocar o Office por uma suite de aplicativos online? Na minha opnião, essa é a tendencia. =)

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb

Ué, o que é semântica de verdade?

Agosto6

Boa tarde,

Bom pessoal, algum tempo atraz havia uma grande movimentação dos desenvolvedores para transformar tudo em tableless, css, etc. Legal, bom, o tableless teve realmente seu papel importante para enfiar na cabeça de pessoas como eu, o que era web standarts, padrões, acessibilidade, e coisas do genero. E sim admito! eu era burrinho nessa parte!

Agora entra-se em uma discussão sobre a semântica, o que mostra uma evolução realmente no desenvolvimento web, vendo que agora layouts são mais que divs pra lá e pra cá, não é? No tópico HTML é Semântico do blog Pinceladas da web, que diz coisas sobre a semântica que é interresante conhecer. Alguns pontos citados são:

Os Sistemas de buscadores entendem tanto html como xhtml, o html permite h1, strong e todas as tags do xhtml, pois já existiam no html.

Estrutura de marcação de xhtml continua a mesma coisa, nada de novo, tudo igual, porem existem diferenças em tags orfãns, como img que deve ter uma barra “/” para ser fechada, porem caso essa regra não seja seguida, existe a compilação e renderização sem problema algum, porem não irá validar, e você terá erros no seu código.

“XHTML não separa melhor o conteúdo da estrutura. Para aqueles que tem terror da tag font, vale lembrar que esse elemento não é permitido seguindo o DTD do HTML 4.01 Strict, quem dirá então o DTD do XHTML 1 Transitional. O DTD do XHTML 1 Transitional é o mesmo do HTML 4 Transitional só que reformulado para funcionar como XML, e o mesmo acontece com as DTD do HTML 4 Strict e XHTML 1 Strict.” Essa são as próprias palavras do blog!

Agora você imagina o que é semântica no real sentido da palavra?

se.mân.ti.ca sf (gr semantiké, de sema)

1 Ling Estudo da evolução do sentido das palavras através do tempo e do espaço; semiótica, semiologia, semasiologia, sematologia: caderno, rival, torto, que no velho português significavam respectivamente grupo de quatro objetos, convizinho do rio, dano, passaram a significar, no português moderno, reunião de folhas de papel, competidor, torcido; por outro lado, fumo e moço, que em Portugal significam vapor e criado, no Brasil têm respectivamente o sentido de tabaco e jovem. 2 Mil ant Parte da arte militar que compreendia o conjunto das disposições destinadas a fazerem mover as tropas por meio de sinais. S. descritiva: a que estuda a significação atual das palavras de uma língua. S. geral: a que estuda a relação entre as palavras e as coisas, ou seja, entre a linguagem, o pensamento e a conduta. S. histórica: a que trata das mudanças de sentido das palavras no correr dos tempos.

Nossa, tanta coisa ai, mas o que realmente procuramos na semântica voltada pra web? Esta na citação abaixo:
a que trata das mudanças de sentido das palavras no correr dos tempos.

A semântica na web traz sempre a mudança de sentido nas tags, a tag b por exemplo, foi quase que substituida por strong, e elas não tem a mesma finalidade de leitura nos leitores de tela, porém obtem o mesmo resultado visual, a fonte “negritada” como desejar. O Uso de strong vocẽ mostra que deve ser lida com mais força, não sei se lembram quando a professora de vocês ensinou fonética, que as palavras com acentuação, a parte com o acento deveria ser lido com mais força, é isso que acontece com strong, porem com a tag b é apenas negritado, e nada mais, não existe enfâse, força, berro ou coisas do genêro.

Situações em que a semântica aparece e ninguem percebe são em citações, que devem ser levadas com o maior cuidado, pois os leitores de tela sofrem com isso. As tags de citações são interresantes pois agente cita, deve indicar de onde veio aquele trecho, e a lingua em que foi escrito. Exemplo de citação escrita corretamente. pego da W3C

<blockquote cite=”http://www.example.com/tolkien/twotowers.html”>
<p>They went in single file, running like hounds on a strong scent,
and an eager light was in their eyes. Nearly due west the broad
swath of the marching Orcs tramped its ugly slot; the sweet grass
of Rohan had been bruised and blackened as they passed.</p>
</blockquote>

Existem outras formas de citações, veja qual melhor lhe convem. Seja em HTML, ou xHTML.

Agora do que adianta usar alt=”" nas imagens? e não usar title=”" nos links?

Agora é questão de você mesmo avaliar seu código, ou verificar se se questionar se tag que esta usando é realmente a tag correta a ser usada? Esse questionamento deve ser feito na hora de desenvolvimento.

Abraços

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb

#Bonito do Brasil Série n° 6

Agosto4

http://www.sky.tv.br/home/default.aspx

http://www.artservices.com.br/

http://visaointerativa.com.br/

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb

Xajax - A Briga!

Agosto3

Boa tarde pessoal,

Eu estou começando a fuçar legal com xaJax, e estou criando coisas para suprir as necessidade do framework.

Estarei postando coisas simples de xajax ou para usar com, assim pode ir pegando o jeitinho de como começar com ele.

Eu criei uma função para resolver o problema de conversão de caracteres utf8 e ISO, pois ele dá vários problemas com isso:

<?php 
function converteAjax($conteudo, $tipo) {
	if($tipo == "iso") {
	$conteudo	=	mb_convert_encoding($conteudo,"iso-8859-1","utf-8");
	}
	elseif($tipo == "utf8") {
	$conteudo	=	mb_convert_encoding($conteudo,"utf-8","iso-8859-1");
	}
return addslashes($conteudo);
}
?>

Para usar a função basta chamar ela passando os parametros:

<?php 
$conteudo = "Conteudo vindo em utf8";
//converte de utf8 para iso
converteAjax($conteudo, "iso");

//converte de iso para utf8
converteAjax($conteudo, "utf8");
?>

Claro, isso não é apenas para xajax, pode ser usado em qualquer lugar aonde tenha problemas com UTF8 e ISO.

Breve mais coisas de xajax!

Abraços

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb

#Bonito do Brasil Série n° 5

Agosto2

http://www.caixa.gov.br/loterias/

http://www.playstop.net/

http://www.voexp.com.br/

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb

Já que não geramos o conteúdo, porque não citar a fonte?

Julho24

Boa tarde,

Hoje conversando com o Khristofferson Silveira lá de Macaé no Rio de Janeiro, e como ele é um cara antenado em coisas erradas (ele adora as coisas erradas - no bom sentido!). Me mostrando uma frase interresante e usada em dois artigos, um no site Mundo do marketing, e outro no Web Insider, essa frase foi citada por ele em um trabalho acadêmico.

A frase em questão é: “De nada adianta a empresa erigir monumentos em homenagem ao seu site se o mercado não o aplaude. O usuário é o verdadeiro juiz!

A frase realmente é intrigante, forte e bem marcante. Os artigos não estão idênticos, porem parecidos. Um se baseou no outro e escreveu o seu, dou minha cara a tapa que a “Flavia Miranda, que é gerente de projetos da K2 Sistemas e professora da Pós-Graduação em Ergonomia e Usabilidade da PUC-RJ.” tenha tido como base o artigo do Web Insider. Pois o site que ela tem em sua descrição é o www.k2sistemas.com.br não segue todas as leis que são pregadas em seu artigo. Isso é apenas um detalhe

Na ArqHP foi mandado um tópico chamado Regra de 1%, com a seguinte estatistica:

De 100 pessoas:
- 1 criará o conteúdo
- 10 interagem com ele (comentarão ou adicionarão algo) - Acho que nossa professora esta inclusa aqui, porem não citou fonte nem houve uma interação direta :(
- 89 apenas vão ler / ver

Stats mandada pelo Luciano Lobato (naHipermídia).

Acho que depois de tantos links será que chegaram ao fim desse post? Só deus sabe, o que quero dizer é que o conteúdo esta sendo pouco criado, e se tem muito discutido se isso é questão de cultura ou de sei lá o que. Cai na contradição de citar, falar, tripudiar uma frase e não citar a fonte da mente que pensou anos e anos em uma frase dessas! como foi o caso da Professora da USP.

Abraços e cuidado, citem a fonte negada!

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb

Resumão da semana

Julho22

Vou fazer um resumão de coisas boas encontradas na web essa semana. Já que sábado é o último dia da semana.

Aprendendo a desenhar!
Quer Desenhar? Use o Google Paint

Logo Google Paint

Bom, isso não é do Google, é uma brincadeira que fizeram com as soluções do Google. Quem sabe o pessoal não mande o filho desenhar agora só ai, vai saber néh mesmo? :-)

E viva a blogosfera Brasileira!
Como a nossa blogosfera não se limita a tableless e panelinha, a blogosfera brasileira criou um site chamado BlogBlogs.

Logo BlogBlogs

Parece que o treco ta crescendo, o Bruno Alvez, o Carlos Aquino e uma outra galera esta acessando.

Volta ao Orkut
Será que retornar a vida social orkuteira fará bem a mim? Sei lá, mas eu voltei praquela jossa! Agora tem poucas pessoas poucos recados, e to seguindo a vida.

Perfil orkuteiro

Sai na revista Web Design o.O
Pois é, eu vou sair na revista Web Design, porem não vou falar, terá que comprar para ler ;)

Revista Web Design

Eu acabei ganhando algumas coisas:

Uma camiseta do 11º EWD ( Dei pro meu pai…)
Curso LightWave - R3F (Será que vai dar tempo de fazer?!)
Licença da Cobre Bem E-commerce ( Isso eu vou usar em um sistema meu :P )

Já pedi meu novo Ubuntu, e você?
Eu já pedi a nova versão do ubuntu, a 6 traz muitas coisas legais, tipo Opera mais fácil, pacotes comerciais, e outras coisas… veja!

Ubuntu

Ta por ai um lance chamado contador do ubuntu, veja também

Por hoje é só!

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb

#Bonito do Brasil Série n° 4

Julho20

http://www.terralviagens.com.br/

http://www.alexkoti.com

http://www.castelo.com.br/espacofluminense

Compartilhe!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BarraPunto
  • BlogMemes Sp
  • De.lirio.us
  • E-mail this story to a friend!
  • LinkaGoGo
  • LinkArena
  • Live
  • Print this article!
  • Rec6
  • Socialogs
  • Spurl
  • Taggly
  • Technorati
  • TwitThis
  • YahooMyWeb
« Older EntriesNewer Entries »