Design view do Dreamweaver não é browser

Postado por: Pedro Rogério em
  • 22 set
  • 13

Para muitos desenvolvedores, editores do tipo WYSIWYG deveriam ser banidos da face da terra, sejam eles adeptos do Notepad++, EditPlus ou Bloco de Notas, eu não tenho nada contra quem usa esses editores, pelo contrário, eu também já os utilizei em minha jornada, mas hoje utilizo o Dreamweaver pois ele simplesmente atende as minhas necessidades no trabalho. Mas esse agora não é o propósito desse post.

O termo WYSIWYG quer dizer: “What You See Is What You Get“, e em português claro: “O que você vê é o que você obtém“, o Dreamweaver é um editor desse tipo, mas ele também possui o modo de edição de código, que é o que eu utilizo, pois alguém já tentou desenvolver algum site nele no modo Design View? Não façam isso (agora cheguei no propósito do post), pois o que você está vendo alí nem sempre é o resultado esperado, prefira sempre, utilizar o modo código, e visualize sua página no browser, mas nunca dentro do Dreamweaver. Querem ver um exemplo do desastre que pode provocar o Design view do Dreamweaver? Olhem a screen abaixo:

Design View do Dreamweaver

Agora vejam no browser como a página deveria se comportar. Viram a diferença? Nunca desenvolva no Dreamweaver no modo Design view, a não ser que queira ter sérios problemas. Mas pelo que andei lendo recentemente a nova versão do Dreamweaver vai utilizar o motor de renderização WebKit, mas isso não me anima a começar a utilizar o modo Design, ainda vou continuar no modo código.

WaSP Curriculum Framework

Postado por: Pedro Rogério em
  • 17 set
  • 0
Web Standards Project

Seguindo a mesma lógica do Projeto Opera Web Standards Curriculum, o grupo WaSP desenvolverá um framework que auxilie as instituições e iniciantes em desenvolvimento a obter os conhecimentos necessários para trabalhar nessa área.

Esse projeto incluirá recomendações sobre cursos a se fazer, leituras a serem feitas, ferramentas. No lugar de um currículo será designado como Framework pois ele pretende ser uma diretriz rígida e uma ferramenta educativa capaz de adaptar-se as mais vertiginosas mudanças que ocorrem no dia-a-dia.

Leia mais

Via: Webmaster Libre.

CSS3 – Seletor :not()

Postado por: Pedro Rogério em
  • 9 set
  • 0

O seletor :not() com ceteza nos ajudará muito no desenvolvimento web a medida que for implementado nos browsers. O funcionamento desse seletor é basicamente para negar alguma coisa que estamos fazendo:


input#phone {
	background-color:yellow;
}
/* Todos os elementos que não contenham o #phone */
input:not(#phone) {
	background-color:green;
}
/* Todos os elementos que não sejam do tipo Submit */
input:not([type="submit"]) {
	font-size:3em;
}

Isso é somente o básico do que será capaz de ser feito com esse seletor, mas também dependeremos do suporte desse seletor nos browsers, até lá, temos que nos virar como podemos.

Referências

CSS Hack para Google Chrome e Safari 3.1

Postado por: Pedro Rogério em
  • 5 set
  • 6

Uma dica rápida para aqueles que precisam aplicar CSS somente para o Google, a regra abaixo é válida e somente funciona no Google Chrome e Safari 3.1:


body:nth-of-type(1) p{
   color: #333333;
}

Para obter mais informações, visite o site evotech.net.

Zebra Tables com CSS3

Postado por: Pedro Rogério em
  • 2 set
  • 7

Pouco a pouco os browsers já começam a dar suporte as novas funcionalidades das CSS3, está sendo assim com o Opera.

No artigo eles mostram como utilizar o pseudo-seletor nth-child, onde podemos criar tabelas estilo zebra somente com uma linha de CSS:


tr:nth-child(2n+1) {
    background-color: #99ff99;
}

No seletor devemos indicar o número de linhas em que devemos aplicar o estilo, nesse caso, a cada 2 linhas começando na posição 1 (os valores iniciam com 0). Veja aqui um exemplo.

Framework CSS e XHTML para desenvolver para iPhone e iPod Touch

Postado por: Pedro Rogério em
  • 7 ago
  • 1

iPhone

Os desenvolvedores interessados hoje me desenvolver para iPhone e iPod Touch podem ficar felizes pois Diego Martín Lafuente desenvolveu um framework para facilitar esse trabalho chamado: Universal iPhone UI Kit, onde você também pode ver uma prévia do Framework em funcionamento.

O Framework segue a linha de desenvolvimento de iUI, de Joe Hewitt, emulando uma aplicação nativa, evitando assim romper o perfeito equilíbrio que a Apple conseguiu em suas aplicações.

Graças a utilização do Safari no iPhone e no iPod Touch, você pode utilizar ao máximo os seletores CSS 3, juntamente com um XHTML dentro dos padrões, levando sua aplicação ao extremo em pouco tempo de desenvolvimento.

Download

Páginas:«12345678...22»