Blog Xplorastudios

A medida que día a dia continua imponiéndose el uso de Ajax a la hora de crear webs más dinámicas, se hace más necesario proveer un mejor feedback al usuario, de forma que le permita saber de forma instantánea y con claridad qué está trabajando con elementos con los que puede interactuar directamente.

Muchos usuarios aún no están acostumbrados y tienen problemas para identificar elementos que generalmente no suelen ser clickables, como filas o columnas de tablas, divs, etc. .. por lo que en éste caso, puede ser muy util la posibilidad de cambiar el cursor para que puedan saber que hacer click sobre ese objeto realizará alguna acción concreta.

Continuar leyendo »

Tienen mil nombres distintos en función del país o la región, chuletas, acordeones…, en nuestra época escolar las usabamos para aprobar los exámenes y en términos de programación se conoce como cheat sheet a las guias rápidas de referencia que no suelen ocupar más de una o dos hojas.

La web Added Bytes (En inglés), tiene un montón de Cheat Sheets que podemos descargar e imprimir, personalmente, yo las he impreso y reunido en una carpeta que me acompaña a todos lados, no sabría vivir sin ella.

Algunas Cheat Sheets:

PHP
CSS
Expresiones regulares
Javascript
Mysql
Jquery

Otras Cheat Sheets:

Added Bytes

Excelentes consejos de nuestro amigo armando sosa para que nuestros logos apesten menos

Via: Loogic | www.blog.armandososa.com

La librería de iconos gratuitos Silk Icons de FamFamFam está entre las más utiliazdas por los diseñadores. Muchas webs los utilizan, incluso varias de las consideradas grandes que probablemente podrian permitirse un diseño personalizado de iconos.

Como diseñador, es imposible tener el tiempo necesario para diseñar iconos personalizados para las webs que me encargan, por lo que he tenido que recurrir a los Silk Icons multitud de veces. El problema es que son tan comunes que restan originalidad a cualquier trabajo.

Navegando por ahí me he encontrado con una nueva librería (gratuita) de iconos que nos permite variar un poco nuestros diseños.

Fugue Icons (1000 iconos)

Conjunto de técnicas y trucos de CSS.

Link (En inglés)

Tripoli es un estándar CSS genérico cross-browser, es similar un reseteador estándar, pero en éste caso, incluye estilos por defecto que dan un toque único a la web. Es un punto de partida ideal para diseñar una web.

Personaliza desde cabeceras hasta campos y formularios completos.

Web
Demo

Utilísima aplicación online para comprimir nuestros css.

Link

Debido a las diferencias entre el renderizado de los distintos navegadores que hay en el mercado, es más que conveniente resetear los estilos css antes de ponernos a maquetar nada. Nos ahorrará muchos quebraderos de cabeza.

Continuar leyendo »