Termo pesquisado: teste
Posts encontrados: 10
CSS3 Funcionando no Internet Explorer
Postado em 09 de Julho de 2010, às 12:33Olá pessoal!
No post anterior eu escrevi um pouco sobre como podemos nos usufruir dos recursos do HTML5 no Internet Explorer, veja o post: HTML 5 Funcionando no Internet Explorer. Já neste post, escrevo um pouco sobre como aproveitar os novos recursos do CSS3 também no Internet Explorer nas versões 6, 7 e 8.
Todos sabemos que o Internet Explorer não acompanha com a mesma velocidade que seus concorrentes as tendências tecnológicas da web. Portanto, precisamos utilizar algumas "gambiarras" para fazer algo novo funcionar no Internet Explorer.
Existem três recursos do CSS3 que realmente valem a pena poder utilizar no IE, são eles: border-radius (a melhor das três), box-shadow e text-shadow.
Para conseguir essa façanha, precisamos utilizar um script que habilita o IE a renderizar estes efeitos. Eu encontrei esse script na web e geralmente ele se chama ie-css3.htc.
O que esse script faz? Ele utiliza uma linguagem de criação de imagens vetoriais específica do IE, o VML (Vector Markup Language). O VML foi o precursor do SVG e foi proposto para o W3C por um consórcio de empresas (Autodesk, Hewlett-Packard, Macromedia, Microsoft, e Visio) em 1998. Mas, somente a Microsoft o utiliza até hoje em seu browser.
Com o VML, o IE é capas de reproduzir efeitos que sua implementação do CSS não consegue.
Veja como é fácil usar:
Legal, não é mesmo? Pois bem, eu não inventei este post eu apenas o traduzi do seguinte site http://fetchak.com/ie-css3/. Neste mesmo site você pode ver a classe .box do CSS acima em funcionamento e ainda pode também baixar o arquivo ie-css3.htc.
Faça o teste usando o IE de qualquer uma das versões 1, 2 e 3. Eu testei aqui com IE8 e funcionou legal.
Até mais pessoal. Deixem comentários, por favor.
HTML 5 Funcionando no Internet Explorer
Postado em 03 de Junho de 2010, às 20:07Olá pessoal!
Todo bom desenvolvedor web já conhece pelo menos uma grande novidade que o HTML5 traz para nós. Da mesma forma, todos sabem que o Internet Explorer não reconhece as novas tags do HTML5.
Mas, já existe uma solução em javascript para este problema. Basta acrescentar este código na tag <head> da sua página. O código abaixo deve, obrigatoriamente, vir antes de qualquer script CSS do seu site:
Se preferir, acesse o site do projeto http://code.google.com/p/html5shiv/.
Quero aproveitar o ensejo deste artigo (gastei meu português agora!) para mostrar uma curiosidade sobre o IE, na verdade, é graças a esta peculiaridade que foi possível desenvolver o HTML 5 shiv.
Veja o código abaixo:
Se tentarmos abri-lo no IE, o navegador da Microsoft não vai aplicar os efeitos (CSS) na tag <time>, veja o screenshot abaixo:

Agora veja o código abaixo, ele soluciona o problema do IE não reconhecer a tag <time> utilizando javascript para adicionar a tag ao DOM. Ao fazê-lo, o IE se vê obrigado a renderizar uma tag que não reconhecia com os efeitos definidos no seu código CSS.
Desta forma podemos trabalhar com HTML5 naturalmente no IE. Veja o resultado no screenshot abaixo:

Até mais pessoal, espero ter ajudado alguém com essa dica.
Inocência ou Não?
Postado em 14 de Mai de 2010, às 21:57Olá pessoal. Hoje, algo muito engraçado aconteceu na Prefeitura Municipal de Tarumã, onde trabalho como Analista Programador. Um colega de trabalho deixou o seguinte recado para outra colega de trabalho:
Mariazinha: A MANDIOCA do Mané Boquinha, tem que buscar as 16:00h, se você não souber onde é, o Joaquim sabe.
Faz o teste na MANDIOCA dele para ver se está boa, dando uma apertada.
Valor: R$ 5,00
Obrigado, Joãozinho
Obs.: Para preservar a integridade desses meus colegas eu usei nomes fictícios.
A Mariazinha muito espantada veio até a sala do Departamento de Informática para mostrar o recado que foi deixado para ela, ela permitiu que eu lesse para meus amigos no departamento. Claro que quase não consegui ler o recado de tanto rir, pois ele é muito estranho e é difícil não levar na malícia. Doeu-me a barriga de tanto rir e até chorei, rsrs.
Mas, deixe-me explicar a situação que levou o Joãozinho a escrever tal recado em um simples bloco de notas. Na prefeitura, alguns colaboradores estavam preparando as coisas para realizar um churrasquinho na casa do prefeito, em um churrasco, pelo menos nos nossos, sempre tem mandioca cozida para comer. A Mariazinha ficou encarregada de pegar as mandiocas na casa do Mané Boquinha que custam R$ 5,00. Joãozinho não sabia se ela conhecia o tal do Mané Boquinha e então indicou o Joaquim para ajudá-la, pois ele conhece o homem das mandiocas e sabe onde ele mora. (Até essa frase ficou com duplo sentido, rsrs).
Quanto ao fato de testar a mandioca, bom, isso é hilariante, mas, é algo comum para quem costuma comprar mandioca na feira. Para ver se a mandioca está boa basta apertá-la e checar se está firme, kkkk...
O mais interessante foi que o Joãozinho agradeceu e assinou o nome do fim do recado. Será que ele agiu com inocência ou premeditou o recado para aproveitar a situação e tirar um sarro na colega Mariazinha?
Até mais pessoal, deixem recados para mim, podem ser maliciosos também, rsrs.
Compactar Páginas no Servidor Para Economizar Banda
Postado em 21 de Março de 2010, às 21:32Olá pessoal, semana passada estava analisando as estatísticas do meu blog no Google Ferramentas para webmasters e me deparei com uma dica do Google para eu poder economizar banda de transferência e diminuir o tempo e carregamento das páginas do meu blog.
A dica do Google afirmava que eu poderia economizar até 75% da minha banda de transferência se eu compactasse o conteúdo.
Acho que o recurso de compactação dos arquivos com a extensão .HTML, .txt, .js, .css e etc. com gzip no servidor de hospedagem não é novidade para ninguém. A compactação não inclui arquivos multimídia, pois estes arquivos já são naturalmente comprimidos.
O que eu não sabia era se a nossa querida discórdia poderia trabalhar com esse recurso, acho que vocês já adivinharam sobre o que estou me referindo, Internet Explorer.
Bom, perguntei para o “Google que tudo sabe” e, ele me respondeu que eu poderia testar a capacidade dos navegadores web de trabalharem com conteúdos compactados pelos servidores utilizando esta ferramenta: HTTP Compression Test.
Ao entrar no site da ferramenta chamada Teste de Compressão HTTP (na tradução literal), você logo verá se o navegador que está utilizando suporta conteúdo compactado. Veja exemplo na imagem abaixo:

Realizei este teste com os principais navegadores web e felizmente o teste funcionou em todos eles inclusive no Internet Explorer. Veja abaixo a lista dos navegadores que testei e suas respectivas versões:
- Opera 10.10;
- Firefox 3.6;
- Chrome 4.1;
- Safari (Windows) 4.0;
- Internet Explorer 8;
Nesta mesma ferramenta existe um campo onde posso digitar uma URL e verificar se a página desta URL está sendo compactada pelo servidor. Realizei o teste com o meu blog e, acabei confirmando o que o Google já havia detectado, o meu blog não estava sendo compactado pelo meu servidor de hospedagem.
Eu hospedo meu blog na LocaWeb (Não existe nada melhor) e habilitei a opção de compactação dos arquivos via arquivo .htaccess. Eu utilizei o módulo deflate disponível no Apache 2. Veja abaixo o teste que realizei com meu blog após habilitar o recurso de compactação:

Se você deseja fazer o mesmo para deixar o seu site mais rápido, tente localizar no painel de controle do seu servidor de hospedagem se existe alguma opção para compactar o conteúdo do site, alguns servidores já deixam esta opção habilitada por padrão, portanto, tente fazer um teste antes, utilizando o HTTP Compression Test para verificar se seu site já está sendo compactado.
Se não existe nenhuma opção para habilitar o recurso de compactação, tente buscar nos FAQs ou no Fórum do servidor de hospedagem ou, ainda, em páginas Wiki do seu servidor (A LocaWeb possui um, acesse aqui).
Para quem sabe inglês e quer mais informações sobre o módulo deflate, acesse a página da autoridade máxima no assunto: http://httpd.apache.org/docs/2.0/mod/mod_deflate.html. Lá você encontrará exemplos de scripts para colocar no arquivo .htaccess do seu servidor para habilitar a compactação.
Plugin do JQuery Para Mascarar Campos do Formulário
Postado em 14 de Março de 2010, às 14:27Olá pessoal! Esta semana, enquanto programava, precisei de um plugin para o JQuery que me permitisse colocar mascaras nos campos de um formulário.
Aí é que começaram os meus problemas, não sabia qual era o melhor plugin para utilizar nem qual seria o mais ideal para o tipo de aplicação que eu estava fazendo, afinal de contas, existem vários plugins para criar mascaras em campos do formulário HTML.
Depois de muito tempo pesquisando (em torno de uma hora de pesquisa) resolvi fazer um apanhado dos melhores plugins que encontrei para mascarar campos, veja abaixo:
- MeioMask, v 1.1.3 (Nacional) - Veja Demo (Em inglês) - Página no JQuery;
- Masked Input, v 1.2.2 (Internacional) - Veja Demo (Em inglês) - Página no JQuery;
- Price Format, v 1.3 (Nacional) - Veja Demo (Em inglês) - Página no JQuery;
- Mask Input Money, v 0.2 (Nacional) - Veja Demo (Em português) - Página no JQuery;
Eu escolhi estes somente pelo fato de todos eles possuírem um site próprio fora do JQuery, onde cada um disponibiliza um Demo de seus plugins em funcionamento. Em minha opinião, um demo é crucial para que alguém possa escolher qual o melhor plugin para utilizar, por isso desconsiderei outros plugins que não possuíam um site próprio, nem um demo para testar.
Fiz questão de colocar entre parênteses na frente de cada plugin a origem do mesmo, notem como entre os quatro plugins que escolhi, três deles são de brasileiros... (É isso ai Brasil!!! Somos ou não os melhores?!).
Não dá para dizer qual o melhor e nem qual o pior, pois eu considero que cada um pode ser muito útil dependendo do tipo de trabalho que você está fazendo. Tem alguns plugins que são mais simples e mais compactos e outros são mais completos, porém, são mais pesados, mas, minha opinião é de que todos são bons.
Beleza gente, quando eu precisar de um plugin para minha aplicação web, vou usar esta pequena lista para definir qual o melhor de acordo com minha aplicação. Espero que essa lista seja útil para vocês também.
Vou tentar fazer um laboratório com esses plugins, assim que eu tiver tempo disponível. Se eu o fizer, prometo postar os resultados dos testes aqui. Até mais pessoal.
Como restaurar o GRUB após instalação do Windows
Postado em 13 de Outubro de 2009, às 22:39Olá pessoal, neste post, vou explicar um macete simples para se recuperar o Grub do seu Kubuntu/Ubuntu após a instalação do Windows no seu pc.
Isso acontece muito com qualquer pessoa que utiliza Linux e Windows no mesmo pc, as vezes (ou será sempre?) nós temos que formatar a partição que contém o Windows e, após a reinstalação dele, perdemos o Grub.
O problema descrito acima aconteceu comigo. Eu utilizo o Kubuntu no meu notebook juntamente com o Windows XP. Eu ouvi dizer que era necessário reparticionar o meu HD e instalar outro Linux em paralelo para conseguir recuperar o Grub. Achei isso um pouco absurdo e então resolvi pesquisar um pouco na internet e acabei descobrindo algumas soluções.
Abaixo está a solução que funcionou perfeitamente para mim, também testei as outras, mas, não funcionaram:
1 - Inicialize seu pc com algum LiveCD do Ubuntu/Kubuntu;
2 - Após carregar o sistema, abra o shell e digite, como usuário normal, o seguinte comando:
sudo grub
3 - Será aberto então o console de comandos do Grub exibindo o prompt 'grub>'. Prossiga executando um-a-um os demais comandos abaixo:
find /boot/grub/stage1
root (hdX,Y)
4 - Onde (hdX,Y) deve ser substituído pelo que aparece na saída do comando anteriormente executado, como (hd0,1) por exemplo;
setup (hd0)
5 - Se aparecer a mensagem 'done' ao final da execução dos comandos, a recuperação do grub foi realizada com sucesso, agora basta fechar o prompt do grub digitando comando abaixo:
quit
6 - Agora basta reiniciar o seu computador.
Também encontrei um vídeo no Youtube que demonstra, na prática, o emprego desta solução, veja o vídeo abaixo:
É isso ai galera espero ajudar alguém com essa solução simplesinha, e eu também, lógico, afinal de contas não vou me lembrar destes comandos quando eu precisar deles novamente.