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

Archivo de Categorías: Diseño Web

  • 0
Piktab, extensión de Chrome con recursos gráficos gratuitos

Piktab, extensión de Chrome con recursos gráficos gratuitos

En un post anterior os recomendé 5 portales donde descargar iconos y vectores gratis. Uno de ellos, el popular Freepik (que también integra en su plataforma Flaticon), ha desarrollado una extensión para Google Chrome llamada Piktab, cuyo objetivo es poner a nuestra disposición, de forma totalmente gratuita y por la vía directa, una amplia gama de recursos gráficos. Basta tan sólo con hacer clic en el icono de la barra de navegación (una P blanca en un cuadradito morado) para acceder a ellos.

De esta manera se nos abrirá una pestaña en el navegador con una selección de iconos, vectores, texturas, fotos, PSD, mockups, fuentes tipográficas y demás recursos gráficos, cada uno con su fuente de referencia en el pie de foto. Podemos elegir dichas fuentes (sources) en el menú superior, las cuales, además de Freepik y Flaticon, incluyen Iconfinder, Pixabay, Iconstore, Pexels y otros sitios web ampliamente reconocidos. Asimismo, en la pestaña Tags podemos seleccionar una etiqueta para delimitar nuestra búsqueda, en el caso de que sólo nos interese uno de estos recursos.

En el icono de configuración con la típica rueda dentada puedes personalizar estos filtros. Yo recomiendo desactivar la opción, que viene activada por defecto al instalar la extensión Piktab, de convertirla en nuestra página de inicio, algo que me parece abusivo.

Puedes conectarte como usuario a través de tu perfil en redes sociales (Google +, Facebook y Twitter) o registrarte con un e-mail y contraseña, y una vez registrado, se te permite crear colecciones con tus favoritos. Al hacer clic en cada imagen se te abrirá otra pestaña con su ficha dentro de su portal y te indicará si es de dominio público para uso comercial, con atribución o sin ella.


  • 0
AMP, Páginas aceleradas para móviles

AMP o Páginas aceleradas para móviles

Es bien sabido que a Google le preocupa mucho la experiencia del usuario, y que cada vez un mayor número de búsquedas se realizan a través de dispositivos móviles. Lo primero fue el diseño responsive o adaptativo, con el tan anunciado Mobilegeddon, que al final no fue para tanto. Luego vino la velocidad de carga, factor SEO de primer orden. Y ahora le toca el turno al AMP (Accelerated Mobile Pages), o Páginas aceleradas para móviles.

El AMP está especialmente pensado para sitios con feeds y noticias, de ahí que funcione bien en blogs. Lo que hace es eliminar elementos superfluos del diseño que demoran la carga y simplificar la visualización en pantalla y su navegabilidad.

En Search Console puedes comprobar cuántas de tus páginas están bien adaptadas a AMP y cuántas tienen errores. Para ello sólo tienes que ir a Aspecto de la búsqueda/Accelerated Mobile Pages.

Como siempre en estos casos, los usuarios de WordPress disponen de varios plugins para implementar el AMP en su sitio web. Aquí tienes un enlace. Básicamente, lo que hace es añadir la terminación /amp/ o ?amp=1/ al final de tus URLs, dependiendo de si son amigables o de si usas Permalinks.

AMP o Páginas aceleradas para móviles

Aparte de eso, en Google Chrome hay una extensión con un validador, que se pone azul cuando entras en una web adaptada y te indica que hay una versión AMP disponible.

Al ser una tecnología bastante moderna, da la sensación de que aún está en fase beta, pues los errores están a la orden del día. Por otra parte, aún está por ver si los sitios web AMP tendrán alguna ventaja de cara al posicionamiento. De momento Google no ha sido muy explícito al respecto, pero con la importancia que está cobrando la búsqueda móvil, haríamos bien en estar a la última, aunque sólo sea por ofrecer el mejor servicio a nuestros clientes, pues ¿quién no prefiere navegar en una web que cargue rápido?


  • 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


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER