Recursos

[Ajax]Phototype, manipulando imagenes usando Javascript

Feliz inicio de semana, una semana algo complicada para mi por múltiples cosas que tengo que hacer(pagar TC, pagar Salon, Pagar art de la casa etc..), pero sin duda postear un buen numero de artículos hará mas amena la semana.

El otro día vi un enlace no recuerdo en que pagina/Blog (ajaxian??), el cual nos comentaba sobre un script que nos permite hacer maravillas con las imagenes usando para ello PHP y GD, si no mal recuerdo, para muestra vean la siguiente imagen la cual fue rotada y se le agrego el efecto polaroid con esta libreria.

phototype

Se trata de Phototype, el cual funciona usando php y la librería Javascript Prototype, lo cual funciona de la siguiente forma.

[Javascript]



[/javascript]

En el caso anterior lo que hicimos fue modificar el tamaño de la imagen, usando el método resize

Existen varios métodos como:

  • resize
  • flipV
  • rotate
  • dropShadow
  • makeSketchy
  • toGreyScale
  • addCaption
  • y hasta addChuckNorris

Mas información de este Framework, aquí | Phototype: image manipulation with javascript

Leer más

[Google]Google Earth en la Web

Creo que estos últimos días han sido todo un éxito para Google, ya que ultimamente ha sacado muchisimos productos o recursos a la luz.

Creo que casi todo el mundo conoce o por lo menos sabe de la existencia de Google Maps, que nos permite ver mapas de diferentes vistas del mundo, existe también un software llamado Google Earth, que nos ofrece mas posibilidades , como ver algunos edificios y montañas en 3D, entre muchas otras cosas.

Ahora lo que Google nos ofrece es las mismas funcionalidades de Google Earth en la web, mediante una API.

Por el momento solo funciona en Windows, y Firefox, Internet Explorer y creo que Opera.

Lo que me encanto es que funciona a gran velocidad y muchisimo mejor que Google Maps, aquí les dejo un vídeo de The Google Earth API.

Imagen de previsualización de YouTube

NOTA IMPORTANTE: Para poder ver lo necesitan instalar un plugin que se descarga desde el mismo sitio.

Aquí les dejo el código de como implementarlo, en su sitio web, les recuerdo que aun esta en pruebas.

Leer más

[Google-Ajax] Google Ajax Libraries API, La gran biblioteca de Librerias Ajax

Leyendo el blog de Andrés Nieto veo una nueva iniciativa de Google, se llama:

Google Ajax Libraries API

Que viene siendo una especie de lugar donde se almacenaran librerías Ajax, (como Jquery, Mootools, Prototype, Etc..), y las cuales estarán accesibles a todo el publico.

Las librerias/Frameworks disponibles en este momento son

Las ultimas 4 no son Librerias JS, sin embargo tambien forman parte de este abanico de posibilidades.

Su implementación/uso es simple y de la siguiente forma:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

Esto es para cargar Jquery, para cargar alguna de las otras librerías JS, debemos cambiar la ruta del script(SRc) por alguna de las siguientes:


//jQuery

http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js

// Prototype

http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js

//Script.aculo.us

http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/scriptaculous.js

//MooTools

http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools-yui-compressed.js

//Dojo

http://ajax.googleapis.com/ajax/libs/dojo/1.1.1/dojo/dojo.xd.js

También se pueden agregar dichas librerías usando funciones de la api de Google, para ello, necesitaremos cargar la api de google y llamar lo que deseemos como el siguiente ejemplo

<script src="http://www.google.com/jsapi"></script>

<script type="text/javascript"><!--
// Load jQuery
google.load("jquery", "1");

// on page load complete, fire off a jQuery json-p query
// against Google web search
google.setOnLoadCallback(function() {
$.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&;v=1.0&;callback=?",

// on search completion, process the results
function (data) {
if (data.responseDate.results &&
data.responseDate.results.length>0) {
renderResults(data.responseDate.results);
}
});
});
// --></script>

Como pudimos ver la carga se realizo usando la función google.load, la cual funciona de la siguiente forma:


google.load(name, version, opt);

Como podemos observar se utilizan 3 parámetros, los cuales son, el nombre de la librería, la versión de dicha librería, y el ultimo parámetro, que es opcional es para indicar algunas opciones para personalizar mejor la carga de dicha librería, por ejemplo si la deseamos comprimida o no, entre otras opciones mas.

Leer más

[Recopilaciones] Los links de esta semana

Bueno ya es viernes el domingo mi novia y yo nos confirmamos (Síc), y ya entramos a la etapa final de casi 4 meses para la boda !!!.

No he dormido bien, solo como 3 Horas, pero bueno me encanto y lo que mas gusto es que es sumamete ligera la carga de sitio, y aun le pienso hacer algunos cambios, pero bueno sera con mas calma me urgia subirlo por que he tenido parado a programame y me urge levantarlo.

Bueno para el viernes les dejo una lista de cosillas que me encontre por la red que merecen la pena enlazadas.

  1. Andres Nieto nos comenta que, se pude ver la cartelera de nuestra ciudad en Google, sin embargo esto al parecer solo funciona en españa y US, se puede acceder desde aqui http://www.google.es/movies/.
  2. Revisando algo de Javascript que tenia dudas, me encontre con este recurso,que se llama “Writing Object-Oriented JavaScript Part 1″, como su nombre lo indica es para manejar Javascript como objetos y clases.
  3. En CodigoGeek, veo un excelente recurso, donde vemos como crear unas cajas de informacion usando css, y personalizadolas dependiendo si se trata de una advertencia o de un error, entre otros.
  4. En Ajaxian, como siempre, nos tienen a costumbrados a mostrarnos lo ultimo en lo que a Javascript se refiere, nos muestran un juego “Mario Kart” escrito completamente en Javascript.

Bueno son algunos, vamos es viernes, pero la pagina quedo bien chida con un monton de CSS.

Nota: Gracias a Octavio que me comento que los comentarios no estaban jalando, ahorita ya funcionan asi que, que esperan !! A comentar!!

Leer más

[Javascript] Teclado virtual usando Javascript

Los formularios, se pueden mejorar de diferentes formas, como por ejemplo usando css, como vimos en anteriores posts o agregandole una funcionalidad extra.

Andrés Nieto nos comenta desde su blog, sobre un teclado virtual construido con Javascript, que nos permitirá ingresar texto como nosotros lo deseemos, además de que podemos elegir el idioma del teclado, en el que queramos que se nos muestre, claro, solo cambiara el idioma del teclado(osea la distribución de teclas) mas no lo que escribimos.
Su implementación es realmente fácil solo basta con bajarse el js y el Css.


<script src="http://www.ajaxman.net/wp-admin/keyboard.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">

Y cuando lo queramos usar simplemente invocamos la clase “keyboardinput” de esta forma:

.
...
<input class="keyboardInput" type="text" />
...
.

La licencia que usa es BSD.

Aprovecho este post para felicitar a Andrés Nieto por sus 3000 posts escritos, los cuales en lo personal me han ayudado muchisimo a aprender y mejorar sobre Javascript, y por supuesto es una fuente de información excelente para mi blog, en hora buena Felicidades Andrés vamos por los 10000 posts.

Nota: Fui al Bugcon, Pero tome un par de fotos, y nos las tengo a la mano, les prometo platicar que tal estuvo, solo que mañana pondré el post.

Vía | Añade un teclado virtual a tus aplicaciones web

Recurso | Javascript Graphical / Virtual Keyboard Interface

Leer más

[Google] Google Doctype: Documentacion para desarrolladores Web

El día de ayer veíamos las funcionalidades que agrego Google a sus mapas, con ayuda de la wikipedia.

Hoy me entero que Google a puesto a disponibilidad de todos un excelente recurso que sin duda nos ayudara en mas de una ocasión.

Google Doctype

Se trata de una especie de referencias o Comos(Howto’s) sobre ayuda para programar.

En donde nos muestran ejemplos de diversos niveles de dificultad, lo que llama la atención a esta “Biblioteca de Recursos” es que esta bajo al Licencia Creative Commons 3.0 Attribution, osea podemos usarlo a nuestro gusto siempre y cuando mencionando quien realizo los códigos.
Esto es algo muy valioso a cualquier hora y como dice Andres Nieto “ya tengo otro acceso directo formando parte de la barra de marcadores de Firefox”.
Les dejo un video donde hablan sobre este tema, esta en inglés(ni modo!!)

Imagen de previsualización de YouTube

Vía | Google DocType, documentación para desarrolladores web

Leer más

[Noticias] La comunidad Mozilla México estrena foro y Blog

Bueno mi tiempo ya se esta acabando, estoy posteando desde un café Internet, entonces pues no dispongo de mucho tiempo,pero no me quería ir sin comentarles que mi amigo Ricardo Meza, acaba de lanzar el foro y pagina web para usuarios/programadores de Mozilla en México.

mozilla méxico

En el primer post Ricardo nos comenta

Te damos la bienvenida a nuestra nueva sección de Noticias que nos permitirá comunicar las actividades relevantes que ocurren en el mundo de Mozilla, sus productos, los avances en los trabajos de localización y cualquier otra noticia relevante para nuestra comunidad.

En el menú superior se encuentran los enlaces hacia las secciones generales:

  • Noticias. Esta sección.
  • Foros. Discusión y debate. Próximamente.
  • Documentos (wiki). Documentación especializada en la localización y traducción de los productos Mozilla.
  • ¡Ayúdanos!. Deseas participar, entérate en qué forma puedes cooperar. Próximamente.

Les pido su colaboración para hacer mas grande esta comunidad, difundir Firefox y acabar de una vez por todas con el molesto Internet Explorer, además están buscando logotipo, si tu nos puedes echar la mano, te lo agradecemos, un saludo a Ricardo, a aquí les dejo el enlace al blog.

Visita Mozilla México

Leer más

Historico de entradas

febrero 2012
L M X J V S D
« ene    
 12345
6789101112
13141516171819
20212223242526
272829  

Ajaxman

Mi nombre es Javier, soy desarrollador web con especialización en PHP (avanzado), HTML, CSS y Javascript(Medio).

Me considero evangelizador de Kohana Framework, Mozilla Firefox y GNU/Linux Debian.

Estoy casado, y tengo dos hermosos hijos.

Todos los contenidos a menos que se exprese lo contrario estan bajo licencia Creative Commons.

Enlazanos!!

hit counters online counter