Cross-Browser CSS en cuestión de segundos con Prefixr

Prefixr hace todo este  trabajo tedioso  de recordar código CSS para diferentes navegadores por mí. Simplemente pegue en su hoja de estilo, pulse Prefixize (o Control + Enter), y Prefixr  filtrara  las propiedades  CSS3 aplicables para cada navegador y su actualización.

(más…)

Crea iconos desde cero con Online Icon Maker

Si no eres un experto en Photoshop o Illustrator, lo mejor que puedes hacer es usar alguna herramienta en línea como Online Icon Maker, que es una aplicación web que te permite crear iconos desde cero dando la forma que quieras, poniendo colores que más te gusten y luego descargar.

Este aplicación tiene una cantidad limitada de opciones pero igualmente está muy bien para un primerizo. Solo puedes crear iconos con algo escrito en ellos, no con imágenes o vectores de ningún tipo, lo que cual es más que suficiente si vas a hacer un favicon o algo parecido

(más…)

Calificando sitios web: Clínica Laser

A continuación un breve análisis del sitio web de Clínica Laser CR.com, iniciando como es acostumbrado de arriba hacia abajo de izquierda a derecha.

El banner principal fue sustituido por una simple imagen, esto  se pudo haber aprovechado para demostrar los servicios que ofrece la clínica, sus instalaciones o sus facilidades, en vez de eso se desperdicia (más…)

Como ver todas las publicaciones de tus amigos en Facebook

Lo prometido es deuda y estos son los pasos que tenés que seguir para que todas las publicaciones que hacen tus amigos aparezcan en tu muro y no sólo las seleccionadas por Facebook:

1) En tu perfil dale click al botón <editar perfil> que aparece en la parte superior derecha de la pantalla.

2) Debajo del menú de pestañas hay un link que dice <Configuración de privacidad> le das click

3) Luego  justo en la parte de abajo click en otro link que dice <Personalizar tu configuración> (más…)

Llamadas a acción (Call to action)

Alguna vez ta ha pasado que entras a un sitio web con contenido muy pequeño para leer y una estructura muy confusa para saber que hacer?

Esos eran los sitios web de inicios de los 90´s (y todavía hay quienes los hacen así); los sitios web de ahora tienen que tener una página de aterrizaje (landing page) que le diga al usuario que es lo que tiene que hacer mediante las llamadas a acción, estos pueden ser botones que se distinguen fácilmente del diseño del sitio (más…)

Calificando sitios web

Esta vez analizaremos el sitio www.enriqueparradentalcare.com

Iniciando de arriba hacia abajo:

El logo no cambia la frase “Clínica dental” cuando se cambia de idioma

El banner principal muestra imágenes alusivas al turismo nacional, es de suponer que el mensaje es “venga a CR hágase el tratamiento y quédese a vacacionar”, lo que pasa es que percepciones hay tantas como colores, y cada persona lo interpretará diferente, algunos no sabrán de que trata el sitio y se confundirán al ver esas fotografías, (más…)

Principios básicos en los que se basa la usabilidad

• Facilidad de Aprendizaje: facilidad con la que nuevos usuarios desarrollan una interacción efectiva con el sistema o producto. Está relacionada con la sintetización, familiaridad, la generalización de los conocimientos previos y la consistencia.

• Flexibilidad: relativa a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información. También abarca la posibilidad de diálogo, la multiplicidad de vías para realizar la tarea, similitud con tareas anteriores y la optimización entre el usuario y el sistema.

(más…)

8 Características que tiene HTML 5

En este artículo revisaremos un poco lo que nos tiene HTML 5 para el futuro, veremos algunos de los cambios, ventajas y nuevas características posee el próximo lenguaje de HTML.

1. Nuevo Doctype

Actualmente el doctype de HTML es el siguiente:

En HTML 5 esto cambia reduciéndose a esto:

Incluso este doctype no es necesario para HTML 5 pero para tener compatibilidad con los navegadores actuales y antiguo es necesario ponerlo.

(más…)