Jullymac.net O que sabemos é uma gota; o que ignoramos é um oceano.

11mai/100

Vídeo Tutorial – Tema para wordpress

Esse é um dos primeiros vídeo-tutoriais que eu fiz. Gravei ele no começo de 2009, lembro que eu nem editei os vídeos e alguns deles estão sem som xD Tive que usar 2 computadores pra gravar... enfim, uma bagunça completa!
Por falta de tempo, eles vão continuar não-editados, mas mesmo assim to disponibilizando aqui pra vocês.

Esses vídeos ensinam desde o código fonte até o wordpress. Falo também sobre algumas coisas de CSS, mas só o suficiente pra montar um layout em tabela. Esse tutorial é dividido em 7 partes, separadas em:

Parte 01 - Fatiar layout
Parte 02 - Html base
Parte 03 - Menu mapa
Parte 04 - Notícias
Parte 05 - Sidebar
Parte 06 - WordPress 1
Parte 07 - WordPress 2
Arquivos

*Clique nos links acima para assistir cada um deles*

17abr/101

CSS Browser Selector

Que desenvolvedor nunca teve problema em montar um site Cross-browser ? Esse mês encontrei uma ferramenta que tem me ajudado muito nessa briga entre navegadores:

CSS Browser Selector criado pelo Rafael Lima, que eu não sei quem é mas pelo qual já tenho um carinho imenso por facilitar minha vida criando esse javascript. rsrs

Esse javascript adiciona algumas classes na tag <html>. Essas classes variam de acordo com o navegador e sistema operacional.

Por exemplo, no meu pc usando o navegador q geralmente uso, ela adiciona as classes na tag html: gecko, ff3, win e js.

Ou seja:
gecko - meu navegador é baseado no gecko
ff3 - meu navegador é o firefox versão 3.x
win - meu SO (sistema operacional) é  o windows
js -meu navegador tem javascripts habilitado

Baixar versão em js | Baixar versão wordpress plugin

Com essas informações ja da pra vc brincar bastante com CSS.  Veja nessa página as classes existentes e como "brincar" com elas.

9dez/090

Firebug e HTML Validator

Firebug e HTML Validator são dois addons para o Firefox que mais uso atualmente, ambos servem para verificar o código fonte de uma página.

O Firebug funciona monitorando o CSS, HTML e JavaScript de qualquer página. Você pode editar e ver em tempo real o que acontece, porém ele não salva o documento editado (perfeito para testar largura, altura, margem, etc).
Clique aqui para saber mais sobre o Firebug.

O HTML Validator funciona como o Validator da W3C, ele verificar a marcação (HTML, XHTML, ...) de documentos web. A diferença é que ele faz isso direto do seu navegador, sem precisar acessar site algum e nem fazer upload do documento.
Clique aqui para saber mais sobre o HTML Validator.