En Elite by Design han creado una lista de sitios que han confundio la “inspiración” con “el robo parcial o total” del sitio que los inspiró. Es curioso ver, por ejemplo el sitio de Fiouret que copión casi al 100% el sitio Clear Left, les dejo aquí algunos ejemplos, pero pueden ver la lista completa en: Elite by Design:

Diseño Original

Copia

Diseño Original

Copia

Diseño Original

Copia

A List Apart está realizando nuevamente su encuesta (la primera fue hace un año) a diseñadores, desarrolladores, arquitectos de información, administradores de proyectos, escritores, editores, mercadólogos, y toda aquella persona que haga sitios web. Esto para ver la realidad de esta profesión alrededor del mundo.

Hoy en d&iacut;a todavía existen personas y empresas que ven al internet con miedo y sin ninguna utilidad, pero no se dan cuenta del gran impacto que pueden tener al contar con un sitio web que de a conocer sus productos y porque no..ofrecerlos a la venta. ¿Yo ya he contestado la encuesta y tú?

Enlace: Survey 2008 (Artículo) | Toma la encuesta

Unit PNG Fix es un script muy compacto y ligero (pesa menos de 2kb), que nos permite arreglar algunos problemas de interactividad causados por el atributo “filter” de Internet Explorer.

Este script funciona sobre atributos img y background-image, corre automaticamente, no necesitas definir ninguna clase ni funciones de llamada para poder utilizarlo. Además soporta auto width y height.

Para poder usar el script, solamente tienes que agregar el sigueinte código entre las etiquetas head:

<!–[if lt IE 7]>
        <script type="text/javascript" src="unitpngfix.js"></script>
<![endif]–>

Solamente cambia la ruta dónde hayas subido el script.

Enlace: Unit PNG Fix

Via

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

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

Descarga

Descarga

Via: Theme Bin

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

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.

Enlace: 3point7designs
Vía: WebAppers