Simuladores para pessoas com problemas de visão

Postado por: Pedro Rogério em
  • 18 dez
  • 1

Abaixo uma lista com 10 principais simuladores para designers e desenvolvedores que ajudam as pessoas que possuem algum problema de visão:

  • Low-Vision Simulator: Para usuários com baixa visão, catarata glaucoma ou degenaração muscular.
  • aDesigner: Avalia o contraste de cores, a capacidade de alterar o tamanho da fonte, a existência de exto alternativo e outras recomendações sobre acessibilidade.
  • VisCheck: Para pessoas daltônicas.
  • Daltonize: Para corrigir imagens para melhor serem visualizadas por uma pessoa daltônica.
  • Graybit: Converte uma página em uma escala de cinza e mostra no navegador.
  • Visual Impairment Simulator: Para ver como visualizam as páginas pessoas com diferentes problemas de visão.
  • Screen Reader Simulator: Permite ver como se visualizaria a página em um leitor de tela.
  • Fangs: Emulador de leitor de tela.
  • Lynx Viewer Text-Only Simulator: Visualize a página como se fosse no browser de texto Lynx.
  • Web Page Backward Compatibility Viewer: Permite visualizar a página supondo que o browser utilizado não suporta certas características.

Referências

Como gerar paleta de cores a partir de uma foto

Postado por: Pedro Rogério em
  • 17 dez
  • 2

Escolher boas cores na hora de se fazer um site é uma coisa muito difícil, pois o que pode agradar você, pode não agradar a seus usuários, por isso, antes de sair rabiscando alguma coisa é sempre bom fazer um estudo sobre o impacto que isso pode causar aos seus usuários. Uma boa dica é visitar o site Colourlovers, que possui milhares de paletas de cores que podem ser baixadas em diferentes formatos para seus trabalhos. Além disso, agora você pode baixar diferentes paletas de cores baseadas em fotografias:

Paleta de cores do Cristo Redentor

Para gerar paletas semelhantes a essa, existem ferramentas muito fáceis de se utilizar:

  • Color Palette Generator: Como o próprio nome já diz, ele gera uma paleta de cores a parir de uma foto que pode ser carregada a partir do browser (aceita fotos com o tamanho máximo de 150KB).
  • BigHuge Labs Palette Generator: Gera paleta de cores a partir de fotos do Flickr ou PhotoBucket, ou também você pode enviar fotos individualmente.
  • Colr.org: Gera paleta de cores a partir de imagens, você também pode editar as cores e pode ver outras paletas geradas por outros usuários.
  • Color Hunte: Outro site que também gera paletas.
  • Pic2Color: Cria esquemas ou paleta de cores a partir de imagens.
  • ColourLovers: A maior fonte de inspiração referente a paleta de cores da atualidade.

Referências

Diga adeus ao: “Clique aqui para ativar esse controle”

Postado por: Pedro Rogério em
  • 13 dez
  • 1

Desde abril do ano passado, após o caso EOLAS, todo usuário era obrigado a clicar para ativar todos os conteúdos activex em páginas web se você utilizava o Internet Explorer para navegar. Logo os desenvolvedores botaram os neurônios para funcionar e desenvolveram algumas soluções, a mais dela utilizada até hoje é o SWFObject, onde você insere arquivos flash na página via JavaScript.

Flash IE

Mas recentemente a Microsoft liberou a notícia de que até Abril de 2008 será liberado um patch que corrigirá esse problema automaticamente no IE. Mas como a Microsoft não gosta de perder tempo, já liberou um patch que corrige isso, mas que expira-rá em 1 de Abril de 2008, quando será liberado o Patch final.

Referências

Webkit integra tags HTML5 para suporte multimídia

Postado por: Pedro Rogério em
  • 11 dez
  • 1

Os desenvolvedores do WebKit estão trabalhando para que seu browser tenha suporte as tags HTML5 <audio /> e <video />. O código HTML com a integração de Java Script seria da seguinte forma:

<video />


//HTML
<video src=sample.mov autoplay></video> 

//javascript
<script>
function playPause() {
  var myVideo = document.getElementsByTagName('video')[0];
  if (myVideo.paused)
    myVideo.play();
  else
    myVideo.pause();
}
//Aqui é onde controlamos onde o vídeo termina
myVideo.addEventListener(’ended’, function () {
  alert(’video playback finished’)
} );</script>
<input type=button onclick=”playPause()” value=”Play/Pause”>

<audio />


var audio = new Audio("song.mp3");
audio.play();

Referências

Os melhores sites de 2007 baseados em CSS

Postado por: Pedro Rogério em
  • 10 dez
  • 0

Nessa galeria você pode ver os melhores sites de 2007 baseados em XHTML e CSS e ver o poder do que é capaz ter um pouco de criatividade aliado aos WebStandards. Um site que eu achei interessante foi o do Alex Buga:

Site de Alex Buga

Infelizmente meu blog não saiu nessa lista, mas vamos ver se ano que vem ele aparece né, pois agora comprei o livro do Maujor, acho que agora aprendo CSS e desenvolvo um layout interessante aqui para o Blog.

Páginas:«123»