Este site não foi muito difícil, mas um pouco trabalhoso, não fiz apenas o layout do site, mas a logo marca também, trabalhoso por que o clientes pediu bastante alterações, tinha feito duas propostas no início e acabo q o cliente pediu para juntar as duas propostas em uma só, sem problemas… isso é muito fácil.

Quando comecei a desenhara logo marca,  logo pensei nas cores azul e rosa como eu já disse no post que mostei o desenvolvimento da marca. No desenvolvimento do layout quis passar uma boa sensação a pessoa que o navegasse. Tomara que tenha conseguido.

Criação: TúlioÁvalos

Programação: Charliston Maffei

Você especifica as cores inicial e final com valores do CSS background-color (hexadecimal ou nominal, exemplo: #08f ou red). Você também pode especificar as opções “distance” que será a largura/altura do efeito, “angle” especifica o grau de inclinição, padrão é “0″ (vertical) e a opção “css” determina o CSS adicional, o padrão é “top: 0px; left: 0px”.

1
2
3
4
5
6
7

$(selector).gradientz({
   start: "red",     // cor inicial
   end: "blue",      // cor final
   distance: 100,    // distancia entre o ponto final e inicial
   angle: 72,        // angulo de inclinação, 0 = vertical, 90 = horizontal
   css: "right: 0px" // css adicional, o padrão é "top: 0px; left: 0px"
});

Links:
Link do exemplo
jquery-1.4.js
gradientz.js
Exemplo comprimido

Hoje o site fala sobre o novo site da API jQuery, que a documentação foi reescrita e sobre lançamento do jQuery 1.4rc1 para as pessoas baixarem e testarem. Também mostra um gráfico de performace das funções mais populares entre a versão 1.3.2 e a 1.4.

É mencionado facilidades, ajax/json, html 5, melhoria em funções específicas e de desempenho, tratamento de dados, efeitos, eventos. Novos métodos como .delay(), .has(), .nextUntil(), .prevUntil(), .parentsUntil(), desempenho dos seletores, funções úteis são abordadas também.

Vamos acompanhar estas duas semanas de jQuery e ver (utilizar) as novidade que vem com ela.

http://api.jquery.com/
jquery-1.4.js
Matéria no nettuts (fala sobre melhorias, mas não só do 1.4)

Em sua página ele exibe três exemplos, o primeiro com anúncio do Google, o segundo com um HTML comum e o terceiro, também com HTML, mas preenchendo a tela visível do site, tipo uma tela de splash. Nas três opões ele deixa um botão para sair da publicidade e mostrar o site por completo.

Opções

• showMeerkatOnLoad:
  Valor booleano, se verdadeiro o plugin Meerkat irá mostrar a publicidade quando a função for chamada, caso contrário irá esconder a publicidade.
  Padrão: ‘false’
• close:
  Aqui você especifica o seletor (ie. “.close” ou “#close”) para ocultar a publicidade.
  Padrão: ‘none’
• dontShow:
  Qualquer seletor (ie. “.dont-show” ou “#dont-show”) para que o usuário escolha não ver mais a publicidade, o plugin Meerkat ierá esconder e não mostrará o anúncio até a sessão do navegador terminar (quando o navegador for reiniciado) ou para uma quantidade de dias, dependendo da configuração dontShowExpire.
  Padrão: ‘none’

  Nota: dontShow depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.

• dontShowExpire:
  Se você alterar a opção dontShow, você tem a opção de configurar o tempo limite (em dias) que o plugin Meerkat irá ocultar a publicidade. A opção dontShowExpire aceita inteiros ou números decimais (floa) entre 0 e 365.
  
  Se dontShowExpire configurado como 0; Meerkat aguarda a sessão do navegador para motrar novamente a publicidade.
  Se dontShowExpire configurado como 0.5; Meerkat não mostrará por 12 horas.
  Se dontShowExpire configurado como 1; Meerkat não mostrará por 24 horas (1 dia).
  Se dontShowExpire configurado como 7; Meerkat não mostrará por 7 dias (1 semana).

  Padrão: 0

  Nota: dontShowExpire depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.

• removeCookie:
  Usado principalmente para o desenvolvimento da aplicação, a opção removeCookie deleta o cookie criado pela opção dontShow.
  Esta opção aceita qualquer seletor (ie. “.remove-cookie” ou “#remove-cookie”).
  Padrão: ‘none’

  Nota: removeCookie depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.

• meerkatPosition:
  A opção meerkatPosition aceita dois valores: top ou bottom.
  Ela determina o posicionamento (quando não for o splash) da publicidade na janela.
  Padrão: ‘bottom’
• animation:
  A opção animation aceita dois valores: slide ou fade.
  Esta opção determina o efeito quando a publicidade será exibida e ocultada.
  Padrão: ’slide’
• animationSpeed:
  A opção animationSpeed aceita os seguinte valores: (”slow”, “normal”, ou “fast”) ou o número de milisegundos para a animação executar.
  Padrão: ’slow’
• height:
  A opção height aceita todos os valores da propriedade height do CSS (px, em, %, auto, etc).
  Se esta opção é omitida, o plugin utilizará o CSS aplicado sobre o elemento meerkat.
  Padrão: ‘auto’
• background:
  A opção background aceita o CSS de background (veja algumas opções)
  Exemplo:
  background: ‘#000 url(/path/to/bgimage.jpg) no-repeat left top’
  Padrão: ‘none’

Exemplo 1
Exemplo 2
Exemplo 3
jquery.meerkat.js

Também neste final de 2009, entregamos muitos sites neste final de ano =], foi entregue a nova versão do Nelas, um site de entretenimento, onde o próprio usuário publica o conteúdo do site , e se for de interesse ir também as festa da galera do nelas.

Criação: Gustavo Augusto

Programação: Gustavo August

Ferramenta de criação: Fireworks

Ferramentas de programação: PHP, JavaScript e MySQL

No final do ano passado também entregamos a segunda versão do E-commerce da Agroline, uma loja aqui em Campo Grande/MS que vende produtos veterinários e outras coisinhas deste ramo. No primeiro site ele estava mais com uma cara Institucional, neste agora fugimos bastante da concepção visual do antigo site e colocamos uma nova cara nele, uma cara de E-commerce mesmo.

Os clientes podem comprar o quanto querem e pagar como querem, este site faz pagamentos em visa e também gera boleto Itaú.

Criação: Dasayev Teixeira

Programação: Shiguenori

Ferramenta de Criação: Adobe Fireworks

Ferramentas de Programação: PHP, MySQL e JavaScript

No final de 2009 entregamos mais um site que consideramos um bom portfólio, tanto na parte de criação, desenvolvemos toda a sua concepção visual, de logomarca a layout, quanto em programação.

Neste site, qualquer pessoa pode fazer apostas na loteria e se tiver sorte, ganhar, nós elaboramos toda uma programação com as melhores estratégias e métodos para aumentar as chances de um jogador ser sorteado.

Criação: Ney Ricardo

Programação: Charliston Maffei

Ferramenta de criação: Photoshop

Ferramenta de programação: PHP, MySQL e JavaScript