unijimpe http://blog.unijimpe.net Arti­culos, tutoriales y noticias acerca de PHP, ActionScript, Ajax, Flash, WordPress, Google, Adsense... Wed, 25 Jun 2008 03:37:57 +0000 http://wordpress.org/?v=2.5.1 en http://blog.unijimpe.nethttp://samples.unijimpe.net/logo-unijimpe.jpgunijimpe Mootools Calendar http://feed.unijimpe.net/~r/unijimpe/~3/319382615/ http://blog.unijimpe.net/mootools-calendar/#comments Wed, 25 Jun 2008 03:37:57 +0000 unijimpe http://blog.unijimpe.net/?p=856 Hoy les presente un plugin para Mootools el cual les permitirá insertar rápidamente un calendario en nuestros formularios y con un resultado altamente atractivo y profesional. Se trata de Calendar una clase que permite incluir un selector de fecha no-obstrusivo y accesible.

Como usar Mootools Calendar
Lo primero es descargar la ultima versión de esta librería en calendar.js, además de ello es necesario tener Mootools el cual lo pueden descargar desde mootools.js, luego de ello debes crear un archivo CSS con los estilos que se aplicarán al calendario.

El siguiente paso es adjuntar las librerías Javascript a nuestro HTML y posteriormente los archivos CSS que contienen los estilos para nuestra página y nuestro calendario.

  1. <!-- Incluimos el HTML -->
  2. <link href="styles.css" rel="stylesheet" type="text/css">
  3. <link href="calendar.css" rel="stylesheet" type="text/css">
  4. <!-- Incluimos los Javascript -->
  5. <script type="text/javascript" src="js/mootools.js"></script>
  6. <script type="text/javascript" src="js/calendar.js"></script>

El siguiente paso es crear nuestro formulario en el cual debemos incluir un campo de texto el cual contendrá a nuestro selector de fechas.

  1. <input type="text" name="fecha" id="fecha" size="16">

Finalmente inicializamos el Calendario con una llamada al objeto Calendar el cual recibe como parámetros el identificador del campo al cual deseamos asignar el calendario y luego el formato en el cual deseamos se muestren las fechas.

  1. <script type="text/javascript">
  2. window.addEvent('domready', function() {
  3.       myCal = new Calendar({ fecha: 'd/m/Y' });
  4. });
  5. </script>

Luego unimos todos los elementos para obtener el código final para mostrar un selector de fechas en nuestros formulario, todo de forma rápida y sencilla. Esta inicialización lo hacemos en el evento domready que es cuando se ha terminado de interpretar el html de nuestro web.

  3. <title>Mootools Calendar</title>
  4. <link href="styles.css" rel="stylesheet" type="text/css">
  5. <link href="calendar.css" rel="stylesheet" type="text/css">
  6. <script type="text/javascript" src="js/mootools.js"></script>
  7. <script type="text/javascript" src="js/calendar.js"></script>
  8. <script type="text/javascript">
  9. window.addEvent('domready', function() {
  10.    myCal = new Calendar({ fecha: 'd/m/Y' });
  11. });
  12. </script>
  13. </head>
  15. <h3>AGREGAR GASTO </h3>
  16. <form method="post" name="registro">
  17. ...
  18. Fecha:
  19. <input type="text" name="fecha" id="fecha" size="16">
  20. ...
  21. </form>
  22. </body>
  23. </html>

Desde luego lo que queda en adelante es agregarle los estilos de acuerdo al diseño de nuestro web y adecuarlo al formulario que tenemos. Les dejo un ejemplo en moocalendar y finalmente los archivos fuente de este ejemplo para que lo descarguen.

© 2006 - 2008 unijimpe - Utiliza este feed solo para uso personal. Partes de este feed pueden ser utilizados mencionando al autor. No esta permitido publicar enteramente este feed para uso comercial sin permiso del autor. Para mas información visita unijimpe


]]> http://blog.unijimpe.net/mootools-calendar/feed/ http://blog.unijimpe.net/mootools-calendar/ Trabajo: Web Developer http://feed.unijimpe.net/~r/unijimpe/~3/317872149/ http://blog.unijimpe.net/trabajo-web-developer/#comments Mon, 23 Jun 2008 06:01:29 +0000 unijimpe http://blog.unijimpe.net/?p=862 Bluemetal, empresa interactiva, con presencia en Estados Unidos, Chile, Italia y Perú, especializada en el desarrollo de soluciones para Internet y medios digitales, está requiriendo personal idóneo para ocupar el puesto de Desarrollador Web.

Descripción
Los candidatos deberán tener una experiencia no menor de 3 años en el desarrollo de Webs dinámicas y/o aplicaciones.

Es preferible si el postulante tiene algún titulo de Analista y/o programador de sistemas, pero no es requisito indispensable.

El puesto involucrara trabajar con el equipo de producción y desarrollo para construir sitios Web, aplicaciones y mantenimientos de proyectos ya existentes.

Actualmente no se consideran candidatos internacionales por lo que el postulante debe residir en Lima, Perú.

Requisitos
Se requiere de las siguientes características:

  • Experiencia de 2+ años en PHP
  • Experiencia de 2+ años en diseño de base de datos
  • Experiencia de 2+ años en HTML/XHTML/DHTML/JavaScript/AJAX
  • Experiencia con MySQL
  • Conocimiento y experiencia con sistemas de código/control de versiones
  • Experiencia en los sistemas operativos Windows/Linux y servidores Web.
  • Familiaridad en la integración de Adobe Flash (ActionScript 1, 2 y 3) y lenguajes de servidor.

¿Cómo Postular?
Los candidatos favor de enviar Curriculum Vitae a: employee@bluemetalcorp.com o publicar Curriculum Vitae en: http://www.bluemetalcorp.com/#jobs.

© 2006 - 2008 unijimpe - Utiliza este feed solo para uso personal. Partes de este feed pueden ser utilizados mencionando al autor. No esta permitido publicar enteramente este feed para uso comercial sin permiso del autor. Para mas información visita unijimpe


]]> http://blog.unijimpe.net/trabajo-web-developer/feed/ http://blog.unijimpe.net/trabajo-web-developer/ Enviar email multiple con PHP http://feed.unijimpe.net/~r/unijimpe/~3/317860952/ http://blog.unijimpe.net/enviar-email-multiple-con-php/#comments Mon, 23 Jun 2008 05:37:36 +0000 unijimpe http://blog.unijimpe.net/?p=859 En algunas ocasiones nos topamos con la necesidad de enviar email a una lista de correo, esto lo podemos hacer utilizando la librería PHPMailer el cual nos permite enviar emails con algunas opciones avanzadas para este tipo de labores.

Extraer datos de los destinatarios
Sea que tenemos una lista de clientes registrados en una base de datos tienda en la tabla clientes y deseamos enviarle un comunicado a cada uno de ellos de forma personalizada. Lo primero que tenemos que hacer es realizar la consulta a la base de datos y extraer los datos de estos clientes.

  1. mysql_connect("localhost", "usuario", "password");
  2. mysql_select_db("tienda");
  3. $result = mysql_query("SELECT nombres, email FROM clientes");
  4. while ($row = mysql_fetch_array($result)) {
  5.    // echo $row["nombres"];
  6. }

Integrando con PHPMailer
El siguiente paso es hacer el envío de los correos, para ello primero incluimos la clase class.phpmailer.php, definimos los datos del remitente y creamos el mensaje personalizado en html y texto a enviar a la lista.

  1. require("class.phpmailer.php");
  2.  
  3. $mail = new PHPMailer();
  4. $mail->Host = "smtp1.example.com";
  5. $mail->From = "list@domain.com";
  6. $mail->FromName = "List manager";
  7. $mail->Subject = "Subject del correo";
  8.  
  9. mysql_connect("localhost", "usuario", "password");
  10. mysql_select_db("tienda");
  11. $result = mysql_query("SELECT nombres, email FROM clientes");
  12. while ($row = mysql_fetch_array($result)) {
  13.     // HTML body
  14.     $body = "Hola <strong>".$row["nombres"]."</strong>, ";
  15.     $body.= "<p>Les comunicamos el nuevo servicio... <p>";
  16.     $body.= "<em>List manager</em>";
  17.     // Text body
  18.     $text = "Hola ".$row["nombres"].", \n\n";
  19.     $text.= "Les comunicamos el nuevo servicio...\n\n";
  20.     $text.= "List manager";
  21.     // Configurar Email
  22.     $mail->Body = $body;
  23.     $mail->AltBody = $text;
  24.     $mail->AddAddress($row["email"], $row["nombres"]);
  25.     // Enviar el email
  26.     if(!$mail->Send()) {
  27.         echo "Error al enviar a: " . $row["email"] . "<br>";
  28.     }
  29.     $mail->ClearAddresses(); 
  30. }

Nótese que incluimos la dirección del destinatario con el método AddAddress en donde le pasamos el email y el nombre de la persona a la que deseamos enviar el email y finalmente utilizamos ClearAddresses el cual elimina las email a los cuales se ha enviado anteriormente el mensaje, de esta forma le llegará a cada usuario una mensaje único si necesidad de mostrar a quienes mas se esta enviando el mensaje.

Observaciones
En el caso que se quiera enviar a listas muy grandes, se deben cambiar algunos parámetros de configuración de PHP por ejemplo el tiempo de ejecución para que no se detenga el envío si el tiempo de proceso excede el tiempo de configuración. Una solución es hacer el envío en bloques de 500 o en bloques de 1000 por vez por ejemplo con lo cual no se superará el tiempo limite.

Finalmente les dejo los archivos fuente para que lo descarguen y realicen sus propias pruebas.

© 2006 - 2008 unijimpe - Utiliza este feed solo para uso personal. Partes de este feed pueden ser utilizados mencionando al autor. No esta permitido publicar enteramente este feed para uso comercial sin permiso del autor. Para mas información visita unijimpe


]]> http://blog.unijimpe.net/enviar-email-multiple-con-php/feed/ http://blog.unijimpe.net/enviar-email-multiple-con-php/ PHP Feed Generator http://feed.unijimpe.net/~r/unijimpe/~3/314338221/ http://blog.unijimpe.net/php-feed-generator/#comments Wed, 18 Jun 2008 04:45:56 +0000 unijimpe http://blog.unijimpe.net/?p=857 PHP Universal Feed Generator es una clase escrita en PHP 5 que permite crear Feeds en formato RSS 2.0, RSS 1.0 y Atom 1.0 de forma sencilla y cumpliendo los estándar de los Feeds.

Entre las características que podemos enumerar para esta clase tenemos:

  • Genera Feeds RSS 1.0, RSS 2.0 y ATOM.
  • Todos los feeds se pueden validar en Feed Validator
  • Soporte para todos los elementos de un feed.
  • Conversión automática de las fechas.
  • Desarrollado con clases en PHP5

Generando nuestros Feeds
Lo primero es descargar los archivos fuente desde FeedWriter.zip, extraen el contenido del ZIP recien descargado y encontrarán FeedWriter.php y FeedItem.php que contienen las clases necesarias para la creación de los Feeds.

Lo primero es incluir el archivo FeedWriter.php, luego creamos una instancia de la clase FeedWriter en donde definimos el tipo de Feed (RSS2, RSS1, ATOM), luego procedemos a definir los parámetros del RSS a generar y finalmente consultamos nuestra base de datos para extraer la información y generar nuestro Feed.

  1. <?php
  2. include("FeedWriter.php");
  3.  
  4. // creamos una instancia de la clase
  5. $myFeed = new FeedWriter(RSS2);
  6.  
  7. // definimos el Feed
  8. $myFeed->setTitle("unijimpe");
  9. $myFeed->setLink("http://blog.unijimpe.net/feed/");
  10. $myFeed->setDescription("Arti­culos, tutoriales...");
  11.  
  12. // Extraemos la info de la Base de Datos
  13. mysql_connect("localhos", "user", "password");
  14. mysql_select_db("nombre_basededatos");
  15. $result = mysql_query("SELECT * FROM news");
  16. while ($row = mysql_fetch_assoc($result)) {
  17.  
  18.    // creamos una instancia de Item
  19.    $myItem = $myFeed->createNewItem();
  20.    $myItem->setTitle($row["titulo"]);
  21.    $myItem->setLink($row["link"]);
  22.    $myItem->setDate($row["fecha"]);
  23.    $myItem->setDescription($row["descripcion"]);
  24.    $myFeed->addItem($myItem);
  25. }
  26.  
  27. // generamos el Feed
  28. $myFeed->genarateFeed();
  29. ?>

Como pueden ver la generación es muy sencilla y rápida, además entre los archivos de descargar figuran varios ejemplos los cuales podemos modificar y adaptar rápidamente a nuestras necesidades. Sin duda una herramienta que nos facilitará mucho el trabajo de generar Feeds.

© 2006 - 2008 unijimpe - Utiliza este feed solo para uso personal. Partes de este feed pueden ser utilizados mencionando al autor. No esta permitido publicar enteramente este feed para uso comercial sin permiso del autor. Para mas información visita unijimpe


]]> http://blog.unijimpe.net/php-feed-generator/feed/ http://blog.unijimpe.net/php-feed-generator/ Precarga multiple en AS3 http://feed.unijimpe.net/~r/unijimpe/~3/303453529/ http://blog.unijimpe.net/precarga-multiple-en-as3/#comments Tue, 03 Jun 2008 04:49:05 +0000 unijimpe http://blog.unijimpe.net/?p=855 BulkLoader es una clase escrita en AS3 que te permitirá cargar y manejar múltiples archivos de manera sencilla. Esta clase te permitirá cargar múltiples archivos de diferente tipo en una interface unificada, accediendo a los eventos de carga en la misma instancia.

Utilizando BulkLoader
Lo primero es descargar la ultima versión de BulkLoader, extraen los archivos y en la carpeta src se encuentran las clases necesarias para el uso de esta librería.

Lo primero es importar las clases BulkLoader y BulkProgressEvent y posteriormente creamos una instancia de la clase BulkLoader, al cual le asignamos un nombre, en este caso mainLoader:

  1. import br.com.stimuli.loading.BulkLoader;
  2. import br.com.stimuli.loading.BulkProgressEvent;
  3.  
  4. var loader:BulkLoader = new BulkLoader("mainLoader");

A continuación agregamos los items o elementos que deseamos cargar, pueden ser archivos jpg, gif, png, xml, mp3, flv, etc. Para ello utilizamos el método add donde asignamos la ruta a cargar y un nombre de id para recuperar los datos cargados posteriormente.

  1. loader.add("background.jpg", {id: "bg"});
  2. loader.add("menu.xml", {id:"menu"});
  3. loader.add("sound.mp3", {id: "sound"});

El siguiente paso es agregar los detectores de eventos o listeners (COMPLETE, PROGRESS, ERROR) con los cuales podemos detectar el progreso de la carga y el termino de la misma.

  1. // para la carga de todos los archivos
  2. loader.addEventListener(BulkLoader.COMPLETE, onLoaded);
  3. loader.addEventListener(BulkLoader.PROGRESS, onProgress);
  4. loader.addEventListener(BulkLoader.ERROR, onError);
  5. // para la carga de uno de los elementos
  6. loader.get("bg").addEventListener(Event.COMPLETE,onBgLoaded);
  7. loader.get("bg").addEventListener(Event.PROGRESS,onBgProgress);
  8. loader.get("bg").addEventListener(Event.ERROR,onBgError);

Luego iniciamos la carga utilizando el método start.

  1. loader.start();

Finalmente implementamos las funciones asociadas a los detectores de eventos y obtenemos los archivos cargados, para ello podemos utilizar getBitmap, getSound, getXML, getText, getNetStream, getSound, getMovieClip de acuerdo al archivo que estemos cargando.

  1. function onLoaded(evt:Event) {
  2.    // extraemos la imagen
  3.    var mcBg:Bitmap = loader.getBitmap("bg");
  4.    addChild(mcBg);
  5.    // extraemos el sonido
  6.    var sonido:Sound = loader.getSound("sound");
  7.    sonido.play();
  8.    // extraemos el XML
  9.    var xmlMenu:XML = loader.getXML("menu");
  10.    trace(xmlMenu);
  11. }

Luego uniendo todos los elementos, obtenemos nuestro precargador de múltiples archivos.

  1. import br.com.stimuli.loading.BulkLoader;
  2. import br.com.stimuli.loading.BulkProgressEvent;
  3.  
  4. var loader:BulkLoader = new BulkLoader("mainLoader");
  5. loader.add("background.jpg", {id: "bg"});
  6. loader.add("menu.xml", {id:"menu"});
  7. loader.add("sound.mp3", {id: "sound"});
  8.  
  9. loader.addEventListener(BulkLoader.COMPLETE, onLoaded);
  10. loader.addEventListener(BulkLoader.PROGRESS, onProgress);
  11.  
  12. function onLoaded(evt:Event) {
  13.    // extraemos la imagen
  14.    var mcBg:Bitmap = loader.getBitmap("bg");
  15.    addChild(mcBg);
  16.    // extraemos el sonido
  17.    var sonido:Sound = loader.getSound("sound");
  18.    sonido.play();
  19.    // extraemos el XML
  20.    var xmlMenu:XML = loader.getXML("menu");
  21.    trace(xmlMenu);
  22. }
  23. public function onAllItemsProgress(evt:BulkProgressEvent) {
  24.    trace(evt.bytesLoaded + " - " + evt.bytesTotal);
  25. }

Como pueden ver es muy sencillo el uso de esta clase y puede facilitar y ahorrar tiempo en la implementación de sitios con acceso a múltiples tipo de datos.

© 2006 - 2008 unijimpe - Utiliza este feed solo para uso personal. Partes de este feed pueden ser utilizados mencionando al autor. No esta permitido publicar enteramente este feed para uso comercial sin permiso del autor. Para mas información visita unijimpe


]]> http://blog.unijimpe.net/precarga-multiple-en-as3/feed/ http://blog.unijimpe.net/precarga-multiple-en-as3/ sIFR: Tipografías en HTML http://feed.unijimpe.net/~r/unijimpe/~3/302149964/ http://blog.unijimpe.net/sifr-tipografias-en-html/#comments Sun, 01 Jun 2008 02:54:03 +0000 unijimpe http://blog.unijimpe.net/?p=851 sIFR (Scalable Inman Flash Replacement) es una técnica que permite reemplazar elementos de texto HTML por un equivalente en Flash lo cual permite la inclusión de cualquier tipografía aun si el usuario no tiene instalada la tipografía en su computador.

Utilizando sIFR
Lo primero es descargar sIFR 3, extraemos los archivos donde tenemos una carpeta flash donde encontramos un archivo sifr.fla el cual debemos abrir en Adobe Flash y cambiar el tipo de letra, seleccionar los caracteres a renderear e incluso podríamos agregarle algunos filtros. Guardamos los cambios y exportamos el archivo. A este archivo recién exportado le damos un nombre, generalmente el nombre de la tipografía seleccionada.

Luego el siguiente paso es incluir los archivo sIFR-screen.css y sIFR-print.css ubicados en la carpeta css en el header del HTML seleccionado:

  1. <link rel="stylesheet" href="sIFR-screen.css" type="text/css" media="screen">
  2. <link rel="stylesheet" href="sIFR-print.css" type="text/css" media="print">

Luego de ello es necesario incluir el archivo javascript sifr.js.

  1. <script type="text/javascript" src="sifr.js"></script>

El tercer y ultimo paso es utilizar el metodo sIFR.replace para reemplazar bloques html por bloques flash que contienen la tipografía seleccionada, la sintaxis para ello es:

  1. sIFR.replace({
  2.     src: 'path-font.swf',  // ruta al swf que contiene la fuente
  3.     selector: 'html-tag',  // tags a reemplazar
  4.     css: '.sIFR-root { prop: value }' // CSS para el flash
  5. });

Entonces si por ejemplo hemos creado un archivo llamado monotype.swf y queremos que lo reemplaze a todos los elementos h1, podemos hacerlo mediante:

  1. <script type="text/javascript">
  2. sIFR.replace({
  3.     src: 'monotype.swf',
  4.     selector: 'h1'
  5. });
  6. </script>

Luego si deseamos que estos elementos tengan color #FF3366 y que tengan 24px de tamaño, agregamos la propiedad css, de la siguiente manera:

  1. <script type="text/javascript">
  2. sIFR.replace({
  3.     src: 'monotype.swf',
  4.     selector: 'h1',
  5.     css: '.sIFR-root {color: #FF3366; font-size: 24px; }'
  6. });
  7. </script>

Ahora si por ejemplo deseamos reemplazar los elementos que tengan la clase blue por la tipografía bookman.swf y la queremos en tamaño 14px podemos utilizar:

  1. <script type="text/javascript">
  2. sIFR.replace({
  3.     src: 'bookman.swf',
  4.     selector: '.blue',
  5.     css: '.sIFR-root {color: #0099FF; font-size: 14px;}'
  6. });
  7. </script>

Podemos utilizar varias veces el método sIFR.replace para reemplazar diferentes tipos de letra. Ahora uniendo todos los elementos en un html tenemos el siguiente código, en donde hemos utilizar el método de reemplazo en una sola línea cada una:

  3. <title>Demo sIFR</title>
  4. <link rel="stylesheet" href="sIFR-screen.css" type="text/css" media="screen">
  5. <link rel="stylesheet" href="sIFR-print.css" type="text/css" media="print">
  6. <script type="text/javascript" src="sifr.js"></script>
  7. <script type="text/javascript">
  8. sIFR.replace({ src: 'monotype.swf', selector: 'h1', css: '.sIFR-root {color: #FF3366; font-size: 24px; }' });
  9. sIFR.replace({ src: 'bookman.swf', selector: '.blue', css: '.sIFR-root {color: #0099FF; font-size: 14px;}', forceSingleLine: true, tuneHeight: -9 });
  10. </script>
  11. </head>
  13. <h1>sIFR: Tipografías en HTML</h1>
  14. <p><span class="blue">sIFR</span> (<em>Scalable Inman Flash Replacement</em>)...</p>
  15. </body>
  16. </html>

Pueden ver el resultado de este ejemplo en Demo sIFR. Les dejo los archivos fuente de este ejemplo para que lo descarguen y puedan hacer sus pruebas.

Como una observación importante hay que notar que este método es recomendable utilizarlo solo para bloques pequeños y no para todo el html.

Mas Información

© 2006 - 2008 unijimpe - Utiliza este feed solo para uso personal. Partes de este feed pueden ser utilizados mencionando al autor. No esta permitido publicar enteramente este feed para uso comercial sin permiso del autor. Para mas información visita unijimpe


]]> http://blog.unijimpe.net/sifr-tipografias-en-html/feed/ http://blog.unijimpe.net/sifr-tipografias-en-html/ Google AJAX Libraries API http://feed.unijimpe.net/~r/unijimpe/~3/299547996/ http://blog.unijimpe.net/google-ajax-libraries-api/#comments Wed, 28 May 2008 03:59:14 +0000 unijimpe http://blog.unijimpe.net/?p=849 Google AJAX Libraries API es un nuevo servicio mediante el cual Google aprovechando de su gran infraestructura alojará las principales Frameworks Javascript para enlazarlos directamente. Con ello podremos acelerar la carga de nuestras librerías y por consiguiente una mejor velocidad de nuestras web.

Este servicio, tienes varias cualidades muy importantes:

  • Uso del Cache del Browser: Si un usuario visita una Web, descargará la librería desde Google. Si posteriormente entra a otra web que utiliza la misma librería, esta ya no se descargará nuevamente si no se utilizará la copia en el cache de navegador.
  • Compresión Gzip: se encuentran habilitadas las transferencia de datos comprimidas en Gzip con lo cual hay menor transferencia de datos.
  • Versiones minificadas: al llamar a una librería, se hará uso de las versiones minificadas, es decir donde se han eliminado los comentarios, saltos de linea, espacios en blanco innecesarios y reemplazado nombres de variables por otras mas cortas. Esto también acelera la carga del archivo.
  • Archivos distribuidos por en CDN de Google: se utiliza toda la infraestructura de Google, por lo cual el archivo se puede obtener de cualquiera de lo muchos servidores alrededor del mundo con los que cuenta Google.
  • Optimización de Header: se utilizaran headers innecesarios y tampoco se guardaran cookies lo cual es un ahorra de bytes.

Inicialmente se han puesto a disposición las librerías mas populares, pero se planea ir aumentando estas a medida que los usuarios lo soliciten. Las librerías disponibles actualmente son: jQuery, prototype, script.aculo.us, MooTools, dojo.

Como Utilizarlo
La forma mas sencilla de utilizar este servicio es enlazar directamente a los archivos utilizando el tag script como se hace normalmente, por ejemplo si deseamos cargar MooTools.

  1. <!-- versión minificada -->
  2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools-yui-compressed.js"></script>
  3. <!-- versión normal -->
  4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools.js"></script>

Para mayor información acerca de este servicio pueden leer la documentación en Developer's Guide, también pueden leer una explicación mas detallada del modo de uso en Google Ajax Libraries API, ajax sobre la arquitectura Google y finalmente les dejo un video con la presentación y explicación del funcionamiento de esta librería.

© 2006 - 2008 unijimpe - Utiliza este feed solo para uso personal. Partes de este feed pueden ser utilizados mencionando al autor. No esta permitido publicar enteramente este feed para uso comercial sin permiso del autor. Para mas información visita unijimpe


]]> http://blog.unijimpe.net/google-ajax-libraries-api/feed/ http://blog.unijimpe.net/google-ajax-libraries-api/ Adobe Dreamweaver Beta http://feed.unijimpe.net/~r/unijimpe/~3/298885757/ http://blog.unijimpe.net/adobe-dreamweaver-beta/#comments Tue, 27 May 2008 06:31:39 +0000 unijimpe http://blog.unijimpe.net/?p=847 Adobe Dreamweaver la mas popular herramienta de desarrollo web y mi preferido siempre ha estado a la vanguardia como herramienta de desarrollo web y ahora acaban de lanzar la Adobe Dreamweaver Beta (Stiletto) publica para que los usuarios puedan probarlo y así dar sus observaciones y sugerencias.

Novedades
Hay muchas cosas interesantes en esta nueva versión, entre las que podemos mencionar:

  • Live View
    Ahora puedes ver tus páginas funcionando directamente en Dreamweaver, ejecuta Javascrip, interpreta CSS todo sin necesidad de utilizar un navegador.
  • Related Files
    Dreamweaver ahora reconoce los archivos asociados a un determinado documento (css, js, php, xml) y muestra un listado de los archivos relacionados en la barra superior del documento, lo cual facilita la edición de las mismas.
  • Code Navigator
    Esta opción permite mostrar el código fuente para el elemento seleccionado actualmente, si hay javascript que cambia dinámicamente un elemento esto se ve reflejado automáticamente el código fuente mostrado.
  • CSS best practices
    Ahora el inspector de propiedades CSS muestra los estilos para la selección actual y muestra un tooltip con explicaciones de las reglas del CSS.
  • Code hinting for Ajax and JavaScript frameworks
    Esta es otra de las cualidades que los desarrolladores reclamaban, es el soporte de code hinting (Sugerencias de Código) para los elementos Javascript así como para los mas populares Frameworks Javascript que incluyen jQuery, Prototype y Adobe Spry. Lo único malo es que no pusieron Mootools.
  • Subversion integration
    Esta es otra de las grandes innovaciones, la integracion con Subversion (Sistema de control de versiones) que permite el manejo de versiones sin necesidad de software adicional.
  • Adobe® AIR™ authoring support
    Antes era necesaria una extensión pero ahora viene incluido el soporte para desarrollar aplicaciones para Adobe AIR™.
  • New user interface
    Este es otro de los puntos que no implementaron en la versión anterior y es la interface semejante a todos los productos del Adobe Creative Suite el cual optimiza el espacio de trabajo.

Mas Información
Han puesto a disposición una serie de vídeos con la explicación de las nuevas características en Adobe TV bajo el titulo de Inside Dreamlabs con los siguientes temas.