Mini-curso de Web Standards no 2° PHP-MG

Na última sexta-feira começou o segundo encontro de PHP de Minas Gerais na UNI-BH em Belo Horizonte.

Foram dois dias de evento, sendo que no primeiro, tivemos os mini-cursos em MySql, Linux, Joomla!, PHP, Web Standards entre outros.

Eu fui uma dos palestrantes do mini-curso com o tema "Web Standards: Melhores Práticas para Construção de Páginas Web", onde dei dicas, truques e mostrei algumas soluções com problemas frequentes como o crossbrowser para os IE(cas).

Fiz um PDF com mais detalhes dos assuntos citados e no final tem alguns links que considero relevantes no assunto, de blogs, revistas e livros.

Pra quem estava no curso, obrigada pela presença de todos e também pelo bom feedback que recebi. Foi uma experiência muito boa ensinar um pouco da experiência que eu tenho.

Abaixo a apresentação e o pdf.

;)

Outubro movimentado: Inovatec, 2º PHPMG, Circuito de Palestras FUMEC

Depois de mil anos, como sempre sem escrever no WDCSS, venho trazer algumas novidades para esse mês.

Essa semana está acontecendo o Inovatec - Feira de Inovação Tecnológica- em Belo Horizonte no Expominas. Amanhã, a partir das 19h estarei com o pessoal do TEIA MG e mais alguns amigos para fazermos uma desconferência, o Blogger Day. Lá, iremos bater um papo sobre blogs, tendências e tecnologias. O legal é que todos poderão participar, dando sua opnião nos assuntos. Vai ser um clima bem descontraído, e o melhor, a entrada é gratuita. Mais informações no site do TEIA MG.

Na semana que vem temos o 2º Encontro de PHP de Minas Gerais na UNI-BH. Serão dois dias, 16 e 17, sendo que no primeiro serão ministradas turmas de mini-cursos de PHP, jQuery, MySQL, Zend, Joomla! e Webstandards, o mini-curso que eu irei dar. Falarei um pouco sobre melhores práticas no desenvolvimento de uma web page, pensando na acessibilidade e usabilidade do usuário. No segundo dia do encontro, teremos palestras. Mais sobre o evento visite a página PHP-MG.

E por último, no dia 21 tenho uma palestra, junto com o Alexandre Estanislau, na FUMEC no Ciclo de Palestras: Cibercultura e Design que começou no dia 15 do mês passado e vai até o dia 11 do mês que vem. Nessa palestra, vou falar de SEO - Search Engine Optimization - melhores práticas e dicas para indexação e uma melhor posição nos mecanismos de buscas. Veja o circuito completo das palestras no site da FUMEC.

Me siga no twitter (@cleomorgause), para acompanhar os eventos e novidades a respeito.

;)

Donwload do livro A Arte e Ciência do CSS

Hoje recebi na minha caixa de e-mail uma newsletter do sitepoint, site de artigos, notícias e tutoriais voltados para web designers e desenvolvedores web, falando que disponibilizaram o livro A Arte e a Ciência do CSS (The Art & Science of CSS). O donwload vai ficar disponível por tempo limitado, e para conseguir o link do pdf, basta segui-los no twitter ou assinar a newsletter.

;)

Plugins Firefox para Web Designers

Olá leitores! Vou falar dos plugins que eu uso no meu dia-a-dia, que me ajudam muito no rendimento do desenvolvimento do projeto e conseqüentemente facilita muito o trabalho.

1. • ColorZilla
   
   
   • 
   
   
   • Captura as cores da página exibida no navegador. Acho muito útil, pois não é necessário ficar abrindo o CSS para descobrie o valor dela. Esse valor é mostrado em hexadecimal e RGB. Ele dá a opção de salvar a cor em uma paleta caso seja necessário. Além disso ele possui outras funções como zoom em imagens e um analisador de cores. Esse último eu nunca usei, mas na página do plugin tem todas as especificações.


2. • Firebug
   
   
   • 
   
   
   • Acredito que todo desenvolvedor que usa o Firefox tem esse plugin instalado. É ótimo e é um dos que eu mais uso. Ele te da a opção de poder editar o código e mostrar o resultado instantaneamente. No CSS é melhor ainda, que assim você pode definir posições, alinhamento, tamanho etc sem precisar ficar voltando no programa, editar, voltar no navegador e atualizar a página. Isso gasta tempo, logo, sua produção é prejudicada! Esse plugin também possui um debugger para Javascript, eu não uso, mas sei que ajuda pois já vi os programadores daqui da empresa usando. O que eu acho legal também, é que ele mede o tamanho da página, mostrando o tamanho dos arquivos carregados ou tempo gasto. Possui outras funcionalidades interessantes também, quem souber de alguma não citada, compartilhe!


3. • Html Validator
   
   
   • 
   
   
   • É um validador de (X)HTML. Mostra os erros do código e a possível solução. Tem me ajudado muito no trabalho. Principalmente naqueles códigos que tem tags que não estão no padrão. Um exemplo típico, é abrir uma tag e não fechá-la, como ‹br/›.


4. • IE Tab
   
   
   • 
   
   
   • Para quem tem que ficar testando o site em vários navegadores, esse plugin já adianta um pouco. Ele simula o IE(k) no Firefox sem a necessidade de abrir o programa, pois abre o navegador em uma tab, assim, economiza na memória do computador. O IE simulado é o que estiver instalado na máquina. O que eu gosto nele também, é que você pode definir as páginas que devem ser abertas no IE. Não adianta, sempre tem alguma página que o desenvolvedor fez somente para esse navegador, não só na parte visual, mas funcional também como um JS que não roda direito na raposinha ou outros navegadores.


5. • MeasureIt
   
   
   • 
   
   
   • É uma régua que mostra os valores em pixels. Não uso com muita frequência, mas ajuda a descobrir se os elementos estão alinhados corretamente ou o tamanho de alguma coisa em uma página.


6. • Web Developer
   
   
   • 
   
   
   • O Web Developer possui várias ferramentas em um único plugin. No menu que pode ficar abaixo da barra de endereços do navegador ou no clique no botão direito do mouse em alguma página. Ele possui um editor de CSS, que as vezes eu acho mais útil que o do Firebug, e também mostra o resultado instantaneamente; desabilita cookies, JS, CSS, imagens; tem uma opção que mostra detalhes de formulários como os parâmetros usados nos campos, assim como exibe detalhes de imagens, links, divs etc. Resumindo, praticamente todos os detalhes do código, sem que seja necessário abrir o código fonte. Esses detalhes são mostrados do lado do elemento da página. Um dos recursos que eu uso bastante é o Resize, onde é possível definir tamanhos para o navegador. Acho bom para ver como a página é visualizada em resoluções 800x600 e 1024x768 que estão abaixo da que eu uso. No Tools tem um validador W3C, tanto para (X)HTML, quanto para o CSS. Conclusão: da mesma forma que o Firebug é essencial, esse plugin também é. É um dos favoritos.


7. • YSlow
   
   
   • 
   
   
   • Feito pelo Yahoo! Developer Network, é um mensurador de desempenho de página. Funciona junto com o Firebug.

Bom, quem tiver mais algum plugin para a lista, me manda com uma breve descrição que eu dou um update. Em um outro post, eu falo de outros plugins que uso, não para o desempenho de desenvolvimento, mas mais para facilitar no uso do navegador, como o GooglePreview, ou outros que facilitam uploads como o Fire Uploader. Além das frescuragens hehe.

Update: Gente, o Thiago deixou nos coments mais uma extensão para criar paletas de cores para o Photoshop, GIMP, Flash, Fireworks etc a partir de alguma página. Não testei ainda mas parece muito boa. Obrigada Thiago.

;)