Imagem em tamanho real

Compartilhe este artigo:

WFT

Segura o “RT” pro cara correr! ahuauhauhuha

Publicado em Hora Extra | Com a tag | Deixar um comentário

Tudo por um bom motivo

Compartilhe este artigo:

Como diria o seu madruga, a vingança nunca é plena, mata a alma e a envenena! :P uhauhahua

Publicado em Hora Extra | Com a tag | Deixar um comentário

Nova Categoria: Hora Extra

Compartilhe este artigo:


Olá, algum tempo venho bolando alguns planos para dominar o mundo melhorar o blog, e uma das metas é ter uma categoria dentro do site apenas para as besteiras que vejo na net e recebo durante o dia, mas não queria misturar com o conteúdo desse blog, ai veio a idéia, crio uma categoria e filtro dos resultados, para que esses arquivos sejam acessados apenas por acesso direto. bem, a parada é simples nas sextas-feiras, nos fins de semana e feriados.

espero que isso der certo ;)

Publicado em Hora Extra | Com a tag | Deixar um comentário

Otimizando desenvolvimento HTML com Zen-coding e Notepad++ ( Instalação + Dica )

Compartilhe este artigo:

Zen Coding

Nunca recebi um projeto acompanhado da seguinte frase, “Projeto tranqüilo, vai fazendo de boa”, eles sempre chegam com data de entrega para ontem, e uma boa é saber como otimizar o seu tempo, ainda mais se seu foco é a qualidade, todos sabemos que projetos simples, não significa projeto fácil. então, ai vai uma dica muito valiosa:

Notepad++ acompanhado do plugin do Zen-condig, vou fazer as honras, o notepad++ é um editor de texto extremamente simples e funcional para quem vai construir código, uso ele para varias linguagens, mas vamos focar no assunto que é html. o notepad++ pode ser baixado aqui

A idéia do Zencoding é bem simples,  ao invés de você digitar:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
Você poderá digitar apenas html:5 e apertar CTRL+E e pronto ele já expande o código pra você.
Se seu você precisar montar o seguinte código:
<div id="geral">
<nav class="menu">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
</div>
Basta digitar div#geral>nav.menu>ul>li*5 e apertar CTRL+E.
Aqui vai um video bem legal de como utilizar o zencoding

Algumas coisas legais pra se testar no Zen-coding:

  • E - Nome do elemento (div, p);
  • E#id - Elemento com identificador (div#content, p#intro, span#error);
  • E.class - Elemento com classes (div.header, p.error.critial). Você pode combinar classes e IDs, também: div#content.column.width;
  • E>N - Elemento filho (div>p, div#footer>p>span);
  • E+N - Elemento em sequência (h1+p, div#header+div#content+div#footer);
  • E*N - Multiplicação de elementos (ul#nav>li*5>a);
  • E$*N - Numeração de itens (ul#nav>li.item-$*5);

A instalação do Zencoding pode ser feita de 2 formas via Plugin manager do notepad++ ou da forma roots de ser uhauhauh

Vamos fazer primeira pelo Plugin manager:

Abra o Notepad > Plugins > Plugins Manager > Show Plugin Manager

Selecione a aba Available e marque a opção Zen Coding

Depois da Instalação é só aceitar a solicitação de reinicializar o Notepad e pronto

Agora vamos a forma Root de ser:

Acesse o repositório do Zen-coding e decopacte o conteudo do zip dentro da pasta plugin do notepad ;)

Publicado em Dicas, XHTML & CSS | Com a tag , , , | 1 comentário

Dica: Gerar conteúdo para teste de template no WordPress

Compartilhe este artigo:

Sempre que estamos criando um novo template para wordpress fica uma duvida se cobrimos todos os tipos de conteúdo, lendo o Codex nesse fim de semana, descobri uma coisa bem legal, um WXR (arquivo de importação do wordpress) que gera conteúdo para teste no seu blog, ele abrange uma grande quantidade de conteúdo como por exemplo:

  • Processo de Teste
  • Home Page
  • Post Programado
  • Pós-Projeto
  • Teste de Layout
  • Teste de legibilidade
  • Imagens de Teste
  • Post Vazio
  • Post Sem tiutlo
  • Muitas categorias e muitas tags
  • Teste protegido com senha secreta
  • Páginas Arquivo
  • Post Simples
  • Teste de Layout
  • Teste de legibilidade
  • imagens de teste
  • Embedded Teste Media
  • Post com palavras gigantescas
  • Esta postagem Nenhum corpo
  • (sem título)
  • Muitos Categorias / Tags Muitos
  • Teste protegido com senha secreta
  • Teste Comentar
  • Comentário condicionada
  • Muitos Trackbacks
  • Páginas
  • Páginas Com Comentários
  • Páginas Com comentários foi desabilitado
  • Páginas pai / filho Página 1 Página Criança / 2
  • Compensação Floats
  • Páginas Misc
  • Resultados da Pesquisa
  • Not Found
  • Geral
  • Menus
  • Widgets
  • Screenshot
  • âncoras e de Crédito
  • Teste Tema
  • Páginas Relacionadas
Você pode ver de forma detalhada o que cada item representa a adiciona no seu blog no endereço: http://codex.wordpress.org/Theme_Unit_Test
Colocar o conteúdo é super simples, são 3 passo rápidos:
  1. Acesse: http://svn.automattic.com/wpcom-themes/demo/test-data.2010-08-02.xml e salve esse arquivo na sua maquina.
  2. Entre no admin do seu blog, abra a seção Ferramentas -> Importar
  3. Pronto, agora é só dar uma navegada pelo seu blog
O ideal é que você teste isso localmente, semana passada eu fiz a cagada de testar online no meu blog eu ele disparou varios twites dizendo que tinha post novo uhauhah :P
Publicado em WordPress | Com a tag , , , | 1 comentário