Otro blog más de diseño

Si hace poco hablaba sobre los talleres SubFlas 2008, simplemente apuntar que ya tienen online la página web del evento, Y como no, el formulario de registro.
Algunas de las ponencias que se podrán disfrutar:
Ya solo me queda decir Y TE LO VAS A PERDER ?.
En este tercer videotutorial, Andrés nos presenta lo que quizá sea una de las novedades más importantes de Dreamweaver, la posibilidad de ver el código fuente generado cuando realizamos efectos con javascript, ajax o dom. (tal y como hace firefox) y la posibilidad de congelar el script para poder buscar una clase o una acción en concreto.
Se ha generado bastante polémica en cuanto a si vale la pena el actualizarse a cada versión que sale. La verdad, en esta versión, Adobe ha dado un paso de gigante y ha introducido una serie de novedades (al margen del cambio de interface) que hacen que la inversión valga la pena. No obstante, el programa guarda aún algunas sorpresas.
[ videotutorial ]

Voy a aprovechar el post de ayer en el que comentaba la última versión del tinyMce, que además es el editor por defecto que trae el WordPress.
Tenía en mente escribir un tutorial acerca de como modificar y aumentar las capacidades de este editor, ya que no trae activadas todas las opciones. Este se encuentra instalado en la carpeta “wp-includes” dentro de “js”.
Lo tenía medio escrito hasta que recordé que hay un plugin que nos permite añadir nuevas funcionalidades con un sólo click. Este plugin se llama “TinyMCE Advanced”, y trae 16 nuevos plugins :HR Advanzado, Imagen Avanzado, Enlace avanzado, Menu contextual , Emoticonos, Pantalla completa, IESpell, Capas, Media, Nonbreaking, Imprimir, Buscar y reemplazar, Estilos, Tablas, Mapa de caracteres y extras para XHTML. Todos juntos suman un total de 40 nuevos botones.
Algunas de las características de estos plugins son:
Una joya vamos.
Y si para colmo, sueles utilizar el tinyMce para tus trabajos, y tienes el ImageManager o el FileManager, tienes otro plugin que te los integra.
[ TinyMCE Advanced ]

Aunque su última versión es de Octubre del 2007, la comunidad sigue activa desarrollando nuevos plugins que lo hacen más potente todavía.
No hay más que entrar en la web de su comunidad para ver que este foro es totalmente distinto a lo que estamos acostumbrados. Yo he tenido la suerte de participar en la beta antes de que saliera a la luz y tengo que decir que me maravilló. Hasta el punto que es el foro que utilizamos en DWug.
Son foros creados totalmente con capas (no hay tablas) por lo que su rediseño (tiene themes) es muy sencillo. La gestión es fabulosa, la forma en que se gestionan los plugins es muy semejante a como se hace con WordPress, incluso hay un plugin que lo integra en el propio WordPress.
Lo que si es cierto, es que es una valiosa alternativa a la hora de elegir un foro, al margen de los phpBb-InvisionBoard-VBulletin.
[ getVanilla ] [ Comunidad Vanilla ] [ AddOns ]
Andrés Cayón nos trae un nuevo videotutorial sobre Dreamweaver CS4 en el que nos explica como dividir la pantalla en dos espacios según nuestras necesidades.
Nueva versión de este fantástico editor wysiwyg. En esta ocasión es la 3.09.
En esta versión son pocas las mejoras (mejor gestión de los menúes y desplegables – ahora es posible moverse por los listados con el cursor-) y muchos los errores corregidos.
[ descargar TinyMce 3.09 ] [ ChangeLog ]
La gente de Ludicrous, acaba de publicar un parche en forma de plugin al error que se produce en algunos wordpress al subir archivos desde su gestor de archivos multimedia.
Solamente hay que subir el archivo a la carpeta de plugins y activarlo.
[ descargar parche ]

Ya hay fecha oficial para los talleres de SubFlash de este año. Serán entre el 29 y el 31 de Agosto en Alicante. El lugar donde se realicen los talleres será en la Villa Universitaria.
Marcos Sancho, promotor de los talleres, contará este año con Nitsnets, [Q]interactiva, DWUG y SMAUG como sponsors. No hay página web todavía, pero disponemos de suficiente información en los foros de subflash.
Anteriores Talleres:
Si aún así la información no es suficiente, y queréis saber que “tipo” de seres acuden a este evento, es posible saber más buscando por “subflash” tanto en YouTube como en Flickr
Y es que los talleres de SubFlash se han convertido en un referente en cuanto a eventos veraniegos se refiere.
Que será de Thermo ?
Thermo, es el nombre en clave de una nueva aplicación de Adobe anunciada en Octubre del 2007 en la Adobe Max de Chicago, que permitiría a los creadores crear RIA’s forma totalmente visual sin tocar código. Las aplicaciones creadas en Thermo, son en realidad aplicaciones Flex, que pueden ser cargadas directamente en Flex Builder.

Poco más se sabe de momento de este productos, más que una reseña en la wiki de labs de adobe, un video en adobe EDGE y algún que otro artículo de su presentación en la Adobe Max de Chicago.
[ Wiki de Thermo ] [ VIdeo en Adobe EDGE ]
Esta semana en muchos blog, se anunciaba un javascript con el que se podía crear un “Acordeón Horizontal” y ademas de solo 1Kb.
Pués bien, viendo el código (muy claro, por cierto) y los estilos, con unos pequeños retoques, podemos convertirlo en un sistema de persianas, con soporte además para añadir contenido (aparte del título).
Primero descargamos el archivo aquí.
Lo descomprimimos, y abrimos el html y convertimos la lista en esto:
<ul id="sm" class="sm">
<li>
<h1>opcion 1</h1>
<div>Texto para la opcion 1</div>
</li>
<li>
<h1>opcion 2</h1>
<div>Texto para la opcion 2</div>
</li>
<li>
<h1>opcion 3</h1>
<div>Texto para la opcion 3</div>
</li>
<li>
<h1>opcion 4</h1>
<div>Texto para la opcion 4</div>
</li>
</ul>
Si nos fijamos, he añadido dentro de cada <li>, un <h1> como título y un <div> como contenido
Complementamos el html cambiando la función que se carga “onLoad”. Como eso irá en función de las necesidades de cada uno, yo he optado para este ejemplo de lo siguiente:
<body onload="slideMenu.build('sm',150,20,10,1)">
Ahora abrimos el Javascript y dependiendo del editor que utilicemos, hacemos un buscar y reemplazar, buscando todos los “width”, cambiándolo por “height”.
Ya para terminar “la mano de maquillaje”, abrimos la hoja de estilo y añadimos lo siguiente:
.sm {
border-top: 1px solid #003366;
}
.sm li {
color: #fff;
font-family: verdana;
background: #eee;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-bottom: 1px solid #003366;
}
.sm li h1 {
height: 20px;
padding:0;
margin:0;
font-size: 10px;
color: #fff;
background: #006699;
}
.sm li div {
padding: 5px;
color: #000;
font-size: 10px;
}
Y listo. Evidentemente no es un script destinado a representar un verdadero sistema de persianas, pero para salir del paso y por lo que pesa es más que suficiente. Lo que si es cierto, que dependiendo del número de items que tengamos en la lista, habrá que modificar los parámetros de carga del script.
Qué puedo decir de mi que no se haya dicho ya antes.