PaginasWebFlash

Flash: Llamar a funciones desde un texto dinamico utilizando el tag href.

goliat — Sat, 07 Jul 2007 17:49:52 +0000

Cuando introducimos links en un texto con formato Html en Flash utilizando los tags href podemos hacer algo más que llamar a paginas web externas, podemos dispara una función interna de actionScript.

Esto nos permite utilizar bloques de texto formateados en Html para cambiar la dinámica de nuestro sitio web Flash (o aplicación Flash)

Para esto, necesitamos llamar a la función asfunction.

veamos un ejemplo de utilización:

llamar a función

veamos otro ejemplo un poco más útil:

var val="Pedro";
my_txt.html = true; my_txt.htmlText = “call function”;

function saludar(aQuien){
trace(”hola “+aQuien+”!”)
}

Esto ha de producir la siguiente expresión en nuestra ventana de depuración:
hola Pedro!

Iconos gratis: mas de 15,000 iconos…

goliat — Tue, 22 May 2007 15:08:03 +0000

Esta vez, en lugar de hacer una lista personalmente, hare un poco de trampa y encontraremos los 15,000 iconos en un solo site.

FreeIconsWeb es un directorio con infinidad de categorias y de iconos, en distintos formatos. No hay que registrarse, solo perder un poco de tiempo buscando lo que nos interesa, y listos.

Eso si, para uso comercial de los iconos, hay que ponerse en contacto con los respectivos diseñadores.

Una muestra de lo que hay:

Vecteezy: imagenes vectoriales gratis para descargar

goliat — Tue, 22 May 2007 14:57:17 +0000

Es un sitio , Vecteezy, que ha salido hace poco. Se pueden encontrar vectores muy interesantes.

Como muestra, un boton:

AJAX y SEO: usabilidad, inclusion en motores de busqueda.

goliat — Tue, 22 May 2007 09:36:17 +0000

Flash y Ajax son tecnologias muy similares. Atacan el mismo problema desde distintas filosofias base. En algunos aspectos, reciben el mismo tipo de criticas por su potencial falta de usabilidad.

El tema de la usabilidad en Flash y Ajax es controvertido, ya que a pesar de tener fundamento, el enfoque que hacen los criticos suele partir de una vision conservadora de lo que es el world wide web.

Boonex a sacado programa, ORCA, bajo la licencia Creative Commons GNU General Public License.

Basicamente, ORCA es un foro que utiliza Ajax. Como caracteristica interesante, proporciona un medio para poder automatizar la gestion del foro. Tambien ofrece la posibilidad de integrar el foro con una base de datos existente.

Lo mas interesante de ORCA, es como utiliza Ajax:
Para empezar, el uso de ajax en un entorno como un foro esta justificado por los beneficios que nos brinda al reducir la carga de servidor.
Han implementado un sistema que permite el uso del boton atras del navegador
Permite el uso de URL amigables
Permalinks

Mejor ver una demo y sacar vuestras conclusiones.

Mootools: Cheat Sheet. Diagrama de opciones de Mootools.

goliat — Mon, 21 May 2007 10:45:00 +0000

Aqui podemos encontrar algo muy util, un cheat sheet en formato png…una chuleta con todas las opciones que nos ofrece mootools.

mootools cheat sheet: [png],[pdf]

Iconos gratis: más de 2000 iconos gratis

goliat — Fri, 30 Mar 2007 14:48:56 +0000

En esta lista con mas de 2000 iconos gratuitos podreis hacer de todo. Leer bien en cada pagina antes de descargar las condiciones de uso.

Tienen una estetica que los hacen ideales para utilizarlos en la web.

Famfamfam:

Aquí puedes encontrar cuatro sets de iconos. En total mas de 1000 iconos gratuitos.

Tienen una licencia Creative Commons Attribution 2.5 License por Mark James.

Silk Icons:

Este es un juego con mas de 700 iconos 16-by-16 píxel) en formato PNG.

Tiene una gran variedad de iconos. Yo los utilizo para hacer temas de Wordperss.

Mini Icons:

Mini contiene 144 iconos en formato GIF.

Flag Icons:
Aquí tenemos 247 banderas, en PNG y GIF.

Mint Icons:

Tiny Little Icons

Un juego de 21 iconos en formato png (16×16 pixel)

The Drunkey ♥ Love

Este juego tiene mas de 100 iconos en formato PNG (16×16)

Sweetie Icon set

Juego de iconos bajo licencia Creative Commons.

Sweetie BasePack (182 iconos)

Sweetie WebCommunication (37 iconos)

twotone icons

Mas de 75 iconos, gratuitos. En formato PSD para poder cambiar el color de fondo.

Bitcons

Este juego contiene 121 iconos (16×16 pixels). Además, podemos cambiar el color de fondo y la forma del icono (cuadrado, circular, cuadrado con puntas redondeadas)

miniIcons

Aqui tenemos mas de 60 iconos repartidos en 8 juegos. Escala de grises.

N.Design Studio (Mini Pixel Icons):

Más de 320 iconos (14×14 pixels) Especialmente diseñados para paginas web. Son gratuitos, pero si utilizas mas de 10 iconos el autor piede que se le añadas un vinculo a su pagina N.Design Studio

El mejor editor CSS (y mucho mas): Firebug, plugin de Firefox.

goliat — Wed, 28 Mar 2007 14:28:11 +0000

Dentro de los plugins para Firefox podemos encontrar esta maravilla: Firebug.

Esta extension es una herramienta indispensable para el diseño y desarrollo Web.

Para aquellos despistados que aun no sepan de las ventajas de Firefox, aqui informacion sobre la mejor herramienta para el desarrollo web.

Bien, veamos las maravillas de Firebug y como te pueden ayudar en tus diseños.

Inspeccionar y editar el HTML en vivo, sin cargar la pagina.
Perfeccionar tus CSS
Maquetar con precision
Monitorizar la actividad de red
Comprobar errores de Javascript
Explorar el DOM
Perminet la ejecucuion de JavaScript en vivo

Cuando necesites testear el JavaScript de tus webs en otros exploradores como Internet Explorer, Opera o Safari hay una solucion muy interesante. Un fichero javaScript: Firebug Lite

Basicamente es un simulador de la consola del Firebug para otros navegadores. Podemos ver un ejemplo de este simulador en el Mootorial - un tutorial sobre mootools.

Para mas detalles, podemos ver un Tutorial, o una Introduccion.

Recursos:
VideoTutorial

Technorati Tags: firefox, firebug, recursos web

La mejor herramienta para el Desarrollo Web

goliat — Mon, 26 Mar 2007 11:13:40 +0000

Para muchos esto no será ningún descubrimiento, pero merece la pena comentarlo de todas formas para aquellos despistados.

Sin lugar a dudas, la mejor herramienta para el diseño y desarrollo Web es Firefox, un “simple” navegador Web.

Exactamente, Firefox es un navegador Web, como Internet Explorer de Microsoft. La diferencia entre ambos es que Firefox es un programa de código abierto u Open-source.

Sobra decir, que Firefox es proporciona una experiencia mucho mejor que I-Explorer, he incluso más segura.

La característica más importante desde mi punto de vista es la posibilidad de incluir plugins al navegador.

La condición de código abierto ha hecho que se genere a su alrededor una comunidad de desarrolladores que proporciona de manera constante una infinidad de plugins con distintas utilidades.

También tenemos a nuestro alcance toda la información necesaria para desarrollar nuestros propios plugins.

Los plugins de Firefox se pueden clasificar en distintas categorías (muy generales):

Mejoras especificas de navegación
Optimizacion
Herramientas

En otra entrada haré una lista con todos los plugins que encuentro útiles he indispensables.

Para descargar Firefox:

Simple editor de texto html para Flash

goliat — Wed, 20 Sep 2006 22:15:09 +0000

Hace tiempo que busco un editor de texto html para flash. Lo primero que he visto ha sido un componente de pago en FlashTextEditor.com…pero me interesa mas el codigo abierto.

Hoy he encontrado esta otra opcion, obedit, que tiene un editor interesante bajo licencia GPL.

El componente es interesante, merece la pena trastear un poco para ver si es realmente una solucion. En mi caso, para lo que me hacia falta en este momento esta bien, y al tener los ficheros fuente, en el caso de que necesite alguna cosa “especial”, siempre lo puedo tunear.

Adobe SPRY.

goliat — Sun, 16 Jul 2006 20:45:36 +0000

Hace un tiempo que estoy viendo paginas web que sin utilizar flash, estaban logrando resultados en cuanto animaciones muy similares.

Entendia que para lograr efectos asi, habia que utilizar javaScript, Ajax…

En algunas situaciones, el uso de Flash no es la mejor solucion. Normalmente por temas de SEO.

En las situaciones en que el cliente queria la contundencia y el dinamismo de Flash pero a la vez queria que el sitio resultante pudiera tener un buen ranking en google. Realizar este tipo de proyectos era sumamente costoso y complicado, y requeria unos recursos (entiendase como gastos para el cliente) que muchas veces superaban el presupuesto para dicho proyecto.

Pues bien, he aqui una solucion muy interesante: Adobe Spry.

Es un marco de trabajo desarrollado por Macromedia (no me sale el Adobe…) que integra Html, CSS y JavaScript