Responsive Design: Testes automatizados com Node.js

Postado por: Pedro Rogério em
Node.js

Desenvolver projetos responsivos pode ser tornar chato a partir do momento em que você tem que ficar a todo momento redimensionando o browser para ver como o layout se comporta em diferentes resoluções, além do tempo desperdiçado. Não seria interessante gastar esse tempo com outra coisa e automatizar esses testes?

Continuar lendo »

Generate static sites using Dropbox

Postado por: Pedro Rogério em
Generate static sites using Dropbox

Se você não conhece o Dropbox, infelizmente você não é desse mundo, ele nada mais é do que um serviço para armazenamento de arquivos baseado no conceito de computação em nuvem, ou seja, a partir do momento que eu envio algum arquivo para os servidores do Dropbox, eu posso acessá-los de qualquer lugar do mundo, desde que eu possua uma conexão com a internet.

Continuar lendo »

Grayscale Images Hover com HTML5 Cross Browser

Postado por: Pedro Rogério em
Grayscale Images Hover com HTML5 Cross Browser

A um tempo atrás o blog Web Designer Wall fez mais um de seus interessantes posts mostrando como é possível criar imagens em escala cinza com JavaScript, mas especificamente com a utilização de HTML5 (Canvas). Só que como todos sabem, o Internet Explorer não tem suporte a esse tipo de feature, mas você pode contornar isso facilmente com um código prorietário da Microsoft.

Continuar lendo »

Sorteio: Livro HTML5 do Maujor

Postado por: Pedro Rogério em
Livro HTML5

Este com certeza é o lançamento mais aguardado do ano, e claro, você não poderia ficar fora dessa. Em uma parceria com a Editora Novatec irei sortear aqui no blog um exemplar do livro HTML5 do Maujor no dia 11 de julho. O que você precisa fazer para participar? É muito simples, basta deixar um comentário nesse post com um e-mail válido para que eu possa entrar em contato com o ganhador. Nada mais que isso.

Mas se você não for o futuro ganhador, não fique triste, você pode comprar o novo livro, ou até qualquer produto da Editora Novatec com um desconto de 20% utilizando o código promocional PINCELADASDAWEB. Corre enquanto é tempo.

Obs: A ferramenta para sorteio que irei utilizar é o Random.org.

E o ganahdor foi o Celso. parabéns a todos os participantes.

Tabela Semântica no HTML5

Postado por: Anderson Custódio de Oliveira em

Se você não entente muito a semântica de tabelas recomendo este post.

No HTML5 não precisamos fechar as tags: <tbody>, <thead>, <tfoot>, <tr>, <th>, <td>. Pessoalmente eu gostei, o código ficou bem mais limpo e sem atrapalhar a compreensão.

Exemplo

<table>
    <caption>Alguns super-heróis</caption>
    <thead> <tr> <th>Super-herói <th>Criador <th>Ano
    <tfoot> <tr> <th>Super-herói <th>Criador <th>Ano
    <tbody>
        <tr>
            <th>Batman
            <td>
                Bob Kane <small>(conceito)</small><br>
                Bill Finger <small>(desenvolvedor, não-creditado)</small>
            <td>1939

        <tr> <th>Green Arrow <td>Mort Weisinger<br>George Papp <td>1941
        <tr> <th>Superman <td>Jerry Siegel<br>Joe Shuste <td>1938
</table>

Referencia: W3C Tabular data.

Continuar lendo »

Páginas:1234567»