fbpx

Diseño web

En nuestro artículo anterior hicimos referencia a qué son y para qué sirven los estilos CSS. Para poder hacer uso de ellos debemos empezar por incluirlos en nuestros archivos HTML. A continuación, veremos tres formas diferentes para incluir CSS en un documento HTML. 1- Incluir CSS en el mismo documento HTML Esto se hace en el HEAD...

estilos_css Cuando se habla de apariencia estética o cambios visuales de una web siempre se mencionan los estilos CSS. Vamos a explicar un poco qué son y para qué sirven. CSS es el lenguaje para describir la presentación de páginas web, por ejemplo los colores, el diseño y las fuentes. Nos permite adaptar la presentación a las diferentes necesidades y tipos de dispositivos. El CSS es independiente al HTML y se puede utilizar con cualquier lenguaje de marcado basado en XML.

[vc_row][vc_column][vc_column_text]

google-sprite

Un sprite es un conjunto de imágenes combinadas en un solo archivo. Dicho así, no tiene mucho sentido pero si observamos esta imagen podemos imaginarnos de lo que estamos hablando.

Como describimos antes, se trata de un conjunto de imágenes ordenadas en una cuadrícula. No se trata de una técnica nueva, pero no por ello significa que haya perdido importancia su uso. Desde hace un tiempo es considerado por los buscadores una mala práctica el no usar CSS Sprites.

Si tienes un un sitio web, tienda virtual, o un blog online sabrás que las imágenes son un punto muy importante en la web ya que nos permiten mostrar y hacer más atractivo y amigable nuestro sitio. Un detalle importante es el tamaño y sobre todo el peso de nuestras imágenes, debemos ser cuidadosos al momento de tener en cuenta esto. Las imágenes de alta calidad y de gran tamaño hacen que nuestra página cargue más lenta y consuma más ancho de banda, lo cual puede que no sea del agrado de nuestros usuarios.
[vc_row][vc_column][vc_column_text] font-awesom-icon Font Awesom es un framework de iconos vectoriales y estilos css. Pero... ¿para qué sirve? Este framework es utilizado para sustituir imágenes de iconos comunes por gráficos vectoriales convertidos en fuentes. Para ello utiliza una librería de mas de 400 iconos transformadas en fuentes.
Coda2 Seguro que en más de una ocasión os hemos comentado que Coda 2 es uno de nuestros editores favoritos en Mac. Si no lo has probado, ya estás tardando! Y si ya lo estás usando, seguro que algo de lo que te vamos a contar a continuación, aún no lo sabes.
Eliminar el fondo de una fotografía suele ser la pesadilla de muchos de nuestros clientes, ya que le hacemos bastante hincapié en que en una tienda, no es lo mismo mostrar un producto con el fondo blanco que con un fondo cualquiera. Por hacer una comparación, podríamos decir que no recortar el fondo de la imagen de tus productos sería algo así como tener tu tienda física descuidada, desordenada..., o darle poca importancia a los expositores de tu tienda. Si sueles comprar por internet, podrás comparar entre aquellas tiendas que no recortan el fondo a sus productos (afortunadamente quedan pocas) con las que lo recortan, le ponen sombra... ¿En cuál te entran más ganas de comprar? En fin, se trata de cuidar un poco la imagen de tu tienda.