Extensões do Dreamweaver para Frameworks JavaScript

Postado por: Pedro Rogério em

Se você utiliza o dreamweaver no seu dia-a-dia agora pode ficar feliz, pois demorou mais chegou, e agora o suporte do dreamweaver as livrarias JavaScript vieram em forma de extensões.

Vídeo (Objeto multimídia)

Todos os créditos do vídeo são do site Xtnd.us

Você pode encontrar extensões para:

  • jQuery API para Dreamweaver MX-CS3
  • Prototype API para Dreamweaver MX-CS3
  • Mochikit API para Dreamweaver MX-CS3
  • MooTools API para Dreamweaver MX-CS3
  • YUI API para Dreamweaver MX-CS3
  • Ext API para Dreamweaver MX-CS3

Para utilizá-las, basta ter o Extension Manager instalado no micro.

Referências

Navegue com JavaScript desabilitado e veja o caos acontecer na web

Postado por: Pedro Rogério em

Um dos grandes problemas hoje em dia no desenvolvimento para a Web é o uso de JavaScript Obstrutivo. Infelizmente, os desenvolvedores ainda fazem sites que só funcionam com o JavaScript habilitado e não se dão ao trabalho de procurar alternativas para aqueles usuários que não tem nenhum suporte a essa tecnologia.

Experimente navegar algumas horas sem o uso de JavaScript para ver o caos acontecer. Não sabe como desabilitá-lo? No Internet Explorer faça o seguinte: Vá até Opções da Internet > Segurança > Escolha a Zona Internet e depois clique em Nível Personalizado. Em Script ativo escolha Desabilitar.

Desabilitar JavaScript no IE

No Firefox vá até Ferramentas > Opções > Desmarque a caixa Permitir JavaScript.

Desabilitar JavaScript no Firefox

No Opera vá até Ferramentas > Preferências > Aba Avançado > Conteúdo > Desmarque a caixa Habilitar JavaScript.

Desabilitar JavaScript no Opera

Sentiu na pele agora como se sentem pessoas que fazem o uso de tecnologias assistivas? Deixe nos comentários a sua experiência.

Desenvolvimento em CSS – Manual de boas práticas

Postado por: Pedro Rogério em

Esse manual é uma tradução do artigo de Reinhold Weber: 50+ CSS Best Practices and Coding Guidelines.

Coisas a evitar

  • CSS in-line.
  • Tamanho de fontes absolutas.
  • Utilizar “aspas” para marcar o caminho das imagens.
  • CSS Hacks.
  • Redeclarar valores herdados.
  • Aplicar padding, bordas e larguras fixas para os elementos.
  • !important e position:absolute.
  • Nomes para Classes e IDs baseados em sua aparência.

Continuar lendo »

Manual completo e simples de expressões regulares em PHP

Postado por: Pedro Rogério em

As Expressões Regulares são uma potente ferramenta que nos permite contrastar um texto com um padrão de busca. Essa tarefa é fundamental em alguns programas e em outros pode facilitar incrivelmente seu trabalho.

O PHP nos permite dois tipos principais de funções para expressões regulares: as do tipo ereg (Expressões Regulares POSIX) e as do tipo preg (Compatíveis com Perl). São muito similares, mas o segundo modo é mais potente.

Alex Barros do site Boozox.net escreveu um simples manual mas muito completo para aqueles que queiram aprender Expressões Regulares e aplicá-las em PHP. Em Português, você pode aprender também alguma coisa com o livro do Aurélio.

Referências

Diretrizes de Acessibilidade para as aplicações que geram conteúdo

Postado por: Pedro Rogério em

Um dos guias mais conhecidos referente a acessibilidade são o WCAG, que são aqueles que se referem a acessibilidade do conteúdo Web, mas também existem e tem uma grande importância as ATAG (Authoring Tools Accesibility Guidelines), que são aquelas que se referem as ferramentas de autoria (aplicações), que servem para gerar conteúdo web. Dessa forma as ATAG tratam das seguintes questões:

  • Produção de conteúdo acessível que cumpram os padrões e as pautas de acessibilidade.
  • Formas de comprovar e corrigir conteúdo que não seja acessível.
  • Formas de fazer a ferramenta acessível para pessoas com algum tipo de deficiência.
  • Solicitação de informação ao autor do conteúdo sobre acessibilidade.
  • Integração da acessibilidade a interface do usuário, aos elementos da ajuda e a documentação gerada.

De uma forma mais concreta, as ATAG 1.0 se compõem de 7 pautas e 28 pontos, cada uma dividida em pontos de verificação com sua prioridade associada.

Continuar lendo »

Links inteligentes a documentos PDF

Postado por: Pedro Rogério em
Links inteligentes a documentos PDF

Se você pensa que não é possível criar um link para um certo local de um documento PDF, como se fossem âncoras, está muito enganado isso é possível e é muito simples de fazer. O site RDPSlides.com explica o passo a passo em detalhes de como fazer isso. A forma de usar essa característica é agregar parâmetros depois do nome do documento, desta forma:


documento.pdf#param1=valor1&param2=2& ... paramN=valorN

Alguns dos parâmetros disponíveis:

  • page: para indicar em que página se deve abrir o documento.
  • zoom: establece um nível de zoom. O valor 100 é equivalente a 100%.
  • pagemode: valores entre bookmarks, thumbs, ou none.
  • toolbar: true para mostrar a barra de ferramentas e false para não mostrá-la.

Mas como tudo não são rosas, existem algumas limitações:

  • Funciona somente com o Adobe Reader e outros leitores de arquivos PDF que enham essa função definida.
  • Funciona em links somente com documentos em servidores, não em arquivos locais.

Referências

Páginas:«1...59606162636465...119»