Backups para WordPress

Si algo le estaba faltando a WordPress era un sistema de respaldo, sobre todo para aquellos que llevan mucho tiempo en e negocio y que se preocupan de que su trabajo desaparezca en un abrir y cerrar de ojos, por la razón que sea. Bien pues se a lanzado este servicio en versión beta, que se encarga de respaldar el blog entero, en distintos servidores, muy útil si recordamos que el blog no solo se ve afectado por asuntos “informáticos”, pueden ser afectado también por fenómenos naturales como ha venido sucediendo últimamente, de esta manera podemos acceder al contenido desde cualquier parte del mundo para restablecer el servicio. Aunque aun esta en fase beta, podemos probarlo (ahora que es gratis) porque después costará US$20 cada mes.

+

Anuncio de VaultPress

VaultPress Beta

Libro gratuito First Look Microsoft Office 2010

Pueden bajar los primeros 14 capítulos del libro “First Look Microsoft Office 2010” de acá

Excelente libro.

Atajos básicos de teclado en DW

Siempre existen atajos de teclado que nos hacen la vida más facil. ¿Cuáles son tus favoritos en Dreamweaver?

Mis 5 atajos básicos son los siguientes:
F4: Cambiar a pantalla completa: te permite cerrar todos los paneles y es ideal cuando vás a trabajar en el código directamente.
F6: Congelar JavaScript: Otra imprescindible cuando realizas vistas en vivo de páginas que utilicen ajax: Permite ‘congelar’ la ejecución de scripts, de manera que se puede ver de forma muy sencilla qué partes del código original han cambiado (por ejemplo, qué estilos css se han aplicado a determinado elemento)
F12: Vista previa en el navegador principal; utiliza ctrl+F12 para utilizar el navegador secundario.
ctrl+T: Selecciona un objeto en vista diseño, pulsa ctrl+T una vez y tendrás acceso al código html del mismo; púlsalo de nuevo y podrás enolver la selección con la etiqueta que quieras. El segundo paso es ideal cuando tienes elementos anidados que hacen dificil a veces averiguar dónde terminan.
ctrl+Espacio: abrir la ayuda al código, que siempre viene bien!

CSS para diferentes medios

Otro de los ejemplos mostrados en Adobe Hispano fue la posibilidad de asignar diferentes estilos según el medio al que va dirigido el contenido.

En el ejemplo mostramos cómo el mismo documento cambia de apariencia dependiendo de si se está mostrando en pantalla o si va a ser imprimido, utilizando para ello el atributo media en la etiqueta link:

Descargar archivo de ejemplo

Fuente:http://www.dwug.es/go/486

Valores por defecto del navegador

Éste el primer ejemplo de lo que vimos en Adobe Hispano. Se trata de comprobar los valores por defecto que el navegador asigna a la apariencia de los elementos del documento.

Un problema muy habitual es no conseguir que un determinado elemento no se ajuste exactamente a la posición que deseamos, y la causa más habitual es que no hemos definido alguno de los atributos (sobre todo margin y padding), por lo que el navegador asigna los suyos propios que no tienen por qué coincidir con los que nosotros esperemos que sean.

Descargar Ejemplo de valores por defecto

(Nota: los ejemplos que vayamos subiendo serán “autoejecutables”: no necesitarás definir un sitio en DW para poder seguirlos)

Fuente: http://www.dwug.es/go/485

Imágenes de fondo en Tablas con CSS y HTML validable

Varios usuarios de la versión CS4 de Dw han mostrado su sorpresa por no poder aplicar desde el inspector de propiedades imágenes de fondo a tablas y/o celdas.

La explicación es sencilla: Dreamweaver sigue siendo fiel a los estándares y éstos dictan que para dichas tareas se utilice CSS en lugar del ya desparecido atributo “background”.

Para facilitar la migración, hemos creado una breve demo que muestra los pasos a seguir ahora: No es el mejor de los ejemplos en lo que se refiere a buenas prácticas (CSS insertado en vez de enlazado), pero hemos intentado que sea lo más sencillo posible para facilitar la migración a los usuarios noveles y que aprendan los pasos a seguir a partir de ahora no sólo para este atributo, sino para muchos otros ya desaparecidos oficialmente (aunque los navegadores lo soporten por el eterno conflicto de compatibilidad vs buenas prácticas) en beneficio de las hojas de estilo.

Ver la demo

Fuente: http://www.dwug.es/go/481

Web Widgets en Dreamweaver

El pasado día 15 de Octubre se publicó en Adobe Labs la primera beta pública del Widget Packager. Una extensión para Dreramweaver que permite empaquetar widgets creados con cualquier framework y convertirlos en extensiones listas para ser usadas. Te explicamos algunos conceptos básicos para que entiendas cómo funcionan.

Es muy probable que todos los que hayáis utilizado algún framework de AJAX (Spry, JQuery, YUI, MooTools, Prototype…) habréis utilizado un widget en vuestro proyecto: son sencillamente esos fragmentos de código que nos permiten de forma rápida añadir elementos como un calendario, una navegación por pestañas, efectos…

Dreamweaver posee por defecto una colección de ellos que utilizan spry, sin embargo no estamos limitados al uso de este framework para utilizar widgets.

Gracias al Widget Packager, podemos añadir al insertbar widgets que utilicen otros frameworks, de manera que podamos utilizarlos (nosotros y otros usuarios) con un solo click de ratón.

Los pasos a seguir son bastante sencillos:

• Creamos una carpeta donde incluyamos todos los archivos de los que haga uso el widget (JavaScript, CSS)
• En dicha carpeta, crearemos un archivo xml con la extensión *.wdf (widget descriptor file) donde definiremos los parámetros y características de dicho widget. La sintaxis empleada es una implementación de la Open Ajax Alliance (OAA) Widget Metadata Specification.
  Podréis encontrar el listado de etiquetas soportadas y su descripción en la Guía para desarrolladores. Yo todavía me la estoy leyendo, así que de momento no puedo explicar todas las etiquetas 8-(
• Instalaremos la extensión Widget Packager en Dreamweaver. Es recomendable leer antes nuestra technote sobre instalación de extensiones en CS4.

Esta extensión añadirá un nuevo elemento a nuestro menú ‘Commands’: Package Web Widget.

• En la ventana emergente sólo tendremos que indicar la ruta al archivo wdf y activar la casilla ‘install extension’ si queremos que se nos incluya al terminar en nuestra lista de extensiones:
  
• Al terminar el empaquetado, habremos obtenido un archivo mxp listo parar ser usado por cualquier otro usuario de Dreamweaver

Como podéis ver, el proceso es bastante similar al empaquetado de extensiones normales (el archivo wdf se parece a un archivo mxi), pero algo más sencillo (no hay que crear la interfaz ni documentos edml, por ejemplo).

En cualquier caso, siempre es más sencillo aprovechar los widgets creados por terceros: En vez de fabricarlos tú, visita la sección de Adobe Exchange dedicada a los web widgets, descárgate los que te interesen e instálalos utilizando el Extension Manager (de nuevo, recuerda nuestra technote!)

Fuente: http://www.dwug.es/go/465