Javascript - DOM Image Object

Para cada tag <img> em uma página HTML, um Image é criado. O objeto document possui a lista de imagens inseridas no documento.

 document.images  

Instâncias deste objeto podem ser inseridas no DOM para exibir imagens dinamicamente, assim como manipular seu estilo. Este post possui três técnicas que podem ser úteis em um projeto web:

- Obter largura e altura de uma imagem;
- Abrir imagens codificadas em base64;
- Abrir imagens pela url e obter a mesma codificada em base64;

Javascript - Bloquear abertura de página em um iframe

Eu estava navegando no The David Wash Blog quando me deparei com um snippet interessante! Trata-se de um código em javascript que bloqueia a abertura de um documento web dentro de um iframe.

Talvez você não queira que seu site/aplicativo seja aberto dentro de um frame por motivos de segurança, ou talvez você não ligue para isto. De qualquer forma, é interessante vê-lo funcionar.

 <script>  
  if (top.location != self.location) {  
   top.location = self.location.href;  
  }  
 </script>  

HTML5 - Web Speech API

A Webspeech API foi introduzida no final de 2012 e permite aos desenvolvedores criarem um aplicativo que reconheça a voz do usuário e traduza suas falas em um texto. O Chrome foi o primeiro navegador a implementar tal recurso que atualmente pode ser utilizado também no Safari, Opera e Firefox.

Neste post, você encontra um exemplo de implementação.

HTML5 - Criando apps nativos para Android utilizando Apache Cordova

O Apache Cordova é mais conhecido por sua distribuição chamada Phonegap. Com o Apache Cordova você pode programar aplicativos utilizando as tecnologias: HTML + CSS + Javascript e transformá-lo um aplicativo nativo para diversas plataformas como Android, IOS, Android, Blackberry e Windows Phone. Além disso, existem plugins que permitem utilizar recursos como câmera e acelerômetro do dispositivo.

Mais detalhes sobre a plataforma em: https://secure-software.intel.com/sites/billboard/sites/default/files/downloads/SP12_SFTS004_103_PORpm.pdf

Este post mostra como utilizar o apache cordova para criar uma aplicação nativa android programando em javascript e utilizando HTML + CSS.

Produtividade - Devdocs.io

Muitos programadores quando não recordam o nome de um método ou mesmo o que faz certa função, recorrem ao google ou a qualquer outro site de busca. Neste site eles digitam o nome ou o que querem que o método faça e vasculham a primeira página de resultados em busca de alguma explicação válida.

Uma maneira fácil e eficiente de pesquisar documentações sobre sua linguagem favorita é utilizando o devdocs.io.

Basta abrir o site, clicar em "Select documentation", selecionar as linguagens que você utiliza, clicar em "save", esperar baixar a documentação e pronto!

Digitando o nome da função desejada em search você pode encontrar a explicação que precisa na hora!