10 Aplicaciones para desarrollo web de Adobe AIR

Adobe AIR

Existen Aplicaciones de Adobe AIR que pueden ser muy útiles para quienes desarrollamos páginas web y themes para Wordpress. Carlos Leopoldo ha realizado una entrada dónde selecciona las 10 mejores aplicaciones para el desarrollo web hechas para Adobe AIR, algunas ya las conocía pero las que no y que me han llamado mucho la atención son:

  • Shrink-O-Matic - que sirve para redimensionar imágenes sin que pierdan su forma y calidad.
  • WebSnapshot - para sacar snapshots de páginas web (Full, Thumbnail)

Ve la lista completa en: 10 mejores aplicaciones para el desarrollo web hechas para Adobe AIR

Iconos Rss en Forma de Cubo

Atrae a más lectores con estos bonitos íconos RSS en formas de Cubo:

Cube Rss Icon

Descarga

Cube Rss Icon

Descarga

Via: Theme Bin

¿Cómo obtener compatibilidad entre diferentes Navegadores Web?

Una de las tareas más difíciles, desgastantes y tediosas para un diseñador web, es el hacer compatible su sitio web para diferentes navegadores. Todo marcha bien cuando probamos nuestro sitio, o el diseño de nuestro nuevo theme en Firefox u Opera, pero cuando los probamos con Internet Explorer 6 y algunas veces con Safari, nuestro sitio se deforma totalmente.

Si bien existe un compendio demasiado amplio con los “Errores más comunes” con sus respectivas soluciones, no siempre se tiene a la mano algunos tips que son básicos a la hora de hacer compatible nuestro sitio con diferentes navegadores.

Antonyshort ha realizado un resumen de algunos tips básicos para evitar algunos problemas a la hora de diseñar un sitio y evitar el mal funcionamiento entre diferentes navegadores:

  1. Siempre utilizar tipos de documento estricto (strict doctype) que cumplan con los estándares HTML/CSS

  2. Siempre utilizar un “reset” al principio de tu css

  3. Usar -moz-opacity: 0.99; sobre elementos de texto para limpiar y renderizar en Firefox, y text-shadow: #000 0 0 0 en Safari.

  4. Nunca redimensionar imágenes en CSS o HTML

  5. Comprueba el procesamiento de las fuentes en cada navegador. No utilices Lucida

  6. Tamaño de texto como % en body, y em a lo largo de la hoja de estilos.

  7. Todos los divs que se encuentren flotando, deberán incluir: display: inline; y overflow: hidden;

  8. Los contenedores deberán tener: overflow: auto; y un trigger hasLayout via width o height.

  9. No utilizar selectores de fantasía de CSS3

  10. No utilizar PNG’s transparentes a menos que se haya cargado el alpha.

El desarrollo de cada uno de los anteriores puntos lo pueden encontrar en: How to get Cross Browser Compatibility Every Time.

Via: WebAppers

Truco CSS para Menu de Navegación

Pues bien después de “algunos” días sin actualizar el blog, les dejo el siguiente post:

El diseño web hoy es día es uno de los trabajos más solicitados y de los mejores pagados en todo el mundo. Si tu eres diseñador web o estás aprendiendo algunas cosas, te recomiendo que cheques el siguiente truco que se hace únicamente con CSS en un menú de navegación.

Lo que hace este “sencillo” truco, es que al posar el mouse sobre un enlace, los demás elementos dentro del menu se vean un poco borrosos, dándole notoriedad al enlace activo de entre los demás.

Menu CSS

Enlace: 3point7designs
Vía: WebAppers

Iconos Rss para tu Blog

No hay mejor forma de promocionar la suscripción a tu feed, que un bonito icono. Tanto Bloggers Journey como Jackbook han hecho una recopilación de varios iconos para promocionar tu feed.

Los estilos son variados y te aseguro que encontrarás el indicando para tu blog.

Rss Icons

Via: Css Juice

FIG - Otra galería Flash

Flash Image Gallery es una aplicación desarrollada obviamente en flash para la creación de galerías de imágenes, y puede ser usada por cualquier persona, lo que significa que es gratis.

Su interfaz y su diseño son simples e intuitivos, trabaja en cualquier servidor, sin necesidad de que este cuente con soporte para PHP, ASP o ColdFusion.

Puedes crear múltiples galerías, no necesitas conocimiento previo en Flash, además de que puedes modificar los colores a tu gusto.

El panel de administración es demasiado fácil de utilizar, puedes configurar desde ahí los colores y las imágenes que se muestran.

Flash Gallery

Algo que me gustó de la galería, es el efecto que tiene al ver la imagen, ya que la puedes ir “navegando” conforme mueves el mouse sobre la imagen.

Enlace: FIG - Flash Image Gallery

Show Case Point - Galería de Páginas en Flash y Css

Show Case Point Logo

Show Case Point es una galería en la que podremos encontrar una gran variedad de excelentes sitios cuyo diseño ha sido desarrollado totalmente en Flash y Css.

A diferencia de otras galerías, Show Case Point muestra el PageRank de la cada una de las páginas que llegan, como una forma de mostrar “La importancia y relevancia” que tiene en la web. Otra característica, es que puedes lanzar la web sin salirte del showcase, al dar click en Submit, se abrirá la página en un “tipo frame” para navegarla y hecharle un vistazo rápido.

ShowCasePoint Web

Cada página que aparece dentro de la lista es muy buena, además de que sirve como una forma de inspiración al ver tan buenos trabajos.

Next Page »

Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Mexico License.

Ranking de Buzzear (MX) web tracker