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*
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.
Table x Tableless
Um vídeo mostrando as principais diferenças entre um código HTML feito em Table (com uso de tabelas) e um código HTML feito em Tableless (sem tabelas, com CSS).
HTML 5
No início de 2009 o W3C – consórcio de empresas de tecnologia para levar a Web ao seu máximo potencial – anunciou a primeira especificação do HTML 5. O HTML (Hypertext Markup Language), que é responsável por organizar e formatar as páginas que visitamos na internet, está em sua versão 4.0.1 e continua evoluindo. Após cinco anos de trabalho, esta, ainda, é apenas uma versão de testes do HTML 5 e a versão final está prometida para 2012. Foram feitas grandes alterações, que incluem: novas API’s, entre elas uma para desenvolvimento de gráficos bidimensionais, controle embutido de conteúdo multimídia, aprimoramento do uso off-line, melhoria na depuração de erros, entre outros avanços.
Esta evolução da linguagem padrão para web pode eliminar a necessidade de plug-ins para aplicações multimídia em navegadores. Diversos críticos consideram a tecnologia como um forte concorrente ao Flash do Adobe, Silverlight, da Microsoft, e o recente JavaFX, da Sun. Recentemente, Shantanu Narayen, diretor executivo do Adobe, disse que o Flash não irá perder mercado, porem a versão 5 do HTML já está sendo chamada de “Flash-killer”. Estas tecnologias precisarão se adaptar rapidamente para conseguir manter-se no mercado, tão popular quanto hoje. Na avaliação do co-diretor de ferramentas da Mozilla, Ben Galbraith, as tecnologias viabilizadas pelo HTML 5 como o Canvas para desenhos 2D e o armazenamento de conteúdos no desktop, permitirão que “usemos mais o browser do que nunca”.
Após dez anos sem atualizações, a forma como se escreve páginas na Internet passa por uma boa transformação. O HTML 5 oferece uma experiência web totalmente diferente para usuários e embora exista um longo caminho para ser finalizado, muitos navegadores importantes, com excessão do Internet Explorer 8, como o Opera, Google Chrome, Safari 4 e o Firefox 3.5 já implementaram grandes partes da linguagem, incluindo tags de vídeo e suporte à tecnologia Canvas.
Com a evolução da linguagem, os navegadores passam da categoria “mostradores de páginas” para um renderizador de "web software".
Alguns sites brasileiros feitos em HTML 5:
CHR Designer
DS3
Everton Melo
Leonardo Moreira
Fonte: Wikipedia
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.
Categorias
Fã Sites
Sites
Arquivo
- julho 2010 (1)
- maio 2010 (6)
- abril 2010 (7)
- março 2010 (1)
- janeiro 2010 (10)
- dezembro 2009 (22)
Twitter: Jullymac
- Ta offline (@allancezar live on http://twitcam.com/1f83m)
- @viniciusvieira eu também não to acreditando!! procurando algo grande pra baixar e ver a velo. vai pro MSN
- OMG!!!!!!!!!! MEU IRMÃO ACABOU DE ME FALAR Q AUMENTOU A VELOCIDADE DA NET PRA 10MB...... FALECIDA!!! =OOOO
- Minha pasta de musicas ta com 20GB e de vídeos com 60GB =O Fazendo backup NOW
- @mister_reis melhor ler isso do q se analfabeta.... AFFÃO!!!!! To saindo, reza por mim. Beijos =*