School of Net

Evolua constantemente, Online

Membros SON


Alinhando campos do formulário -

CSS,Desenvolvimento,Design,Webstandards — Tags: , , , — Wesley Willians @ 13:23

Olá amigos,

Gostaria de passar uma dica rápida para você que trabalha com formulários, mas tem AQUELE trabalhão para conseguir alinhá-lo, principalmente, quando é questão de honra NÃO usar tabelas.

Normalmente para formulários, trabalhamos com labels, logo, as vezes com uma pequena ajuda da jquery, isso pode ser facilmente ajustado.

Veja o exemplo abaixo:





Perceba que set tivermos um formulário gigante, realmente as vezes com CSS o trabalho é árduo, logo, com uma pequena rotina em JQuery, tudo pode mudar, quase que magicamente.

Veja a solução encontrada quando estava navegando na Internet (perdi o site de referência, assim que achar posto aqui ok?).

var max = 0;
$("label").each(function(){
        if ($(this).width() > max)
            max = $(this).width();
    });
    $("label").width(max);

Se não caiu a sua ficha ainda, essa pequena função faz o seguinte: Pega a maior label do formulário e aplica esse tamanho para todas as outras, logo, tudo ficará alinhado. Essa solução para mim foi genial, quando me deparei com diversos checkboxes em uma parte de meu formulário.


Aonde você utilizaria o Adobe Flex? -

Olá pessoal!

Acredito que muitos de vocês já se perguntaram: Vale a pena investir no Flex? Ainda mais depois que o tio Jobs quis jogar no esquecimento o flash player?

Quem me conhece sabe o quanto eu gosto de trabalhar com front-end, mesmo tendo uma certa especialização em backends; ainda mais quando falamos sobre Zend Framework que nesse caso a coisa aperta pois o temos o nosso amigo Zend_AMF para fazer nossas aplicações falarem com o Flex.

Há um tempo, um amigo me mostrou uma interface feita em Flex que já estava falando com o ZF. Super bonita, agradável, simples e etc, porém no momento que olhei falei na hora, poxa, eu faço isso com CSS em 5 minutos! Outro tempo atrás estava vendo algumas outras interfaces em flex para fazer CRUD. Agora vem a questão: vale a pena?? CRUD em Flex?

Acho que a questão não é essa e sim: O que podemos fazer com o Flex que não podemos fazer com CSS e JS? Ou o que podemos fazer em Flex de uma forma MUITO mais fácil que justifique não usar CSS ou JS?

Quando fui refletindo por esse lado acho que tudo ficou mais simples e nesse caso eu digo para que eu usuaria o Adobe Flex:

  • Dashboards
  • Painéis de controles que apresentem dados estatísticos
  • Pipelines
  • Gráficos em geral
  • KPIs

Assisti algumas palestras do Flexmania desse ano e vi a integração do Adobe Air com o Android e realmente achei a coisa mais linda do mundo. Isso me animou muito, pois realmente é fácil, simples e chega ser até poético… :)

Agora gostaria de ouvir de você, para que você utilizaria o Flex?


Google e os padrões Web -

Desenvolvimento,Webstandards — Tags: , — Wesley Willians @ 9:43

Acredito que os produtos da Google, de certa forma, são inquestionáveis de ótima qualidade e com grande (r)evolução tecnológica.

Minha única dúvida é, porque o google.com “não segue, necessariamente, os padrões web” e a crítica em si, praticamente não fala disso.

Esse é um trecho do código fonte do google.com, se alguém fizesse isso, o que você acharia (olhando pelo lado de padrões, etc.) sem que soubesse que é da Google?


Google
    Pesquisa avançada  Preferências  Ferramentas de idiomas
Pesquisar:
Soluções de publicidade - Tudo sobre o Google - Google.com in English ©2009 - Privacidade

Ja faz quase 3 anos, quando o Henrique do revolucao.etc.br fez um post sobre isso e até hoje, praticamente, a Google segue a mesma linha.

Minha questão é: Por que? É muito evidente que a Google sabe muito bem disso, e com certeza sua equipe poderia nos dar aula sobre web standards, etc.

Seria muito difícil o google.com se “converter”? Até que ponto O google.com é “amarrado” em seu código legado? Como ele pode exigir tanto de desenvolvedores para conseguir indexar se o seu site principal não o segue. Eis a questão.

Vou ser sincero: não pesquisei muito sobre isso, mas temos um fato: O código acima é ….

Quem pode mais chora menos, é isso?

O grupo do Google User Experience (UX) divulgou uma lista de princípios que são aplicados nas suas ferramentas (Já faz um bom tempo):

  1. Foco em pessoas que vivem, trabalham e sonham;
  2. Todo milissegundo conta;
  3. Simplicidade é poderosa;
  4. Convidar os iniciantes e atrair os experientes;
  5. Ousar em inovar;
  6. Design para o mundo;
  7. Plano para os negócios do presente e para o futuro;
  8. Encantar os olhos sem distrair a mente;
  9. Ser importante na confiança das pessoas;
  10. Adicionar um toque humano;

Será que tudo isso é pelo item 4??? Acho que não.


Podcast sobre mobilidade com Bia Kunze, a garota sem fio -

Ontem, dia 04/12/2008, tive o prazer de entrevistar a Bia Kunze, a garota sem fio (www.garotasemfio.com.br), tratamos sobre os seguintes assuntos:

  • Internet 3G
  • Aparelhos móveis (Tecnologia, sistemas operacionais, segurança, etc)
  • Usabilidade, sites adaptados para dispositivos móveis, domínio .mobi

Garota sem fio Podcast


Internet Móvel e IPhone – #Podcast solo -

News,Podcast,Webstandards — Tags: , , — Wesley Willians @ 12:13

Pessoal, vamos falar um pouco sobre Internet móvel e dispositivos como IPhone.

[audio:http://www.schoolofnet.com.com/wp-content/uploads/internet_movel1.mp3]