Veteasabertu

Etiqueta: diseño web

Mostrar tags o etiquetas en una plantilla de Tumblr

5 de Noviembre 2016
Mostrar tags o etiquetas en una plantilla de Tumblr

El uso de etiquetas o tags en las redes sociales se ha convertido en un elemento imprescindible para conseguir alcanzar una mayor difusión de la publicación que hagamos, ya que permite a los usuarios encontrarla dentro de la temática que le hayamos asignado. Pero cuando hablamos de un blog esto cobra vital relevancia para organizar también nuestro contenido mediante categorías. Y es que Tumblr tiene la peculiaridad de pertenecer a esos dos mundos a la vez, pues es un sistema de microblogging y a su vez una red social.
Leer más ►

Publicado por Jesús Tovar

Categorías: Programación, Social media

Etiquetas: , , ,

Logo de nuestra web sin pixelar

21 de Julio 2016
Logo de nuestra web sin pixelar

Cuando diseñamos páginas web es fundamental usar el logotipo de la empresa, normalmente como parte de la cabecera, ya que será de los primeros elementos que siempre estarán visibles en la primera carga del portal. Hasta aquí no he dicho ninguna novedad, pero es cierto que en los últimos años, sobre todo con la llegada de los smartphones y las páginas responsive, ha cambiado un poco la manera en la que mostraremos ese logo.
Leer más ►

Publicado por Jesús Tovar

Categorías: Diseño

Etiquetas: ,

Catálogo online de fuentes tipográficas gratis

27 de Mayo 2016
Catálogo online de fuentes tipográficas gratis

La elección de la tipografía cuando abordamos un proyecto de diseño es una de las partes fundamentales del proceso, ya que una mala decisión puede arruinar completamente nuestro trabajo. Es por eso que, además de tener buen criterio, necesitamos contar con una buena base de recursos para encarar el desarrollo de manera cómoda.
Leer más ►

Publicado por Jesús Tovar

Categorías: Diseño, Recursos

Etiquetas: , , ,

Generador online de degradados o gradientes en CSS

10 de Mayo 2013
Generador online de degradados o gradientes en CSS

Una de las grandes ventajas actuales de usar CSS3 es que puedes realizar directamente degradados para los fondos y evitarte el engorro de usar imágenes. Sin embargo presenta el inconveniente de ser compleja su personalización al no poder configurarlos gráficamente, y ni hablamos ya de optimizarlo para los diferentes navegadores.

Para facilitarnos el crear gradientes, existen múltiples herramientas con las que se puede trabajar de un modo similar a los programas de diseño y luego nos da el código equivalente para CSS. Vamos a ver algunas de ellas que resultan de gran utilidad.

Aunque este artículo lo publiqué hace varios años ya, al darme cuenta que algunos de los generadores que había reseñado ya no existían, he decidido actualizarlo con otras herramientas para que siga siendo de utilidad.abril 2016

Leer más ►

Publicado por Jesús Tovar

Categorías: CSS, Diseño, Recursos

Etiquetas: ,

Conversor de fuentes online gratis

18 de Diciembre 2012
Conversor de fuentes online gratis

En ocasiones podemos necesitar una tipografía en un formato concreto distinto al que tenemos, bien sea porque usamos mac, pc o simplemente porque queremos usarla en una web y asegurarnos que se va a ver correctamente en todos los navegadores. Para ello existen diferentes aplicaciones que permiten convertir las fuentes de un formato a otro.

Nosotros en lugar de centrarnos en aplicaciones de escritorio, nos vamos a centrar en portales online y gratuitos que nos van a facilitar esta tarea sin tener que instalarnos nada en nuestro equipo. Reseñaremos sólo algunos que hemos usado, pero si conoces más te invitamos a que uses la caja de comentarios y lo compartas con el resto de lectores.

Coincidiendo con el cambio de alojamiento del blog, he aprovechado para hacer una revisión de esta entrada para que no quede desactualizada.mayo 2016

Leer más ►

Publicado por Jesús Tovar

Categorías: Diseño, Recursos

Etiquetas: ,

Cómo tomar muestras de color de una web con ColorZilla

26 de Septiembre 2012
Cómo tomar muestras de color de una web con ColorZilla

Seguro que más de una vez, mientras estamos en el navegador, hemos necesitado tomar una muestra de color de un texto, un fondo o una imagen. Según el caso concreto, unas veces nos vemos obligados a usar herramientas como Photoshop para poder tomar el valor de esa muestra. Si tenemos que hacerlo en múltiples ocasiones, supone un incremento en el tiempo de producción.
Leer más ►

Publicado por Jesús Tovar

Categorías: Diseño, Recursos

Etiquetas: , , ,

Inspiración para diseño web

11 de Diciembre 2011
Inspiración para diseño web

¿Qué sería de nosotros sin inspiración? Y es que un buen diseño es tan importante como una buena programación en una web, pero no siempre es sencillo encontrar el estilo que queremos darle.

Cuando no lo tenemos muy claro o sencillamente queremos ampliar horizontes, podemos usar portales como web creme para que nos encaminemos un poco más a nuestro objetivo. Hacen una recopilación importante de webs de diferentes estilos y las agrupan por colores para que puedas buscar por los que te interese.

Personalmente le doy un vistacito cada cierto tiempo, porque está claro que sin inspiración no vamos a ningún sitio. Un recurso bastante útil para el día a día del diseñador.

Publicado por Jesús Tovar

Categorías: Diseño, Recursos

Etiquetas: ,

Generador de fondos de rayas de colores

15 de Julio 2010

Generador de fondo de rayas de colores

Es bastante habitual usar un fondo de rayas de colores en las páginas web en html. Una alternativa para hacerlo puede ser diseñar el fondo, guardarlo entero como una imagen y aplicarlo a la web. El problema que tiene esta opción es que la imagen pesará bastante y aumentará el tiempo de carga de la web.

La otra alternativa es recortar un trozo de ese fondo en el punto y cantidad de píxeles exactos para que después, a través de CSS, se pueda repetir horizontal y verticalmente. De las dos, ésta es la mejor opción, ya que al entrar en la web, sólo se tendrá que descargar un pequeño trozo de imagen y la velocidad de carga del fondo de colores será prácticamente inmediata.
Leer más ►

Publicado por Jesús Tovar

Categorías: Diseño, Recursos

Etiquetas:

CSS. Hojas de estilo

18 de Agosto 2009

CSS. Hojas de estilo

CSS (Cascading Style Sheets), que podríamos traducir como hojas de estilo en cascada, es un lenguaje que se utiliza como complemento al HTML para establecer una separación real entre contenido y estilo. Esto quiere decir que con HTML nos preocuparemos en meter el contenido de la web (párrafos de texto, imágenes, enlaces, etc. ) y con CSS haremos que dicho contenido resulte atractivo (colores en los textos, tamaños, imágenes de fondo, etc.).

Haciendo esta separación entre lo que es contenido y lo que es el apartado gráfico conseguimos varias ventajas de las cuales, a groso modo, algunas de ellas intentaré detallar.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas:

Este sitio web utiliza cookies para mejorar la experiencia de usuario, si continúas navegando estás dando tu consentimiento. Para más información pincha aquí.

ACEPTAR
Aviso de cookies