Recursos

[Video] Creando efectos con ajax y Dreamweaver

Sin duda, ajax es una gran forma de aplicar grandes tecnologias, tanto del lado del servidor como del lado por parte del cliente.

Sin embargo, no a todos se les puede facilitar crear efectos vistosos con ajax, por ello, me dedique a buscar, algun video que nos mostrar una forma facil de realizarlo.

Por ello encontre un video donde nos muestran, como hacer aplicaciones con efectos Ajax, usando Dreamweaver y el Framework Adobe Spry, se que muchos diran que existen otras frameworks o librerias para poder realizar algo similar o inclusive mucho mejor, pero en este blog trato de mostrar diferentes opciones para poder desarrollar nuestros proyectos.

[metacafe]http://www.metacafe.com/watch/808504/no_english_title/[/metacafe]

Lo mas interesante de este video es que esta en español, aunque resulta curioso el tono en el cual esta grabado.

Sin duda una herramienta mas para desarrollar apliaciones ajax.

[Recursos] EditArea, Un editor enriquecido

A veces, cuando tenemos que elejir un editor para agregarlo a una pagina web, siempre, nos surgen dudas, sobre cual usar, que si FCKEditor, o TinymcEditor entre otros.

Por eso ha surgido EditArea, un editor escrito en Javascript, el cual sin duda nos deja gran sabor de boca, por sus carateristicas este editor es, mas bien un editor de codigo fuente, el cual esta diseñado para editar archivos de codigo fuente, como php, Css, html entre otros.

Pero sin duda lo mas importante es que incorpora coloreado de sintaxis.

Edit area

Entre sus caracteristicas destacan:

  • Fácil de integrar, incluir sólo un script y una llamada a la función
  • Tabulación de apoyo (permitir a escribir bien el formato de código fuente)
  • Buscar y reemplazar (con regexp)
  • Personalizable en tiempo real de sintaxis (en la actualidad: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf * ck)
  • Auto-sangrado nuevas líneas
  • Enumeracion de Línea
  • Multilenguaje soporta (en la actualidad: croata, danés, Inglés, francés, alemán, italiano, japonés, polaco, portugués)
  • Posible compresión gzip con PHP(comprimir los 12 principales archivos a un archivo de ~ 20Kb)
  • Permitir múltiples instancias
  • Modo de pantalla completa
  • Posible integración mediante plugin
  • Posibilidad de guardar y cargar las funciones de llamada
  • Posibilidad de gestión dinámica de contenidos
  • Pueden trabajar en el mismo entorno de “protype” y “mootools”.

Para usar lo es tan simple como esto, poner un id a nuestra area de texto y, a continuación, escribir nuestro siguiente codigo Javascript:

(más…)

[Ajaxman] Ajax en el 2007 y en el 2008

Como he notado que varios blogs y sitios web elaboran sus listas sobre diversos productos/servicios, para darnos una idea sobre cuales ha sido y quizá serán los mas populares.

Yo he decidido hacer una lista-recomendación-análisis de diversos servicios y productos 2.0, mas específicamente sobre, frameworks y Librerias Ajax.

Ajax

Las librerías mas usadas (Según Javahispano)

1. Prototype 34.1%
2. jQuery 29.3%
3. Ext JS 22.5%
4. Script.aculo.us 22.3%
5. Mootools 14.3%
6. YUI 13%
7. raw AJAX 13%
8. Dojo 11.9%
9. BackBase 8.3%

Nota:Los resultados no suman 100% , ya que habia posibilidad de elejir varios frameworks

Las librerías mas populares (Según Google trends)

Comparacion librerías ajax

Solo se muestran las primeras 5 ya que en teoría son las mas populares.

Mi recomendación.

Sin duda y a pesar de haber iniciado con prototype, yo uso y recomiendo ampliamente Jquery.

Jquery

Por que lo recomiendo, fácil, por lo siguiente.

  1. Reducido peso
  2. Open source
  3. Disponilbe en 3 diferentes versiones, claro las tres gratis y opensource, solo difieren en el peso
  4. Extensible mediante plugins
  5. Soporte de Historial con Ajax osea el “Boton Atras”
  6. Es multiplataforma (funciona en la mayoria de navegadores)

Sin duda el año que viene veremos muchismas cosas mas sobre Ajax y la famosa Web 2.0.

Predicciones para le 2008¿?

Predicciones

Me caso en el proximo año, aun no hay fecha, pero sera en el proximo año (creo que esto no hiba aqui!!)

Ya en serio estas son las verdaderas predicciones.

  1. Probablemente libreren una beta de Internet Explorer 8 (si se que anadie nos interesa, es solo para el relleno)
  2. Jquery seguira ganando el mercado de frameworks
  3. Jquery nos anunciara una nueva version quiza compatible con HTML5
  4. Anunciaran la fecha de la adaptacion de HTML como estandar
  5. Lo mas interesante liberacion de Firefox 3
  6. En México tendremos Internet Gratuito
  7. Songbird pasara a ser Beta, o Release Candidate, y quiza anuncie la fecha de la liberacion definitiva.
  8. (más…)

[Noticias] Firefox 3 y HTML 5

Despues de una buena “Fiesta”, de navidad que por cierto se me paso felicitarlos, pues como se dieron cuenta, no actualice el blog, es mas ni siquiera prendi mi pc, pues deseo que todos se la hayan pasado chido en compañia de sus seres queridos!! (lo lamento no se me ocurre otra cosa?!?!)

Bien regresemos a la rutina!!

Andres nieto,
comenta en su blog que Firefox 3 al igual que Webkit tambien esta adentrandose en la implementacion del HTML5 (el futuro HTML).

html

Los puntos a considerar en la nueva integracion del HTML 5 con Firefox serian por el momento los siguientes.

  1. Gestión de protocolos
  2. Eventos Online y Offline
  3. Gestión del foco
  4. Eventos Drag & Drop

Veamos a grandes rasgos que posibilidades nos ofrecen las nuevas integraciones

Gestión de protocolos

Esta posibilidad de gestionar protocolos personalizados, nos permitira definir que apliacion funcionara al usar cierto protocolo.

Ejemplo: su usamos mailto, por defualt nos abre un cliente de correo, usando HTML5 y Firefox 3 lo podremos especificar que va a usar para manejar ese protocolo osea el mailto

Codigo

En este caso estamos usando el metodo registerProtocolHandler que parasa a formar parte del objeto navigator.

Eventos Online y Offline

Esto es simple, firefox 3 ahora nos permitira saber si estamos online (en linea) u offline (sin conexion), a internet, de esta forma podremos saber que hacer dependiendo de del estado del navegador, recuerden que algo similar utiliza Gmail, cuando nos desconectamos de la red.
Este metodo se usara como parte del objeto navigator de la siguiente forma (en este caso se usan operadores ternarios)

Para ver las demas funcionalidades que se agregaran le dejo el link.
Firefox 3 acercandose al HTML5

Nota: Hay un demo pero solo pueden verlo los que tengan Firefox3 , claro en version de prueba

Demo

[Recursos] Tabla de equivalencias para medir en la web

En webadictos nos comentan que ha aparecido una tabla de equivalencias par hacer comparaciones de medidas entre porcentajes(%), Em,pixeles y puntos.

Asi que cuando tengan dudas pues ya sabrán donde acudir

Pts Px Em Porcentaje
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%

La fuente esta aqui http://sureshjain.wordpress.com/2007/07/06/53/

[Recursos-Ajax] 47 Aplicaciones ajax para uso en formularios

Cuando tenemos algún formulario, siempre nos causa dolores de cabeza las validaciones, y la presentación de lo errores de estas,ya que siempre hay que tener que mostrarnos amigables con los usuarios.

Sin embargo noupe, nos hizo la gran labor de hacer una recopilación de 47 herramientas que nos harán que el uso y manejo de formularios sean mas fáciles.

Forms ajax

Ajax forms

Ajax forms presentacion

Los organiza en varias categorias, como por ejemplo

  1. Styling Forms
  2. Styling Form Elements
  3. Form Usability and Accessibility
  4. Ajax Forms Processing
  5. Awesome Form Validation
  6. Form Field Hints

Sin duda , esta lista es muy importante ya que nos puede ser muy util para varios casos, como cuando deseamos ser mas presentables en la creacion de formularios.

Creo que les falta la libreria JXs, para validacion de Formularios muy simple, por ahi la checan.

Saludos.

Ver la lista completa de formularios Aqui

[Manual] Creando graficas con Google chart

Ultimamente eh estado algo ocupado, mas bien bastante ocupado, y pues tambine no he escrito cosas muy importantes, sin embargo, trato de poner cosas que interesen a las personas, no cosas que se repiten en todos los blogs.

Pero sin duda este tema me intereso bastante, si bien no me gusta depender tanto de google, creo que debemos de dar un vistazo algo mas profundo en este caso a los graficos via google (suena chistoso).

¿Google chart que es?

Google Chart es una herramienta que permite generar gráficos y diagramas de una forma extremadamente sencilla, para poder utilizarlos en proyectos web.

Bien ya sabemos que es pero

¿como se usa?

El uso es extremadamente sencillo solo insertamos una imagen a la cual le modificaremos el atributo src, quedando de la siguiente forma

Lo cual nos da el siguiente resultado

Bien ya esta tenemos nuestra grafica lista, sin embargo,surge la duda ¿que mas podemos hacer, con todo esto, hasta donde es posible usar y personalizar esta herramienta?.

A continuacion trataremos de explotar todas sus posibilidades.

Antes de empezar debemos de checar algo importante dentro de las politicas de Google, la cual nos dice:
Política de utilización

El uso de la API de Google Chart está sujeta a una pregunta límite de 50000 consultas por usuario por día. Si excede este 24 horas del límite, la API podría dejar de funcionar temporalmente para usted. Si sigue excediendo este límite, su acceso a la API puede ser bloqueado.

Ojo con la anterior, por que significa que en un dia no podre tener mas de 50 000 visitas(jaja), ya que me podrian desactivar temporalmente.

Una vez realizada la advertencia anterior vamos a aprender.

Formato de peticion a la API de Google chart

La url para hacer una peticion a la API de Google debera ser de la siguiente forma

Http://chart.apis.google.com/chart?parámetro1&parámetro2&parámetron

Nota: todo debera de ser en una sola linea por URL

Bien ahora veremos otro ejemplo simple, recordemos que basta con que los parametros esten separados por un ampersand y lsito con eso podemos hacer cosas como esta

Nota: el codigo anterior fue separado para una mayor comprension

Ahorta vamos parte por parte, que significa ¿todo esto?

Empecemos a desmembrarlo jajaja
(más…)

[Javascript] El mundo ECMAScript

Jhon Resig acaba de organizar una relación de todo lo que rodea al ECMAScript, como ActionScript, Javascript, JS, Etc.

Para darnos un poco la idea de esto les dejo la imagen que realizo, en donde se ven la relaciones existentes entre estas tecnologías.

Ecma Script

mas informacion de estos lenguajes relacionados con EcmaScript

Languajes:

Motores:

(más…)

[Manual] Uso de APT: Obteniendo información de los paquetes

bueno les sigo poniendo mas info sobre el uso del APT.

Existen algunas interfaces para el APT que lo hacen más fácil de utilizar.

Pero nuestro objetivo aquí es aprender a manejar APT puro. Así que, ¿cómo podría saber el nombre de un paquete que quiere instalar?

Tenemos numerosos recursos para realizar esa tarea. Empezaremos con apt-cache. Este programa es utilizado por APT para mantener su base de datos. Nosotros sólo veremos un poco de sus aplicaciones

Descubriendo nombres de paquetes

Por ejemplo, supongamos que usted quiere revivir la gloria de la época dorada del Atari 2600. Quiere utilizar APT para instalar un emulador de Atari, y después bajar algunos juegos, puede hacer lo siguiente:

# apt-cache search atari
atari-fdisk-cross - Partition editor for Atari (running on non-Atari)
circuslinux - The clowns are trying to pop balloons to score points!
madbomber - A Kaboom! clone
tcs - Character set translator.
atari800 - Atari emulator for svgalib/X/curses
stella - Atari 2600 Emulator for X windows
xmess-x - X binaries for Multi-Emulator Super System

Hemos encontrado muchos paquetes relacionados con lo que estamos buscando. Para obtener mayor información de un paquete específico, hacemos lo siguiente: (más…)