Dreamweaver » unijimpe

Adobe Dreamweaver Beta

27/05/2008
1:31 am
unijimpe

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.

Finalmente debo comentarles que esta versión es completamente funcional por 48 horas, para activarla posteriormente deben contar con una licencia registrada de Dreamweaver CS3 o en todo caso del Creative Suite 3.

Posts Relacionados

Comprimir archivos Javascript

11/05/2008
1:39 pm
unijimpe

Hoy en día uno de los puntos mas importantes en el desarrollo web es la optimización, para de ello es optimizar el tamaño de los archivos pues de esta forma se acelera la carga de las paginas. En esta ocasión veremos algunos métodos para comprimir nuestros archivos JavaScript.

YUI Compressor
Julien Lecomte uno de los ingenieros de Yahoo ha desarrollado YUI Compressor el cual comprime archivos Javascript y CSS, esta herramienta escrita en Java, elimina los espacios en blanco, saltos de linea, y reemplaza los nombres de variables por otras mas cortas. Para comprimir un Javascript o un CSS con YUI Compressor pueden utilizar la siguiente sintaxis en linea de comandos:

java -jar build/yuicompressor-2.1.1.jar file-to-compress.js

En donde file-to-compress.js es el archivo que deseamos comprimir, luego al ejecutar este comando se generará un archivo llamado file-to-compress-min.js. Si desean mas detalles puede ver el vídeo Using YUI Compressor.

JSMin
JSMin (The JavaScript Minifier) es una herramienta que elimina los comentarios y espacios en blanco innecesarios en los archivos Javascript con lo cual puedes optimizar el tamaño de los js en hasta un 50%. JSMin ha sido desarrollado en diferentes versiones de acuerdo a tus necesidades, de esta forma puedes encontrar versiones: MS-DOS, C, C++, Java, Javascript, Perl, PHP, Python y Ruby.

Si desean conocer como utilizar JSMin en su versión PHP pueden leer: Reducir ficheros javascript con PHP, también pueden utilizar una versión Javascript online llamada JS Minifier.

Dreamweaver Extension: TrickyScripter
TrickyScripter es una extensión para Dreamweaver que te permite comprimir y obfuscar de manera sencilla e integrada a tu herramienta de desarrollo. Esta herramienta, elimina los comentarios, elimina los espacios innecesarios, renombra las variables locales, compacta la declaración de variables y finalmente te ofrece un reporte detallado del proceso de optimización.

Normalmente el ratio de compresión que se obtiene con TrickyScripter es de 30 a 60% lo cual es muy significativo. TrickyScripter tiene un precio de $US 29.95, pero lo pueden descargar en versión trial la cual te muestra un mensaje cada vez que lo utilizas y solo acepta archivos de hasta 30KB de tamaño lo cual es suficiente en la mayoría de ocasiones. A mi parecer es la herramienta ideal pues esta integrada con Dreamweawer el cual es herramienta de desarrollo web por excelencia.

Posts Relacionados

Wordpress Dreamweaver Plugin

27/08/2007
12:21 am
unijimpe

TAGStention es una extensión para Dreamweaver que agrega un nuevo Toolbar para insertar etiquetas para la creación de temas de WordPress. Si alguna etiqueta necesita parámetros se mostrará una ventana emergente solicitando los valores necesarios.

Esta extenón a pesar que aun esta en su versión 0.3 es muy completa y mucho mejor que otras extensiones semejantes. Entre las cualidades mas destacables podemos mencionar:

Asistentes para tags con parámetros.
Botones de ayuda que redireccionan a la documentación oficial.
Soporte del 90% de tags disponibles.
Asistente para loops básicos.
Asistentes para creación de headers.
Soporte para Ultimate TagWarrior.
Botón de ayuda

Instalación
Descargas la extensión desde TAGStention v0.3. Luego de ello ejecutas el archivo mxp que abrirá el Extension Manager para instalar esta extensión. Después al abrir Dreamweaver tendrás u nuevo Toolbar que te da acceso a insertar los tags necesarios para crear un nuevo tema.

Lo he probado y definitivamente facilita el trabajo de desarrollar un tema, pues tienes todos los elementos a la mano. Hay que notar que esta extensión solo esta probada para versiones superiores a Dreamweaver MX2004.

Posts Relacionados