10 cosas esenciales del diseño de una tienda virtual (parte II)

Seguimos con la segunda parte del post sobre cosas esenciales del diseño de una tienda virtual. 6. Permitir detalle rápido de producto. Debes de tener en cuenta que nuestros compradores no disponen de tiempo y por ello debemos de enfocar nuestra tienda para que no pierdan su tiempo. Una buena forma de evitar este problema a los usuarios es ofrecer un detalle rápido de producto. En esta ventana que se pude generar con Ajax podemos mostrar más datos sobre el producto en cuestión, pero no tan completa como la ficha individual de artículo. 7. Mantener una página de producto limpia y clara. Debemos de tener en cuenta que en la página de producto lo más importante es el producto en […]

10 cosas esenciales del diseño de una tienda virtual (parte I)

10 cosas esenciales del diseño de una tienda virtual (parte I) Vía @labecommerce descubro este más que interesante post elaborado por la consultora de comercio electrónico 3Dcart. Lo voy a ofrecer en dos partes. 1. Mostrar en todo momento el carro de la compra actual. Cuando un comprador añade un producto al carro de la compra debe de estar seguro que se ha realizado dicha acción y además es conveniente que sepa en todo momento, y de una forma fácil, cuantos artículos lleva en el carro y cuanto se ha gastado. Si estuviésemos en una tienda tradicional tan solo con mirar el carro o la cesta podemos saber más o menos cuanto nos hemos gastado por lo que en una […]

Fuentes para uso comercial gratuitas

En Internet existen miles de web donde podemos encontrar fuentes para nuestro ordenador o para usar en una web. Pero ojo, si usamos una fuente no estándar en una web, sólo se verá en las computadoras donde esté instalada dicha fuente extraña. Para evitar esto existes algunas técnicas. Por ejemplo usar la funcionalidad de Google para usar tipos de letras no instaladas en nuestro ordenador. Otra opción es “incrustar” la fuente en nuestra Web. La gran ventaja que nos ofrece FontsQuirrel es el poder descargar los ficheros correspondientes para poder hacer esta función. Ejemplo: Nos descargamos la letra CHUNKFIVE. Ente los archivos que se nos descargan estarán tres uno .eot, otro .ttf y otro .svg. El ttf es el que […]

Iconos gratis

Todos sabemos cómo ayudan unos buenos iconos en nuestros diseños web y lo complejo que es a menudo crear un icono que represente correctamente su función en un tamaño tan pequeño. Un buen icono puede mejorar sin duda además del diseño de la página, la navegación y cuando por cualquier motivo, no podemos o no tenemos el tiempo de hacer nuestro propio diseño, nos encontramos con la dificultad de encontrar el icono adecuado y sobre todo, saber si está o no libre de derechos. En gloobs nos muestran un par de buscadores donde encontrar miles de iconos gratis para nuestros diseños. Por un lado tenemos Iconfinder, con más de 167.000 iconos. Iconfinder Y por otro lado tenemos FindIcon, con más […]

Google revoluciona el mundo del diseño Web

Los señores de Google han realizado, desde mi punto de vista, el mayor avance en diseño web desde la introducción del CSS. Acaban de sacar al público su Google Font API que permite la introducción de fuentes independientes a las fuentes de la máquina cliente, QUE MARAVILLA. Como seguramente sabréis, cuando definimos las fuentes que va utilizar nuestra Web en la hoja de estilos CSS con la propiedad font-family, debemos de poner las fuentes más estándares posibles. Si no lo hacemos así y utilizamos tipos de letras extraños y futuras, corremos el riesgo que nuestro visitante no tenga instalada dicha letras y no verá la Web como nosotros la hemos diseñado. Pues como ya he dicho, Google acaba de solucionar […]

CSS3 + Navegador Web moderno = Plantilla en 3D

Vía AyudaWordpress descubro una plantilla para WordPress original y con la tecnología más moderna, CSS3, el autor de esta plantilla es Nathan Barry. He de advertir que aunque se necesita Safari para ver la plantilla al máximo nivel, me ha gustado bastante más la versión Chrome, la veo más usable. No obstante, nos demuestra las maravillas que podemos conseguir con el nuevo lenguaje de estilo CSS3 junto con un navegador modernos. Ver Demo.

Descargar Iconos de Redes Sociales gratis

Si estáis buscando unos iconos de redes sociales, como Facebook, Twitter, YouTube, Digg, MySpace, etc., para ponerlos, por ejemplo, en vuestros diseños web aquí os dejo una recopilación de 63 colecciones realizada por W3magacine que me he encontrado en gloobs. Podréis elegir entre diferentes modelos, con diseños originales y variados en colores, texturas, formas, … Para elegir los que más te gustan y descargarlos: Ver y descargar colección de iconos gratuitos

El tamaño sí importa

¡Qué no te engañen! Por mucho que digan, el tamaño sí que importa. Así que os dejo algunos trucos y consejos. Vistos en Mundo geek: El tamaño es muy importante, al menos a la hora de crear una página web: cuanto menos ocupen los archivos que componen nuestra web, menos tiempo tardará en descargarlos el usuario y menos ancho de banda consumiremos. Veamos algunos métodos para ahorrar algunos kilobytes en nuestras imágenes, hojas de estilo o scripts. Reducir el tamaño de los PNG ??ltimamente, y para imágenes muy vistas, como el logo de la página, suelo utilizar este método que descubrí en su día en las recomendaciones sobre imágenes de la Wikipedia. Necesitarás las herramientas PNGOUT, OptiPNG, DeflOpt y AdvDef: […]

Entramado para fondo de pantalla

??ltimamente, me gusta utilizar en mis proyectos tramados como fondos de pantalla. Y el gran problema que tiene utilizar esta técnica es que es difícil conseguir unas imágenes adecuadas para que al repetirlas formen otra más grande. A través de puntogeek encontré a patternwall una página muy interesante que muchos fondos.

Optimiza tu CSS con CleanCss

Como ya he dicho en varias ocasiones una de mis obsesiones cuando programo es la velocidad de la Web, me obsesiona muchísimo. Por eso cuando programo me gusta darle vueltas a la cabeza para que el código corra mucho. Cuando me topo con la parte de diseño trato de utilizar muchos colores y efectos con CSS para evitar usar imágenes innecesarias. Pero es posible que en transcurso de la creación de la hoja de estilos cometa reiteraciones de código, así que he comenzado a usar CleanCss. En esta web podremos optimizar nuestro CSS, sólo tendremos que pasarle el código o decirle en que URL está. Rápidamente nos lo analiza y nos aconseja mejoras que hacen que nuestra hoja de estilos […]