Crea-T Blog – Diseño Web y mucho mas…

Gracias a  Techtastico nos enteramos que en el sitio de descarga de extensiones para el navegador Chrome han hecho un listado de extensiones para desarroladores web, y me ha sorprendido la cantidad de herramientas que se pueden agregar al Chrome para diseñar mejores sitios web, las extensiones son las siguientes.

• SpeedTracer
  Mide el rendimiento y velocidad de una página web.
• Pendule
  Herramientas de desarrollo web para Chrome.
• Resolution Test
  Una extensión para los desarrolladores que deseen probar las páginas web en diferentes resoluciones de pantalla, con la opción de definir sus propias resoluciones.
• Measureit!
  Saca una regla que te ayudará a obtener el ancho y alto en píxeles de cualquier elemento en una página web.
• Chrome Sniffer
  Detecta Frameworks y librerías que usan los sitios web.
• XML Tree
  Muestra los datos XML en un modo fácil de entender.
• BuiltWith Technology Profiler
  Detecta con que tecnologías están construidos los sitios web que estás visitando.
• View Selection Source
  Puedes ver el código fuente de la sección de la página que tienes seleccionada.
• JavaScript Tester
  Extensión para todos los desarrolladores de JavaScript que deseen ejecutar y probar el rendimiento del código JavaScript.
• CSS Reloader
  Te permite recargar todos los CSS de cualquier sitio sin que haya que volver a cargar la página en sí.
• Web developer
  Agrega un botón de barra de herramientas con diferentes herramientas para programadores web.
• CSS Viewer
  Un simple visor de las propiedades CSS.
• JSonView
  Puedes ver los documentos JSON en el navegador.
• CSS Scan
  Ofrece una visión general rápida de las propiedades CSS al pasar el cursor del Mouse sobre el elemento.
• Chrome Editor
  Edición de HTML fácilmente, justo dentro de su navegador.
• Multiswitch
  Cambiar entre el desarrollo, prueba y aplicación productiva.
• Regular Expression Checker
  Simple probador de expresiones regulares.
• PHP Documentation
  Documentación PHP, la documentación oficial para programadores de PHP.
• jsshel
  Interactúa con Javascript, jQuery y jLinq
• Window Resizer
  Redimensiona la ventana del navegador para emular varias resoluciones de pantalla.
• Aviary Screen Capture
  Toma una captura de pantalla de cualquier página web y editar directamente en el navegador con aplicaciones Aviary.com.
• Eye Dropper
  Gotero selector de color que te permite elegir el color de cualquier página web o del selector de color avanzado.
• Instant Image Editor
  Modificar cualquier imagen o imagen de fondo al instante.
• Lorem Ipsum Generator
  Crea texto de relleno al azar.
• Plain Clothes
  Quita los estilos de las páginas.
• Validity
  Haz clic en el icono en la barra de direcciones o presione Ctrl + Alt + V para validar la página actual.
• Inline Code Finder
  Encuentra los elementos HTML con eventos JavaScript en línea, en línea y estilo javascript: enlaces
• Picnik
  Toma capturas de páginas web y edita las imágenes directamente en tu navegador con Picnik

Ver más en Web Dev Extensions.

Fuente: Techtastico

Estas son las principales novedades de la nueva versión de Dreamweaver CS5, el software para el diseño de sitios web de Adobe. Al final, no olvides ver el video.

• Compatibilidad integrada con sistemas de gestión de contenido (CMS): disfrute de compatibilidad de creación y comprobación para los marcos de trabajo de sistemas de gestión de contenido existentes como WordPress, Joomla! y Drupal. La función de archivos relacionados dinámicamente ofrece un acceso directo a archivos relacionados con una página, incluso en el caso de páginas dinámicas, y la navegación de vista en vivo ofrece vistas previas precisas de aplicaciones dinámicas.

• Inspección de CSS: visualice detalladamente el modelo de cuadro de CSS sin leer código y sin necesitar funciones adicionales. Desplace el cursor sobre los elementos de bloque en la vista en vivo para ver su cascada y su contexto en lugar de emplear la herramienta de selección de etiquetas.

• Integración con Adobe BrowserLab: previsualice páginas web dinámicas y contenido local mediante múltiples herramientas de visualización, diagnóstico y comparación a través de la integración con Adobe BrowserLab, un nuevo Servicio en línea* de Adobe CS Live que comprueba de manera rápida y precisa el contenido web en diversos exploradores web y sistemas operativos. Los Servicios en línea de CS Live son gratuitos durante un tiempo limitado. Visitewww.adobe.com/go/cslive_es para obtener información detallada.

• Habilitar y deshabilitar propiedades de CSS: active y desactive de manera fácil y rápida propiedades de CSS directamente desde el panel de estilos de CSS. Reduzca la necesidad de editar manualmente código de CSS, ya sea de forma integrada, en el encabezado del documento o en una hoja de estilo externa
• Sugerencias de código (code hinting) PHP de clase personalizada: muestre una sintaxis apropiada de funciones PHP personalizadas para poder escribir código de un modo más preciso. Cree y mantenga aplicaciones de manera rápida y obtenga una perspectiva directa de los métodos, objetos y funciones PHP principales gracias a la sugerencia de códigos PHP dinámica.

• Sugerencias de código (code hinting) específico del sitio: aproveche las sugerencias de código en directorios y archivos no estándar en Dreamweaver CS5 que activan una compatibilidad de sugerencias mejorada para las bibliotecas PHP de terceros y los marcos de trabajo de sistemas de gestión de contenido existentes como WordPress, Drupal y Joomla!.

• Integración con Business Catalyst®: aproveche la integración entre Dreamweaver y el nuevo Servicio en línea de Adobe Business Catalyst (disponible por separado) para ofrecer potentes procesos empresariales en línea sin necesidad de programación.

Video de Terry White con sus 5 características preferidas de Flash CS5 y Dreamweaver CS5:

Más información en la página web oficial del producto.

Fuente: Blog Xpert

El pasado lunes en la mañana fuimos testigos del lanzamiento de la Creative Suite CS5 de Adobe, evento online que nos mantenía a la expectativa desde varios días.

La nueva suite incorpora muchas mejoras y nuevas características. En primer lugar se han optimizado las aplicaciones para que el uso de código sea mínimo en el caso de las personas que no lo manejan. Se ha implementado un nuevo motor de 64 bits que intensifica el desempeño del software. Adobe ha creado un nuevo servicio online llamado Adobe Review que brinda la posibilidad de compartir los archivos fuente en los que estemos trabajando para obtener opiniones, comentarios y correcciones en tiempo real.

Frente a semejante acontecimiento, la Comunidad de Usuarios de Adobe no podía menos que celebrar al estilo que la caracteriza: ofreciendo una serie de conferencias online en las horas de la tarde, que contó con la participación de expertos instructores certificados de Colombia, Perú y España. Como sabemos que para algunos fue imposible asistir en vivo, por este motivo traemos las grabaciones del evento:

• Dreamweaver CS5 – Andrés Cayón
• InDesign, Illustrator y Photoshop CS5 – Marlon Ceballos
• Flash Catalyst CS5 – LordAlex Leon
• Flash CS5 – Elder Vásquez
• After Effects CS5 – Jorge Monchón

Fuente: Adobe Community Champios

Ahora los usuarios de Windows podrán conocer una de los platos fuertes del proyecto Gnome. Gedit el editor de textos oficial de Gnome ya se encuentra disponible para Windows. Entre sus principales características, Gedit se destaca por ser simple y facil de usar, ademas de permitirnos editar en distintos formatos.

Una de las cosas mas interesantes de Gedit es es la posibilidad de agregarle plugings que nos permiten darle características nuevas.

Gedit esta licenciado bajo GNU GLP.

Puedes descargar Gedit para Windows en el siguiente link.

El constante dolor de cabeza de los desarrolladores web con nuestro querido Intenet Explorer y sus distintas versiones que nos muestran el contenido completamente distinto en todas ellas, nos hace buscar soluciones alternativas a este problema, en esa busqueda encontre IE Tester, un browser que nos permite ver nuestro diseño lo mas exacto a como se vería en las versiones de Intenet Explorer 5.5, 6, 7 y 8 (en su versión beta), la página del software es: http://www.my-debugbar.com/wiki/IETester/HomePage