Guiabreve » diseño http://guiabreve.com Red Bull-based programming Mon, 06 Feb 2012 17:22:06 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Nuevo año, nuevo diseño http://guiabreve.com/nuevo-ano-nuevo-diseno.html http://guiabreve.com/nuevo-ano-nuevo-diseno.html#comments Sun, 01 Jan 2012 23:22:12 +0000 Víctor Falcón Ruiz http://guiabreve.com/?p=1351 Continuar →]]> Llega un nuevo año y ya tenía ganas de rediseñar el blog.

Diseño anterior (2010/2011)

Con este nuevo rediseño sigo la idea del anterior, un diseño sencillo en el que destaquen las entradas y los enlaces interesantes, las dos secciones de contenido del blog. Como veis la estructura es muy similar al diseño anterior aunque visualmente, no se parece en nada.

El menú superior esta ahora oculto y lo podremos desplegar haciendo click en la flecha negra de la parte superior derecha. Solo lo veremos cuando queramos acceder a él, el resto del tiempo solo nos distraerá de lo importante.

El logo

Como podeis ver sigo usando la fuente Museo (mi favorita, sin duda) pero ahora le he incluido un logo que espero os guste.

El logo sale de la idea de juntar los símbolos < y > (usados en programación) en uno solo.

Más social

Ultimamente el blog estaba ganando visitas y la mayoría provenían de redes sociales como Facebook o Twitter principalmente, por ello, e decido agregar los botones correspondientes para compartir los artículos con un solo clic. Veremos que tal funcionan y si consiguen incrementar el tráfico del blog y llegar a más gente.

Comentarios

Ahora los comentarios son del propio WordPress. Me he artado de Disqus.

Enlaces interesantes

Al igual que antes siguen a la derecha en un segundo plano pero ahora no se importan automáticamente de Delicious como antes, si no que son un tipo de entrada personalizado que he añadido a WordPress.

El funcionamiento es el mismo, al picar en el titulo vamos al enlace y debajo tenemos una pequeña descripción.

Y por último...

El contenido. Ahora, que dispongo de más tiempo, quiero elaborar artículos más completos y profundizar más en los temas. Tengo ganas de preparar algunas guias sobre frameworks, por ejemplo.

Aún así, no prometo nada, ya veremos.

¡Feliz año a todos!, espero que os guste y por supuesto, me encantaría leer vuestras opiniones en forma de comentario.

]]> http://guiabreve.com/nuevo-ano-nuevo-diseno.html/feed 0 Logos en CSS http://guiabreve.com/logos-en-css.html http://guiabreve.com/logos-en-css.html#comments Mon, 31 Oct 2011 07:15:04 +0000 Víctor Falcón Ruiz http://guiabreve.com/?p=1145 Continuar →]]> eCSSpert es una página en la que nos encontramos un lista de logos hechos enteramente en CSS y HTML. No nos será de gran utilidad pero nos sirve para demostrar el potencial de CSS y HTML usados correctamente por gente que sabe lo que hace.

Entre los logos disponibles podemos encontrar el de Twitter, Adidas, Pepsi, Apple e incluso un pequeño tributo a Steve Jobs y muchos más.

]]> http://guiabreve.com/logos-en-css.html/feed 0 Uniform: mejorando el diseño de los formularios con jQuery http://guiabreve.com/uniform-mejorando-el-diseno-de-los-formularios-con-jquery.html http://guiabreve.com/uniform-mejorando-el-diseno-de-los-formularios-con-jquery.html#comments Tue, 04 Oct 2011 08:13:43 +0000 Víctor Falcón Ruiz http://guiabreve.com/?p=1031 Continuar →]]> Personalmente, seguro a que a mas de uno de vosotros también os pasa, no me gusta el aspecto de los formularios. Además en cada navegador o sistema operativo se ve de una forma distinta por lo que no podemos ofrecer a nuestros usuarios una experiencia uniforme.

Con Uniform y con jQuery además de mejorar, en mi opinión, el aspecto también conseguimos unificar la apariencia en cada navegador y sistema, con lo cual mejorar la experiencia del usuario.

]]> http://guiabreve.com/uniform-mejorando-el-diseno-de-los-formularios-con-jquery.html/feed 0 Estados de Twitter Apilados (PSD) http://guiabreve.com/estados-de-twitter-apilados-psd.html http://guiabreve.com/estados-de-twitter-apilados-psd.html#comments Sat, 01 Oct 2011 07:50:48 +0000 Víctor Falcón Ruiz http://guiabreve.com/?p=1023 Normalmente no me gusta publicar este tipo de recursos por que estamos hablando de una simple imágen en formato psd. Pero esta en cuestión, me ha llamado la atención ya que nos puede ser muy útil además es realmente atractiva.

Se trata de una burbuja donde podremos colocar nuestras actualizaciones de Twitter. Nada mas.

]]> http://guiabreve.com/estados-de-twitter-apilados-psd.html/feed 0