Diseño de páginas web en Bilbao y Bizkaia

Plantillas WordPress profesionales gratis

  • 0
Plantillas WordPress

Plantillas WordPress profesionales gratis

Para cualquier diseñador web, tener a mano una buena colección de plantillas es algo que facilita mucho las tareas. Si hablamos de WordPress, el CMS o gestor de contenidos por antonomasia, el abanico donde elegir es realmente amplio. La ventaja es que muchos de estos themes o templates son gratuitos, y además tienen un aspecto profesional, con poco que envidiar a los de ThemeForest o ElegantThemes, las dos webs de referencia. Algunos de ellos incluso traen incorporado el efecto parallax, que difumina la planitud del fondo creando una sensación dimensional que puede ser muy útil, por ejemplo, para hacer storytelling. En la mayoría de los casos son, asimismo, fáciles de personalizar (100% customizables), aunque también es común que algunas de sus prestaciones se vean limitadas, como los plugins o widgets. Por esta razón, y aunque todo lo gratuito suene muy tentador, en ocasiones conviene pagar por un theme Premium, ya que el gasto suele ser mínimo (una media de 60$), y según las necesidades de cada cual, quizás nos interese hacer un pequeño desembolso si luego vamos a poder elegir una plantilla más adaptada a la imagen que buscamos y que tenga una velocidad de carga optimizada, punto éste a tener muy en cuenta.

Colorlib Themes

Comoquiera que sea, si no estás dispuesto a rascarte el bolsillo, por suerte existe una gran variedad de plantillas con licencia gratuita de las que, bien usadas, puedes sacar un extraordinario rendimiento. Aquí te dejo tres enlaces con 160 themes para WordPress responsive y totalmente gratis, todos ellos nuevos, de 2016:

Como podéis comprobar, en los tres casos os deja la opción de ver la Demo de la plantilla, y además permite visualizarla en varios formatos de imagen, desktop, tablet y dispositivos móviles. Adicionalmente, muchos de estos templates te dejan cambiar el color y el número de columnas. Las descargas suelen ser desde el Theme Directory de WordPress.org. Algunos de estos themes, aunque admiten una descarga gratuita, también tienen una versión Pro que viene a costar lo que cuesta una plantilla Premium. Habréis observado que algunas se repiten, pero hay más que suficientes y con temáticas lo suficientemente heterogéneas (fotografía, restaurantes, construcción, moda, deportes, música, etc.) como para tener una buena colección para nuestros proyectos.

Athemes, plantillas WordPress


  • 0
Botones, iconos y links creativos con CSS

Botones, iconos y links creativos con CSS

Categoría : Diseño Web

En un post reciente os recomendé dos aplicaciones web para crear sombras y degradados fácilmente mediante CSS 3. Hoy quería seguir profundizando en el tema de los estilos y animaciones, y para ello lo primero que haré será sugeriros otro sitio donde podéis conseguir los mismos efectos anteriormente descritos. Se trata de CSSMatic, un proyecto libre creado por y para desarrolladores, y que lleva detrás la firma de Freepik y Thumbr.

CSSMatic es muy parecido a CSS3gen, pero al editor de sombras, gradientes y bordes redondeados añade la textura suciedad, un efecto muy común en Photoshop al que, eso sí, no es fácil encontrarle un uso práctico. La ventaja que tiene CSSMatic frente al resto de aplicaciones web es que permite más funcionalidades, como subir o bajar la opacidad o elegir el estilo del borde. En el caso del sombreado incluso podemos reproducirlo dentro de la caja.

CSSMatic

Sin embargo, con CSS se pueden lograr efectos mucho más complejos y sofisticados que éstos. Por ejemplo, si queremos un texto animado que aparezca de izquierda a derecha, que parpadee o tiemble o se contraiga o se expanda o se altere de alguna manera, podemos recurrir a esta herramienta que nos permite gran variedad de movimientos y animaciones. Tan sólo tenemos que descargar el documento CSS y luego copiar en nuestra hoja de estilos el código que precisemos. Tan fácil como eso.

Animate CSS

Y aún hay más. Seguro que muchas veces habéis deseado tener estilos llamativos para vuestros enlaces que inviten con tan sólo verlos a un call to action. Si no sois expertos en CSS, no os preocupéis, porque por suerte hay desarrolladores web que comparten de forma generosa y altruista sus creaciones. En Codrops son especialistas en recursos gráficos para bloggers exigentes, y entre otras muchas cosas, podéis encontrar:

  • Estilos para botones con efectos hover y click, ideales, por ejemplo, para formularios de envío o carrito de compra en tienda online.
  • Efectos hover para iconos circulares, muy útiles y vistosos y apropiados para simbolizar las diferentes categorías de nuestra web. Algunos incluso podrían serviros como símbolos para vuestros logos.
  • Links creativos, perfectos para un menú elegante.

Para descargar el archivo CSS de cualquiera de estos estilos tenemos que clicar arriba, donde pone Back to the codrops article, y a continuación Descagar fuente. La Demo es lo que estabais viendo en un principio. La web te indica que no todos los navegadores soportan las transiciones y pseudo elementos con que están diseñados estos estilos, algo que deberemos tener en cuenta.

Botones Creativos CSS


  • 0
Colorize, aplicación para obtener colores reales

Obtener colores “reales” con Colorize

Seguro que en más de una ocasión nos hemos preguntado cuál es el verdadero color del cielo o del océano, no un color aproximado, sino el auténtico (como si dijéramos su PANTONE). El desarrollador web Alex Beals se ha propuesto resolvernos esta duda mediante una sencilla aplicación llamada Colorize. Lo único que tenemos que hacer es teclear una palabra o frase en el recuadro de búsqueda de la parte superior y el programa nos devolverá un color de fondo con su correspondiente código hexadecimal. Si hemos optado por una frase, tardará unos segundos más en mostrarnos el resultado. Aunque el programa está en inglés, admite cualquier idioma.

Colorize, azul océano

El funcionamiento de Colorize es, en el fondo, muy simple. Lo que hace su algoritmo es cotejar las 25 primeras imágenes de la palabra o frase que hayamos introducido y extraer el color resultante. Por supuesto, este color nunca será el “real” (¿existe de verdad un color real?), pero es una buena aproximación.

Así pues, no vayamos a pensar que esto es magia, porque la aplicación es simpática pero está muy lejos de ser infalible, como demuestra el resultado de la búsqueda “abrelink”. Con eso y con todo, es una herramienta que puede sernos útil a la hora de elegir colores para nuestros proyectos de diseño gráfico.

Colorize, Abrelink


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER