CSS3: Solucion para Internet Explorer (Encaminando a un monstruo necio y osboleto)

Microsoft continúa (y continuará) con su politica despreciable de no adaptarse a los estandares cuando les conviene y dejar varado tu navegador en versiones obsoletas de su navegador.

Afortunadamente hay desarrolladores que tratan (a veces con buenos resultados) de sobreponerse a este elefante muerto de microsoft con herramientas efectivas, gratuitas y faciles de implementar.

En CSS3PIE desarrollaron un archivo .htc que, al agregarlo en tu página web conseguiras que los "casi standares" de css3 se apliquen en todas las versiones de explorer (al menos IE6, IE7 e IE8).

Los archivos .htc son componentes para que internet explorer sanee los problemas que tiene con html dinámico.

PIE.htc puntualmente es un conjunto de scripts que convierten las expresiones de CSS3 de tu página a VML (Vector Markup Language): Un lenguage para dibujar vectores, bastante pedorro, desarollado por y para IE.

A continuación te muestro como utilizar este componente

23 Recursos esenciales para entender HTML5

El desembarco del HTML 5 es inminente, y en él no sólo se espera una lluvia de aplicaciones nuevas sino también toda una nueva metodología y entornos de desarrollo.

El siguiente artículo es una traducción del artículo publicado por Ryan Carson en su blog de desarrollo web ThinkVitamin.:

Colecciones de Iconos de Redes Sociales Vectorizadas y gratuitas

Una de las colecciones
cuenta con 126 iconos
vectorizados

La gente de Tutoriales y Photoshop ha recolectado una gran cantidad y variedad de colecciones de íconos de redes sociales vectorizados.

En estas galerías de íconos encontrarás vectorizados los íconos de las redes sociales más conocidas, como Twitter, Bebo, Facebook, Youtube, Flickr. Pero ademas contarás con iconos gratis de Reddit, Google, Google Buzz, RSS, Skype, Paypal, Pandora, orkut entre otras.

Cada galería de iconos cuenta con su propia estética (formas, tamaños, colores) y , por tratarse de vectores podrán ser reescalados al tamaño que desees sin perder calidad en el dibujo.

Podés acceder directamente al link de las galerías haciendo click aquí.

Tinymce + ajaxfilemanager : Campos de texto enriquecidos para web

Tinymce es el editor de texto enriquecido WYSIWYG que utiliza Wordpress para crear y editar artículos así como para escribir comentarios.

Este completo pero fácil de instalar editor esta desarrollado en javascript y lo que hace es, básicamente, convertir cualquier TextArea de un formulario en un completo editor html.

Logo vectorizado: Le Tour de France

Otra vez vectorizando logos... parace que se me vá a hacer costumbre. De todos modos es divertido y acá te lo dejo para descargar.

Esta vez le tocó el turno al Tour de France, la competencia de ciclismo que año a año se propone recorrer la geografía francesa durante tres semanas de Julio.


Está basado en el logo oficial de los organizadores.

Logo vectorizado: South Africa 2010 - FIFA World Cup

Estuve preparando un banner para el trabajo y para eso tuve que vectorizar el logo dle mundial de la fifa.

Acá te dejo el logo del mundial 2010 vectorizado. Basado en el afhice oficial del South Africa 2010 - FIFA World Cup.

El logo fué vectorizado en flash cs3 y el archivo .fla incluye:
-Shapes
-Lineas
-Shapes + líneas
-Bitmap original

ActionScript 3: Clase para juego Simon

Hoy te traigo un jueguito muy simple pero que tiene algunas cosas interesante para analizar como listeners para teclado y mouse, setInterval() y otras yerbas que irán apareciendo en el script.

El jueguito cuenta con un variador de dificultad (3 niveles de velocidad) y, como buen simon va incrementando la cantidad de fichas en la secuencia mientras apretas bien los botones o se bloquea si fallas.

Ahora sí... vamos a ver el desarrollo:
1) Abrí una nueva película flash
2) Crea cuatro MovieClips llamados "b0","b1","b2","b3" y ponelos en el escenario con el nombre de instancia igual al del movieclip (en realidad lo que nos importa es el nombre de instancia, no el del MovieClip.
3) Crea un nuevo MovieClip llamado "bInicio" y poné 2 instancias en el escenario. La primera con el nombre de instancia "bInicio" y el segundo con nombre de instancia "dificultad_btn".
4) Coloca en la biblioteca cuatro archivos de sonido mp3 y desde la biblioteca vínculalos con los nombres "sSound0" , "sSound1", "sSound2" y "sSound3".
5) En la película, en el campo Clase del Documento ponle "Simon" que es el nombre de la clase que desarrollaremos a continuación.