Realmente asombrado e inspirado por los directivos de los grupos de habla española Adobe usuario (a través de América Latina y Europa). Y es que  se hacen ver los esfuerzos incansables por producir revistas de papel satinado en línea, los proyectos de traducción, seminarios en línea, en línea y conferencias en vivo.

Adobe Hispano está de vuelta! Versión 2010 dando comienzo del 13 al 16 de septiembre, cuenta con 20 speakers, en representación de 11 países, más de 4 días. Ellos expondrán sus consejos, trucos y demos de los productos y tecnologías de Adobe, totalmente en español. Si deseas participar o recibir más información, regístrese aquí.

La asistencia al eSeminar es de acceso gratuito y el lugar del evento es en la nube. Adobehispano es un evento online al cual podrás acceder desde cualquier parte del mundo por medio de tu ordenador.

Málaga será testigo de la edición 2010 del WebCongress, evento en el cual se tratarán temas muy interesantes y novedosos mediante conferencias, workshops y networking, tratando los temas más importantes de la web y su entorno.

Este congreso viene de la mano de ediciones anteriores celebradas en el ámbito nacional: Madrid, Barcelona , Valencia entre otras y con unas espectativas impresionantes de futuro. Y no es para menos, ya que se darán cita los mejores profesionales en el ámbito de internet que nos harán llegar su experiencia a traves de ponencias interesantes, talleres exclusivos, y algunas sorpresas más..

El acto se dará cita los días 30 de septiembre y 1 de Octubre, y ni decir tiene que su asistencia es casi obligatoria para aquel involucrado en este mundo de internet, muestran un amplio abanico de temas como : Hosting, Dominios y Seguridad online; Marketing Online, Search Marketing, Social Media Marketing, etc… , y ponentes de experiencia demostrada como: Alex Gibelalde (Responsable de Marketing Google España), Martín Álvarez Espinar (Responsable de Oficina del W3C en España) y muchos más..

La entrada es gratuita hasta el 1 de Septiembre, comentaros que podeis encontrar toda la información disponible en esta dirección: wcongress.com/malaga/ y también decir que podeis seguir el evento a través de twitter @webcongress

Ánimo, ya teneis motivo para visitar Málaga.

Un saludo y nos vemos el 30 de septiembre en el Palacio de Congresos.

Adobe en el evento Flash Summit realizado este Lunes 16 de Agosto en San Francisco, California, ha anunciado oficialmente que la plataforma Adobe Air 2.5 llegara a Android a finales de este año 2010.

Según Adobe la versión 2.x ya ha sido enviada a desarrolladores para que hagan pruebas y programen aplicaciones, pero por ahora están puliendo todos los detalles para que la versión final y estable de Adobe Air 2.5 sea liberada lo más rápido posible.

Entre los datos significativos que hemos podido divisar en varias web, proporcionará aceleración de GPU, así como soporte para micrófono, acelerómetro, GPS y pantallas multitáctiles. Está claro que va a existir una competencia aparente entre aplicaciones móviles y aplicaciones de sobremesa.

La distribución de esta plataforma aún no ha sido establecida, no se sabe si será mediante enlaces OTA o serán pre-instaladas en nuevos smartphones, como requisito que se debe cumplir es que los dispositivos móviles deben correr con Android 2.2 en adelante. Un dato más a tener en cuenta es que si su smatphone soporta Flash player 10.1, tendrá muchas posibilidades de que funcione sin problemas, por otro lado se han de cumplir ciertos criterios como el uso de procesadores ARM v7 con coprocesador de vectores, además de soporte para OpenGL ES 2.0.

Aún toca ser pacientes para probar esta nueva plataforma, pero ya podemos ver algunos ejemplos colgados en la nube.

Recientemente leí, de manos del escritor Alex Rovira y Fernando Trías, un libro titulado “La buena suerte: Claves de la prosperidad“, quizás en busca de una forma distinta de ver el mundo cotidiano que me rodea y porqué no, de buscar una perspectiva emprendedora distinta.

Este libro nos hace ver y entender a qué llamamos realmente ‘Suerte’ y ‘Buena suerte’, relatando la fábula que cuenta un hombre normal y corriente, al cual le ha costado sangre, sudor y lagrimas el conseguir su propósito en la vida, a un amigo de la infancia que no ve desde hace 50 años y el cual tras heredar una fortuna no consigue despegar en la vida laboral. Esta fábula situada en tiempos de Merlin el Mago y el mítico trebol de cuatro hojas, nos hará ver con otra perspectiva lo que realmente importa a la hora de realizar ciertas acciones o simplemente crear circunstancias para conseguir aquello que realmente buscamos, la buena suerte.

Os aconsejo leerlo de principio a fin, para así quedaros con esa visión favorecedora la cual estoy seguro ayudará a conseguir los objetivos marcados.

Ánimo y espero me comenteis vuestra esperiencia despues de leerlo, un saludo a todos.

¿Que elección tomar para el desarrollo de un proyecto Saas?, esa misma pregunta me la he planteado yo mismo al curiosear y visualizar proyectos e ideas que muchos desarrolladores comentan en sus blogs y foros.

Como posible respuesta, llegué a evaluar tanto el desarrollo en Adobe Flex y como en jQuery. Bajo “mi punto de vista”, no he sacado en claro cual de las dos tecnología se lleva el gato al agua y es más eficiente según las características de cada una, pero si os quiero dejar mi opinión personal.

Las prioridades que debe de tener el proyecto:

~ Productividad – Lanzar el producto lo antes posible, sin dar posibilidad de demora en la elaboración del proyecto.

~ La experiencia y usabilidad hacia el usuario – el proyecto debe de ofrecer un aspecto profesional y el usuario debe tener una experiencia agradable con el producto. No es un problema para ninguna de las dos plataformas, aunque probablemente se perderá automáticamente el 10% de los usuarios potenciales que no tienen instalado Flash, aunque personalmente me duela.

~ Reutilización del desarrollo – Para qué reinventar la rueda, el desarrollo debe de ser lo más eficiente y modular posible, para conseguir reutilizar el trabajo ya hecho y no atrasar el producto.

Características de la Aplicación:

~ La lógica de trabajo - El procesado residirá en el servidor PHP y los datos estarán almacenados en MySQL. La plataforma RIA sólo debe presentar los datos al usuario.
~ Acceso a datos inmediatos- Una de las principales razones por la que me inclino en la utilización de plataforma RIA. No cabe la posibilidad de volver a recargar la página cuando el usuario ha realizado algún tipo de filtro o búsqueda, esa acción da pie a poca usabilidad y lentitud en el proceso de cara al usuario.
~ La seguridad es necesaria – Aparentemente ninguna de las dos plataformas ofrecen problemas hacia este apartado, pero quizas alguno de vosotros pueda o quiera decir algo al respecto, lo podeis comentar sin ningún problema y así poder ayudar a la comunidad interesada en estos aspectos.

Para concluir esta entrada, decir que esta ha sido una reflexión personal y para nada es la solución final. Me encantaría escuchar lo que la comunidad tiene que decir al respecto, y como siempre quedais invitados a comentar cualquier cosa que querais transmitir.

Gracias por adelantado!

Hola a todos nuevamente, en respuesta a un buen compañero de trabajo aquí les traigo un nuevo e interesante ejemplo de implementación en jQuery. Se trata de un listado-menú el cual podemos ordenar a nuestro antojo, ejemplo fácil e intuitivo y a la vez útil a la hora de insertar en nuestros proyectos, sobre todo para aquellos basados en gestores de contenidos y sus correspondientes listados de registros que se suelen encontrar en los mismo. Espero sea de gran utilidad, y hasta la próxima. Pueden dejar comentarios al respecto si lo desean sobre este recurso. Gracias y saludos.

** Prueba a mover los elementos del Menu::

Código:

<style type="text/css">
	#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
	#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
	#sortable li span { position: absolute; margin-left: -1.3em; }
	</style>
	<script type="text/javascript">
	$(function() {
		$("#sortable").sortable();
		$("#sortable").disableSelection();
	});
	</script>

<div class="demo">

<ul id="sortable">
	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

</div><!-- End demo -->

<div style="display: none;" class="demo-description">

<p>
	Enable a group of DOM elements to be sortable. Click on and drag an
	element to a new spot within the list, and the other items will adjust to
	fit. By default, sortable items share <code>draggable</code> properties.
</p>

</div><!-- End demo-description -->

Esta vez he decidido mostraros un ejemplo muy sencillo y facil, el cual lo he encontrado en los contenidos de los compañeros jQuery UI, de la implementación de un objeto draggable basandonos en jQuery para la acción. El ejemplo es muy tribial pero a la vez bastante jugoso y aprovechable. Que lo disfruteis, un saludo.

<style type="text/css">
	#draggable { width: 150px; height: 150px; padding: 0.5em; }
	</style>
	<script type="text/javascript">
	$(function() {
		$("#draggable").draggable();
	});
	</script>

<div class="demo">

<div id="draggable" class="ui-widget-content">
	<p>Drag me around</p>
</div>

</div><!-- End demo -->

<div style="display: none;" class="demo-description">

<p>
Habilitar la funcionalidad de arrastrar en cualquier elemento DOM. Mueva el objeto arrastrable haciendo clic sobre ella con el ratón y arrastrando en cualquier lugar dentro de la ventana gráfica.
</p>

</div><!-- End demo-description -->

Hola a todos nuevamente, aquí les traigo un ejemplo práctico de galería de imágenes con papervision3d. Es un ejemplo bastante sencillo pero a la vez práctico e interesante. Espero que les guste, me despido no sin antes invitarles a dejar cualquier comentario o petición, un saludo a todos.

Nota: 1 click para acercar la cámara, 2 click para alejarse.
Download: Galería papervision3D

Cuando un cliente nos pida desarrollar una aplicación para el iPhone, debemos tener en cuenta los requerimientos y saber enfocar la herramienta a utilizar, ya que nosotros podemos desarrollar una aplicación web o una aplicación nativa, obviamente con resultados distintos no sólo por la aplicación en si, sino por tiempo y esfuerzo.

¿Qué es una aplicación web?

Se trata de las aplicaciones normales desarrolladas en HTML + CSS + JavaScript, que corren del lado del servidor y son vistas en el navegador Safari. Dichas aplicaciones pueden ser desarrolladas en PHP, NET, Java, etc y generar el código HTML necesario para poder ver nuestra aplicación corriendo en el Iphone. Con CSS ya podemos darle el toque final para que sea muy similar a una aplicación de escritorio (si se desea).

¿Qué es una aplicación nativa?

Los usuarios de iphone ya vienen acostumbrados a este tipo de aplicaciones, en realidad son todas aquellas que fueron descargadas desde AppStore y fueron instaladas directamente en el dispositivo, a ello se le suma que no es necesario tener una conexión a internet ya que estas no corren en el navegador. Estas aplicaciones son desarrolladas con el SDK de Iphone: xCode en Objective C.

Diferencias y ventajas

• Al desarrollar aplicaciones web, no dependes de Apple para su distribución y mas aún para su aprobación. Sin embargo, al crear una aplicación nativa, tienes acceso al API del iphone y poder por ejemplo usar el acelerómetro, la camara el GPS, etc….
• Una aplicación nativa requiere conocimientos de Objective C y para crear una aplicación web no es necesario.
• Con la aplicaiones web, no necesitas registrarte como desarrollador en Apple siendo estas de libre acceso, mientras que con las aplicaciones nativas podemos cobrar por su descarga si así lo deseamos.

¿Cómo trabaja una aplicación nativa?

Para explicar esto, nos apoyaremos en una imagen que proporciona apple.

Empezamos diciendo que aprendiendo Cocoa Touch ya puedes crear aplicaciones no solo para el iphone o ipod, sino para toda la familia Mac OS. Ya que estos dispositivos trabajan con una copia similar a la que usan las mac.

Los 4 elementos que ves, son todas las capas con la que trabaja iphone o ipod, empezaremos explicando de abajo hacia arriba:

• Core OS: Es la base o el nucle del sistema operativo y es responsable, entre otras cosas, de gestionar los archivos, la memoria, seguridad y la comunicación.
• Core Services: Provee los servicios fundamentales de la aplicación, por ejemplo puedes acceder a la lista de contactos, al SQLLite o a las preferencias.
• Media: Aquí está todo lo referente a Multimedia: video, audio, archivos de imágenes, Core Animation, OPENGL ES, etc.
• Cocoa Touch: No es más que el Framework de desarrollo para el Iphone, que en realidad es el más importante y con el que, en la medida de las posibilidades, trabajaremos. Intentando siempre usar esta capa para nuestro desarrollo.

Pero, ¿qué usaremos?

Cocoa Touch

Como ya mencionamos, Cocoa Touch es el API para el desarrollo de aplicaciones orientado a objetos. Esta incluse a su vez 3 frameworks que usaremos para poder trabajar con el iphone:

• UIKit, que proporciona todos los elementos gráficos para nuestra aplicación mediante interfaces a su framework.
• Fundation Framework, es el conjunto de clases que utiliza para representar estructuras de datos complejas.
• Address Book UI Framework, nos ayuda a acceder a los datos de nuestros contactos.

Objective C

Es un lenguaje de programación basado en C, y que ha sido modificado para poder trabajar orientado a objetos, con lo cual puedes crear clases, objetos, variables de instancias, métodos, encapsulación, etc.

Conclusión

Es importante remarcar, que Objective C no es Java, PHP, NET, ActionScript, etc,es totalmente distinto, y necesitaras esforzarte para aprender a programar si estás acostumbrado a estos lenguajes. Sin embargo, si alguna vez desarrollaste en C o C++, tendrás muchas más ventajas para entenderlo. Desde portalscreen hos animo a desarrollar este tipo de aplicaciones, nunca está de más intentarlo.

Un saludo y espero que les haya servido de orientación este post.

El siguiente ejemplo muestra cómo se puede hacer una clasificación ordenada por fecha, sobre el control FileSystemDataGrid Flex en Adobe AIR, estableciendo un método de ordenación personalizado cuando son variados los objetos creationDateColumn y modificationDateColumn. Espero que les sea de ayuda. Un saludo a todos.

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2010/03/10/sorting-the-filesystemdatagrid-control-by-date-in-adobe-air/ -->
<mx:WindowedApplication name="FileSystemDataGrid_creationDateColumn_sortCompareFunction_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        width="600" minHeight="400">
 
    <mx:Script>
        <![CDATA[
            import mx.utils.ObjectUtil;
 
            private function init():void {
                fsdg.creationDateColumn.sortCompareFunction = createDateSortCompFunc("creationDate");
                fsdg.modificationDateColumn.sortCompareFunction = createDateSortCompFunc("modificationDate");
            }
 
            private function createDateSortCompFunc(sortCol:String):Function {
                return function (obj1:File, obj2:File):int { 
                    return ObjectUtil.dateCompare(obj1[sortCol], obj2[sortCol]);
                }
            }
        ]]>
    </mx:Script>
 
    <mx:ApplicationControlBar dock="true">
        <mx:Label id="sdkVer" initialize="sdkVer.text = mx_internal::VERSION;" />
    </mx:ApplicationControlBar>
 
    <mx:FileSystemDataGrid id="fsdg"
            directory="{File.userDirectory}"
            horizontalScrollPolicy="off"
            width="100%" height="100%"
            creationComplete="init();" />
 
</mx:WindowedApplication>

Hola a todos nuevamente, os traigo una nueva referencia bibliográfica pero esta vez orientada a los desarrolladores javascript, que cada vez intentan emular aplicaciones Flex o de la misma familia. La verdad, que se pueden desarrollar increibles aplicaciones sin la necesidad de incrementar un Object o Embed, pero bueno todavía queda mucho camino para que puedan llegar a competir.

En este libro, usted aprenderá cómo cada componente puede ser inicializado en una implementación por defecto de base y luego ver lo fácil que es para personalizar su apariencia y configurar su comportamiento para adaptarlo a los requerimientos de su aplicación. Te vas a ver en las opciones de configuración y los métodos expuestos por cada componente de la API para ver cómo se pueden utilizar para sacar lo mejor de la biblioteca.

Los eventos desempeñan un papel clave en cualquier aplicación web moderna si se quiere cumplir con los requisitos mínimos que se espera de la interactividad y capacidad de respuesta, y cada capítulo le mostrará los eventos personalizados que pueden ser disparados por el componente cubierto y cómo estos eventos pueden ser interceptados y ejecutados.

Cree potentes interfaces de front-end para las aplicaciones web con jQuery UI

Lo que usted aprenderá de este libro:

* Organizar diferentes secciones de contenido relacionado como pestañas y acordeones para ahorrar espacio en tu página y aumentar al máximo su contenido
* Exhibición de los mensajes, imágenes y contenidos interactivos, como formularios utilizando el diálogo widget
* El uso de reguladores de volumen y control de color de sus aplicaciones de forma dinámica desplazarse a la izquierda y la derecha, mostrando los diferentes rangos
* Permitir a los visitantes de su sitio establecer las fechas del calendario utilizando el widget de selector de fecha
* Adición de una barra de progreso atractivas y eficaces para dar a los visitantes información esencial sobre cuánto tiempo se demora un proceso y cuando se ha completado
* Establecer un mecanismo de drag&drop para permitir a los usuarios directamente reorganizar los elementos de toda la página
* Realización de una serie de elementos de un grupo de seleccionables y tomar acciones colectivas en ellos
* Creación de una página con las cajas de contenido que se pueden clasificar en varias posiciones para adaptarse a las preferencias personales del visitante
* Agregando un toque a sus acciones con efectos de animación

Enfoque

Un enfoque basado ejemplo le guía paso a paso a través de la implementación y la personalización de cada componente de la biblioteca y sus recursos asociados, a su vez. Para enfatizar la forma en que jQuery UI lleva a cabo la dificultad del diseño de interfaz de usuario y la aplicación, cada capítulo termina con un ‘fun’ a la sección que reúne lo que has aprendido a lo largo del capítulo para hacer una página útil y divertido. En estas secciones usted conseguirá a menudo a experimentar con las últimas tecnologías asociadas como AJAX y JSON.

Ha quién va dirigido este libro

Este libro es para los diseñadores de interfaz de usuario y los desarrolladores que necesitan aprender rápidamente el uso de la interfaz de usuario jQuery UI Library. Para sacar el mayor provecho de este libro debe tener un buen conocimiento de HTML, CSS y JavaScript, y tendrá que estar cómodo usando jQuery, y el fundamento subyacente de jQuery UI.

Espero que les haya gustado la referencia, y les animo a crear sus propias aplicaciones bajo esta magnífica herramienta.

Un saludo

Hace poco leí un post el cual habla sobre la creación de aplicaciones Adobe AIR para dispositivos Android. Es por eso que os lo hago llegar a vosotros, con una traducción aproximada del mismo. Es pero que os resulte tan interesante como lo fué para mí.

He aquí una muestra de Flash Builder 4 y del proyecto que utilizo para iniciar el desarrollo de aplicaciones AIR para Android. El FXP contiene la actual biblioteca AIRGlobal.swc, AIRCore.swc y el archivo SWF exportado, el cual se ejecutará sobre AIR en Android sin modificación alguna.

El tamaño de pantalla de la aplicación se establece en 480×800 (Nexus one) y se mostrarán en 250dpi. La cifra de DPI es especialmente útil para crear prototipos de pantallas. Suelo comenzar con este archivo PNG de Fireworks y a continuación creo los elementos de interfaz, pasando los elementos UI en un nuevo proyecto ActionScript en Flash Builder.

Download files:

Espero que les sea de gran ayuda, y haber si pronto empezamos a ver diseños y aplicaciones para “otros” dispositivos basadas en Adobe AIR…
Reciban un cordial saludo.

Aquí les comento un breve ejemplo muy sencillo, de como hacer una rotación sobre un objeto Sprite sin necesidad de aplicar ninguna librería extra tipo papervision. Se trata de utilizar un slider, el cual deberemos de adjuntar a la libreria del proyecto flash, el cual nos servirá para cambiar los valores de rotación x-axis del object Sprite y visualizar su rotación en 3D…

El código del ejemplo sería este:

** Requires:
 *  - Slider control in Flash library.
 *  - Publish for Flash Player 10.
 */
 
[SWF(width="400", height="300")]
 
import fl.controls.Slider;
import fl.controls.SliderDirection;
import fl.events.SliderEvent;
 
var slider:Slider = new Slider();
slider.direction = SliderDirection.HORIZONTAL;
slider.minimum = 0;
slider.maximum = 360;
slider.value = 45;
slider.tickInterval = 45;
slider.snapInterval = 1;
slider.liveDragging = true;
slider.addEventListener(SliderEvent.CHANGE, slider_change);
slider.move(10, 10);
addChild(slider);
 
var spr:Sprite = new Sprite();
spr.graphics.lineStyle(2, 0xFF0000);
spr.graphics.drawRect(0, 0, 100, 80);
spr.x = Math.round((stage.stageWidth - spr.width)/2);
spr.y = Math.round((stage.stageHeight - spr.height)/2);
spr.rotationX = 45;
addChild(spr);
 
function slider_change(evt:SliderEvent):void {
    spr.rotationX = evt.value;
}

Espero que les sirva, un saludo a todos.

Cuando se construye un FLEX (Flash) de aplicaciones que deben estar disponibles para el usuario a través de Internet, esta pregunta siempre surge:

¿El sitio web que contiene la solicitud es SEO friendly?

Y la respuesta es NO. Google y otros motores de búsqueda no pueden ver dentro de Sitios web FLEX (Flash)  y por lo tanto de indexar sus contenido. Como bien sabemos el SEO es importante para usted y por lo tanto para su Web, por lo que se le intenta buscar otras soluciones a nivel técnico.

Yo mismo me ví envuelto en una situación similar a ésta, y dandole vueltas una idea me golpeó la cabeza. FLEX (Flash) utiliza XML como fuente primaria de obtención de contenido, y XHTML es un XML personalizado. La idea es utilizar el contenido de las páginas HTML y XML para la aplicación FLEX (Flash). Los XML se pueden leer y a la vez ser indexados por los motores de búsqueda, e aquí el origen del contenido ideal para su aplicación FLEX (Flash), y la solución a nuestro problema.

¿Cómo se puede hacer desde el punto de vista técnico? Bueno, es bastante simple:

1. Las páginas HTML estarán formadas por  archivos XML que seran el contenido necesario para su aplicación FLEX (Flash) . El contenido de la página quedará disponible para los motores de búsqueda.

2. Crear un archivo XSLT el cual se va a generar en la máquina del usuario, el contenido XML de la página en una página HTML normal y agregar el componente Flash necesario para ejecutar la aplicación FLEX (Flash).

3. Apunte con su aplicación FLEX (Flash) para obtener la información de la página actual en sí. Recuerde que si el XSLT no se aplica, la página actual no es más que un archivo XML.

Conclusión: El usuario verá una aplicación RIA creada en FLEX y los motores de búsqueda verán una bonita página XML la cual será facil de indexar, ambas partes quedarán totalmente satisfechas, y usted podrá decir que su Web es totalmente indexable por los buscadores.

Espero que sea de gran ayuda y les invito a visitar otros post también interesantes en portalscreen.com.

Saludos.

Bueno, para aquellos diseñadores que busquen un poco de inspiración rápida y sin complicaciones, aquí les dedico un espacio para que se recreen con este conjunto de logos que he encontrado en mi habitual búsqueda de recursos.

La verdad que muchos de los ejemplos son bastante buenos, ya que recrean la idea principal de lo que quieren mostrar al público en general. Ideas sencillas, minimalistas y con un ligero retoque digital. Si con esto no sacan conclusiones, ¡piensen en cambiar de profesión!, na es broma… ahí tienen el aporte. Que lo disfruten.

fuente : Logos Creativos

Y hablando de Html 5, fijense con que curiosa app me he topado no hace mucho. Se trata de Sketchpad una aplicación que está por encima de muchos otros ejemplos que he visto en relación al nuevo standard.

Como idea clave y para que ustedes me entiendan, hago incapié en el título del post “Sketchpad: el paint de Html5“. A simple vista, parece que la historia se repita, igualandose a otras aplicaciones ya existentes en la nube, pero esta app cuenta una innovación que me deja un poco sorprendido, y es que dispone de la opción ‘history‘ la cual nos facilita volver a estados anteriores o posteriores a la edición de nuestra gran obra maestra. Algo que sin duda tiempo atras era totalmente inimaginable.

Lo que si puedo asegurar es, que cualquiera que tenga un navegador bien actualizado (y a ser posible que no sea de Microsoft) puede probarlo. Espero que les guste esta novedad y les invito a comentar cualquier aspecto. Un saludo a todos.

Fuente: Sketchpad

Aquí les traigo algunos ejemplos de Slideshow para web, los cuales son los más utilizados, versátiles y de aspecto moderno, con un toque de usabilidad de cara al usuario.

Como siempre espero que les sea de gran ayuda, tal y como ha sido para mí. Un saludo a todos.

fuente: 30 Examples Of Great Slideshows In Web Design

jQuery Tool es una colección de los componentes de interfaz de usuario más importante para los sitios web actuales. Seamos sinceros: ¿realmente necesitamos arrastrar y soltar, ventanas de tamaño variable o en las listas ordenables en sus aplicaciones web? Los sitios web no son aplicaciones de escritorio, si no que nos presentan una orientación distinta.

Lo que realmente precisa un sitio web novedoso son las pestañas, tooltips, acordeones, superposiciones, alta usabilidad, sorprendentes efectos visuales y de todos lo que una “web 2.0″ puede ofrecer como sitio favorito al usuario final.

Esta biblioteca contiene seis de las herramientas más útiles JavaScript disponibles para activar en su sitio web. La belleza de esta colección es que todas estas herramientas se pueden utilizar juntas, extendida, configurado y con estilo. Al final, usted puede tener cientos de diversos widgets y nuevas maneras de personalizar su biblioteca.

Esta biblioteca no pesa más 5,72 Kb. Es posible gracias a los hábitos de una buena programación estructurada, archivos comprimidos y una Content Delivery Network (CDN).

El tamaño del archivo no es definitivamente la razón principal de la rapidez de su sitio. El hecho de que esta herramienta es un archivo único hace que sea de rendimiento alto. Según los expertos de Yahoo, esta es la primera regla para construir sitios web altamente sensible.

Los archivos CSS utilizar la sintaxis de mínima y los elementos esenciales han sido documentados, es decir, se puede utilizar como plantilla de trabajo, y además no se mezclan con el código. Es totalmente compatible con patrones de diseño.

Por último, hay que decir que la biblioteca está en constante mantenimiento y actualización. Lo he probado y la verdad que es muy buena opción, la recomiendo.

Un saludo.

Descarga : Version-extended (jQuery Tool)

Como post de apertura de la categoría ‘Recursos de diseño’, me he animado a ofreceros una libre descarga de 18 vectores city urban marcado con un estilo muy grunge para que lo puedan utilizar al más estilo urbano, el contenido consta de formatos EPS y JPG.

Espero que les sirva y estén atentos, pues en breve se irán incorporando nuevas secciones y muchos más recursos gratuitos.

Un saludo.

Descarga: 18 vectores city-Urban

Últimamente se ha comentado acerca de la implantación de HTML 5 y la repercusión de este respecto a Flash. En realidad no solo Flash se vé afectado por esta versión de HTML, si no tambíen nuestro querido Flex y bajo mi opinión en segundos planos Microsoft Silverlight y JavaFX.

Todo esto se ha especulado, gracias a que la nueva versión cuenta con muchas características que hasta la fecha eran impensables, a no ser que se implentasen a base de plug-ins específicos. Entre las novedades destacan los siguientes elementos:

• El <audio> y elementos <video>, que permiten incrustar elementos multimedia directamente en el navegador.
• El elemento <canvas>, lo que da lugar a imágenes y gráficos vectoriales para ser prestados directamente con el lenguaje Java, que permite animaciones simples.
• El almacenamiento de datos sin conexión para que los usuarios pueden mantener una línea de base de datos 5Mb, manipular los datos, y volver a sincronizar los datos más tarde.

Estas características han sido necesarias desde hace mucho tiempo, y pesar de que HTML 5 no es todavía un estándar, ya se pueden ver desarrollos hechos en los principales navegadores: Firefox 3, Internet Explorer 8 y Safari 4. Esto significa que usted puede crear nuevos desarrollos en HTML 5 desde ya! Probablemente la más famosa aplicación en HTML 5 que se puede encontrar hasta ahora es Google Wave para correo electrónico, la cual todo el mundo de este mundillo desea probar! lo antes posible.

Respecto a lo que se comenta de que en breve HTML 5 podría alcanzar la tan lograda popularidad que Flash/Flex llevan a las espaldas, me veo en la obligación de decir que como desarrollador de aplicaciones RIA en Flex/AIR que soy, creo que va a haber una competencia sana, pero de momento HTML 5 queda un poco lejos de lo que la tecnología de Adobe ha conseguido hasta la fecha, contando con la cantidad de comunidades de desarrolladores Flash/Flex que día a día innovan en nuevas aplicaciones para el usuario. Es un hecho que no se puede ignorar así por que así.

Lo que si podemos dar por seguro, es que el debate está abierto.

¿Que opinan ustedes?, saludos.