Termo pesquisado: web
Posts encontrados: 11
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.
Startup - Como Naceram as Empresas Milionárias Como Apple, Yahoo! e Adobe Systems
Postado em 11 de Abril de 2010, às 15:08Olá pessoal!
Ontem à noite terminei de ler outro livro muito interessante, o nome do livro é Startup da escritora Jessica Livingston. Este livro, na verdade, é uma série de entrevistas realizadas com grandes personalidades do mundo das startups.
Abaixo está uma citação da escritora, que é suficiente para que todos compreendam o tipo de trabalho dela:
"A fama que vem com o sucesso faz os fundadores de startups parecerem uma espécie diferente. Se as pessoas puderem ver como essas empresas realmente começaram, talvez tenham mais coragem de iniciar um negócio próprio. Espero que muitos que leiam essas histórias pensem: 'Esses caras já foram como eu. Talvez eu também consiga. '"
Pois é, e de fato, como a própria escritora menciona, todos os fundadores não são caras imensamente sortudos, daqueles que a gente diz que nasceram virados para a lua (rsrsrs), eles eram pessoas comuns e tinham vidas comuns.
Mas então como eles chegaram lá? Esta é a pergunta que todos fazemos. A resposta é bem simples, eu diria que todos eles eram observadores, ou seja, eles tinham algum problema em relação a alguma tecnologia ou conheciam pessoas que tinham problemas com ela, tudo o que eles (os fundadores de startups) fizeram foi criar uma solução.
O mais interessante nisso tudo é que praticamente todas as soluções eram de início ideias muito simples.
Outra coisa que merece ser lembrada, é o fato de que mesmo para os fundadores de startups a vida não foi muito fácil, a maiorias dos que foram entrevistados tiveram muitos problemas, na maioria das vezes esses problemas eram financeiros.
Vale à pena mencionar também que todos eles não tiveram medo de arriscar e montar seu próprio negócio, alguns deles até deixaram empregos que nós considerados fabulosos como trabalhar na HP ou Intel, por exemplo. Talvez seja por isso que o brasileiro não consegue crescer com a mesma força que os americanos, somos muito precavidos.
Portanto pessoal, digo a todos que gostei muito da leitura e a recomendo para todos que são como eu, que não tem medo de arriscar.
Abaixo está a lista dos fundadores de startups entrevistados pela Jessica Livingston:
Steve Wozniak, Apple Computer
Mike Lazaridis, Research in Motion (Criadora do BlackBerry)
Sabeer Bhatia, Hotmail
Evan Williams, Pyra Labs (Blogger.com)
Tim Brady, Yahoo!
Paul Buchheit, Gmail
Craig Newmark, craigslist
Caterina Fake, Flickr
Charles Geschke, Adobe Systems
Blake Ross, Firefox
Bob Davis, Lycos
Max Levchin, PayPal
Mitchell Kapor, Lotus Development
Steve Perlman, WebTV
Mark Fletcher, ONEList, Bloglines
David Heinemeier Hansson, 37signals
Novo Opera 10.50
Postado em 28 de Março de 2010, às 17:26Olá pessoal! Resolvi escrever este post para prestar um tributo a um navegador que gosto muito e é o meu navegador padrão, estou me referindo ao Opera.
O novo Opera 10.50 (já atualizado para o 10.51) está espetacular, a interface do usuário está mais limpa, mais elegante e o espaço para o documento aumentou.
O novo navegador da companhia Norueguesa está com o novo Presto 2.5 que torna a navegação mais rápida. Também foi melhorada a integração do navegador com o Aero Glass no Windows 7 e Vista e o Aero Peek do Windows 7. As caixas de diálogo ficaram mais elegantes também, além de mais funcionais, uma vez que agora você não fica bloqueado em uma única página quando uma caixa de diálogo aparece na tela.
Uma das melhores novidades desta nova versão fica por conta dos menus, que agora, estão agrupados em um ícone no canto superior esquerdo da janela, eu achei que ficou muito prático.
Veja abaixo o vídeo da nova versão (esse vídeo é do Opera 10.50), garanto que você vai gostar!
Enfim, eu uso Opera para tudo, inclusive para programar. Eu desenvolvo qualquer site nele primeiro, se funcionar perfeitamente então é certo que funcionará em outros browsers, com exceção do IE que precisa ser testado aparte.
Se você nunca usou este navegador ou nem mesmo sabia da existência dele, então experimente usá-lo, vai ser difícil não gostar dele, uma vez que ele é o precursor de muitas novidades entre os navegadores web, ou seja, muitas coisas que são conhecidas no Firefox, por exemplo, já existiam no Opera ou foram inventadas pela própria Opera Software.
Portanto, utilizar o Opera é o mesmo que estar um passo à frente quando se fala de navegadores web.
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.
Blog do Leonardo Moreira no Cristiano Luminati
Postado em 14 de Março de 2010, às 14:59Ele é Web designer, entende muito de programação com XHTML e até do futuro, mas já presente HTML5, não conheço ninguém melhor que ele para criar código CSS e já embarcou na nova onda do CSS3. Vem pesquisando muito sobre FLEX e novos recursos para PHP (uma de suas paixões na minha opinião). Tem um ótimo senso crítico, é criativo, ama a aviação, e é um entusiasta do marketing inteligente e de boa qualidade.
Todas estas qualidades são de um grande amigo que conheci em uma época conturbada na minha vida profissional. Ele possui um blog novo e resolvi adicioná-lo à minha seleta lista de blogs que realmente adoro e recomendo.
O nome dele é Leonardo Moreira e seu blog é: leonardomoreira.com.br.
Receba Atualizações
Posts Recentes
- Code Completion no Netbeans com PHP
- CSS3 Funcionando no Internet Explorer
- HTML 5 Funcionando no Internet Explorer
- Inocência ou Não?
- Ranking dos Maiores Browsers do Mundo e do Brasil.
- Como Programadores Caçam Elefantes
Categorias
- Banco de dados (0)
- Diversos (5)
- Fotos e Imagens (0)
- Humor (5)
- Internet (12)
- Java (0)
- Javascript (3)
- Linux (1)
- Livros (3)
- PHP (2)
- Programação (10)
- Tecnologia (3)
- Vídeos (1)
- Windows (2)