Dicas profissionais para os iniciantes em web

Postado por: André Buzzo em

Hoje eu vou mudar um pouco o foco, e vou citar algumas coisas que podem ajudar àqueles que estão iniciando no mercado web hoje!

Você, que está tendo os seus primeiros contatos com programas, com linguagens de programação, com editores de imagens e está começando a trilhar um caminho na web, com certeza vai sentir certas dificuldades que todos nós um dia já passamos, e se bobear, passamos até hoje!

Como sempre deixo claro, isso não tende a ser uma “cartilha” a ser seguida, e sim, a ser uma ferramenta mental para que você pense um pouco antes de realizar determinada tarefa ou seguir determinado caminho!

Continuar lendo »

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 »

Quero aprender HTML. E agora?

Postado por: Pedro Rogério em
HTML

Me lembro como se fosse hoje quando tive meu primeiro contato com HTML. Isso foi a cerca de 4 anos atrás, a primeira coisa que fiz foi um menu utilizando listas desordenadas, depois que apliquei CSS então, não parei mais de estudar. Vi que a partir dalí muita coisa poderia ser feita, o que me limitaria era somente a minha criatividade.

Foi então que comecei a pesquisar, pesquisar, visitava sites como o do Maujor, Tableless e vários outros sites em busca de apostilas sobre HTML. A primiera impressão o HTML pode ser fácil, como alguns acreditam que seja, mas não, não se afobe, pois o HTML é uma linguagem muito rica e você pode se iludir pensando que vai dominá-lo em 1 ou 2 dias de aprendizado.

Continuar lendo »

A Qualidade do ensino superior no Brasil

Postado por: Pedro Rogério em

Vergonha

Eu sou daquele tipo de pessoa que é viciada em informação. Só no meu Bloglines possuo mais de 1400 sites cadastrados, sendo 90% deles voltados ao desenvolvimento web, e os outros 10% dos mais diversos assuntos, pois ninguém é de ferro.

Tudo aquilo que aprendi até hoje sobre desenvolvimento web foi por minha conta e risco, engana-se quem acha que eu fiz algum curso ou coisa do tipo. E lá já se vão mais de 3 anos nessa estrada, e ela já me rendeu muitos frutos. Por exemplo, fui convidado pela editora Artmed para efetuar uma avaliação dos livros: A Arte e a Ciência da CSS e também o livro Só JavaScript, também já ministrei uma palestra sobre HTML5 e CSS3 para o curso de Pós Graduação em Front End da Faculdade Marista do Recife e agora também escrevo para o IMasters.

Continuar lendo »

Compactando o (X)HTML/CSS de suas páginas

Postado por: Anderson Custódio de Oliveira em

Fiz um código super simples, para deixar qualquer (X)HTML ou CSS em uma única linha, sem tabs e sem comentários.

Sobre o CSS seria interessante você usar junto com esta dica do Bruno Alves.

Bom, primeiro lhe apresento a função que tira todos os Enters, tabs, comentários CSS e (X)HTML. Basta colocar no index.php de seu site.

function strip($buffer) {
  return trim(preg_replace('/\n|\r|\t|/', ' ', $buffer));
}

Agora em seguida é só usar o buffer do PHP com a função strip no callback.

Exemplo com o index do WordPress:

define('WP_USE_THEMES', true);

function strip($buffer) {
	return trim(preg_replace('/\n|\r|\t|/', ' ', $buffer));
}

ob_start('strip');
	require('./wp-blog-header.php');
ob_end_flush();

E pronto, todo (X)HTML que seu WordPress gerar vai ficar em uma única linha e sem comentários. Lembrando que você pode usar este código em qualquer sistema. É só usar o código corretamente no index.

PS: Sobre o vídeo tutorial “Como trabalhar com URLs Amigáveis” peço desculpas pela demora, nele vou ensinar técnicas avançadas para gerenciar URLs e como usar slugs.

Update: Como haviam dito o expressão para remover os comentários teriam que ser mais complexa, como na época conhecia só o básico não cheguei a entender os comentários. Para não ter problema está apenas a parte que deixa todo código em uma única linha. Desculpe, logo farei um post sobre expressões regulares e mostrarei como fazer essa expressão. Até lá :)

Páginas:1234»