30 sets de íconos de Twitter

April 20th, 2010

Cada vez es más común que los bloggers o cualquiera que tenga un sitio web cuente, además, con una cuenta en Twitter. Y gracias a la popularidad de esta plataforma, es que muchos diseñadores gráficos han creado diferentes sets de íconos de Twitter para que todos podamos utilizar.

Resourcified te trae una colección de 30 distintos sets de íconos de Twitter gratuitos, cada cual mejor que el anterior, para que puedas elegir y utilizar el que más te guste.

8 Templates gratuitos para tu sitio web o empresa

April 16th, 2010


Si estás en busca de inspiración o directamente escaso de ella, a no preocuparse. Internet está plagado de diseños gratuitos y hoy gracias a la gente de SkinPress te acercamos 8 de ellos, listos para descargar, modificar y subir. Los mismos vienen tanto con el código como las imágenes necesarias, pero a diferencia de otros sitios, no incluyen el archivo PSD original. Read the rest of this entry »

CSScaffold – extendiendo CSS con PHP

April 15th, 2010

En vez de utilizar algún framework estático de CSS, como BluePrint, la idea detrás de CSScaffold es la de extender las funcionalidades de CSS a través del parseo de un archivo de instrucciones (escrito en CSS) utilizando PHP.

Solo es necesario contar con soporte para PHP 5 o superior, y tener activado Mod_Rewrite solamente si se desea pasar automáticamente todos los archivos CSS a través de CSScaffold.

Demo/Documentación: http://github.com/anthonyshort/csscaffold

30 Menus de navegación que te harán hacer click.

April 15th, 2010

website navigation

Que el recorrido que un usuario realiza dentro de un sitio depende en su gran mayoría de como esté ubicado y resaltado el menú de navegación, no es ninguna novedad. Y posiblemente por esto mismo, estos menus son LA pieza de usabilidad más importante de un sitio.

Ahora, cuando uno menciona usabilidad, generalmente se lo relaciona con feas interfases de usuario cuando en realidad nada está más lejos de la realidad. Les acerco estos ejemplos, donde se puede apreciar que aparte de usables, los menus de navegación pueden ser muy vistosos. Read the rest of this entry »

25 iconos gratuitos de telecomunicaciones

April 12th, 2010

Set gratuito de iconos con un tema en común: distintos métodos de comunicación o interconexión existentes. Útil para un paquete de software o para sitios web.

Valida expresiones regulares en tiempo real

April 12th, 2010

Expresiones Regulares
Resolviendo un problema en el trabajo hoy, me encontré con RegexPal, un sitio que nos permite ingresar alert(hiddenLoaded); y validarlas en tiempo real, tanto su sintaxis (si está bien escrita) como los resultados que se obtienen.

Se suma entonces como la nueva-mejor-opción a otros recursos que utilizaba anteriormente:

Browser Size: Cómo ve la gente nuestros sitios web

March 29th, 2010

En un diario o periódico, se le llama “sobre el doblez” (above the fold) a la zona que se puede leer sin tener que desdoblarlo (esto, claro, para los que vienen doblados).

En internet el concepto es similar, solo que identifica a la parte del sitio que un visitante puede visualizar, sin tener que utilizar la barra de scroll. Pero este tamaño no es siempre el mismo, dado que a distintas resoluciones, lo que el visitante ve es distinto. Pero a no preocuparse, porque un grupo de desarrolladores dentro de Google han lanzado una herramienta muy simple llamada Browser Size, que nos ayuda a visualizar qué parte de nuestro sitio es visible, en porcentajes de usuarios, basado en las estadísiticas de uso de Gooogle.com.

Solo resta ingresar la dirección web de nuestro sitio y la herramienta nos mostrará en cada caso, que porcentaje de usuarios visualizan hasta qué parte del sitio. Espero que lo encuentren tan útil como yo.

500+ íconos para tu sitio web

March 29th, 2010

¿Realmente piensas que unos buenos íconos no pueden hacer nada por mejorar el diseño de tu sitio? Piensa de nuevo, sobre todo con este listado de 500 íconos gratuitos, con diferentes estilos.

500 Free Icons for your web apps

Como usar CSS Sprites para la fecha del Post

March 23rd, 2010

Podemos ver en WPBeginners un claro ejemplo de cómo utilizar CSS SPrites para generar un sistema vistoso y elegante para mostrar las fechas de nuestros posts. El secreto está en crear un gráfico con todos los meses del año, varios años hacia el futuro y los 31 días del mes. Read the rest of this entry »