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

5 extensiones de Google Chrome muy recomendables

  • 1
5 extensiones de Google Chrome muy recomendables

5 extensiones de Google Chrome muy recomendables

En un post reciente os hablé de las que, en mi opinión, son las 5 mejores extensiones de Google Chrome para SEO. Para seguir y completar dicho artículo, hoy os hablaré de otras 5 extensiones muy recomendables que mejorarán vuestra experiencia de navegación y que os facilitarán algunos trabajos, sobre todo relacionados con el diseño gráfico y el desarrollo web.

Por supuesto, a muchos de vosotros se os ocurrirán otras extensiones tan útiles o más que éstas, y que sin duda merecerían figurar aquí, pero no quería hacer una lista muy extensa, y tampoco pretendo sentar cátedra. Aclarado este punto, éstas son las 5 extensiones de Google Chrome que yo uso a diario y que os recomiendo encarecidamente:

1-WOT

WOT, extensiones de Google Chrome

Si queremos navegar seguros, esta extensión no puede faltar en nuestro Google Chrome. WOT te indica la fiabilidad de todos los sitios web. Si lo marca con un círculo verde, es seguro; si lo señala en naranja, dudoso; y si lo pone en rojo será mejor que ni te acerques, pues te está diciendo que ese sitio tiene mala reputación y es probable que haya sido hackeado y que esté infectado de virus o troyanos. Muchas páginas salen con un círculo gris, lo que significa que no tienen suficiente puntuación  para valorar su fiabilidad. Son los usuarios los que califican las páginas web en virtud de su experiencia, en torno a dos categorías: confiabilidad y seguridad para menores.

2-AdBlock

Adblock, extensiones de Google Chrome

Ésta es una de las extensiones más populares y usadas, y no es para menos. AdBlock bloquea todos los banners y anuncios publicitarios, lo que hace mucho más cómoda y segura la navegación. Tiene un panel de opciones donde puedes añadir filtros y autorizar dominios.

3-Full Page Screen Capture

Full Page Screen, extensiones de Google Chrome

¿Alguna vez has querido copiar una web y, no teniendo otra manera, has recurrido al clásico y socorrido Impr Pant? Con la extensión Full Page Screen Capture es mucho más fácil. Tan sólo tienes que clicar en su icono y te copiará todo el contenido de la web en una imagen PNG que luego puedes guardar en tu ordenador y retocar en Photoshop, si fuese menester. Un consejo: mejor no mover el ratón mientras está cargando.

4-ColorZilla

ColorZilla, extensiones de Google Chrome

Ésta es una herramienta muy útil para desarrolladores web y diseñadores gráficos. Es como un cuentagotas que te deja seleccionar un color de la web en la que estás navegando y te lo traduce a RGB y código hexadecimal. Asimismo, te muestra, si así lo deseas, toda la paleta cromática usada en esa web. Entre sus funcionalidades también está la de crear gradientes y degradados en CSS.

5-Font Playground

Font Playground, extensiones de Google Chrome

Al igual que la anterior, esta extensión también tiene una utilidad relacionada con el ámbito del diseño gráfico y web. Sirve, por ejemplo, cuando estamos diseñando una página web y queremos saber qué fuente tipográfica quedaría mejor. Podemos probar con todas las fuentes que tengamos instaladas en nuestra carpeta Fonts de Windows y aplicarle efectos y transformaciones. Una vez elegida la tipografía, podemos usar el WebFont Generator de Font Squirrel para obtener los formatos EOT, WOFF y SVG y con ellos usar la propiedad de CSS 3 @font-face.

Y por último, un extra:

6-OneTab

¿Alguna vez abres pestañas y más pestañas en Chrome y luego te haces un lío y te olvidas de lo que estabas buscando? Si quieres librarte de ese caos y poner un poco de orden en tu barra de navegación, OneTab es para ti. Haciendo clic en su icono colapsarás todas las pestañas abiertas en una lista. Luego puedes restaurarlas en conjunto o individualmente. Aparte de eso, reduce el consumo de memoria.


  • 0
Befunky, alternativa a Photoshop

BeFunky, otro editor de fotografías alternativo a Photoshop

Hace unos días os hablé aquí de ConvertImage, una aplicación gratuita online que se nos ofrece como una alternativa a Photoshop. Hoy os voy a hablar de otra web que también sirve para retocar imágenes y que no requiere tener conocimientos avanzados de diseño gráfico para utilizarla: BeFunky.

Haciendo una comparativa, y aunque no presentan las mismas características, se puede decir que BeFunky es una herramienta o conjunto de herramientas mucho más completa. Para empezar, tiene tres utilidades: editor de fotos, collage de fotos y diseño gráfico.

  • El editor de fotos es su utilidad principal, y también su punto fuerte. Su paleta de acciones es muy vasta, casi tanto como en un programa profesional como Photoshop o Gimp; y claro, mucho más fácil de usar. Tiene las típicas herramientas para recortar, rotar, desenfocar, etc.; pero también cuenta con otras opciones más complejas y sofisticadas como eliminar los ojos rojos, filtros y efectos artísticos, marcos, gráficos, superposición (que sería como una máscara de recorte en Photoshop), texto y texturas. Tiene un botón de deshacer y otro para restablecer los valores originales. El acabado es muy bueno, casi profesional, aunque, eso sí, hay que señalar el gran inconveniente que presentan ésta y otras aplicaciones online del mismo corte: la resolución de las imágenes siempre será de 72 píxeles, lo cual las hace ideales para Internet, sí, pero insuficientes para imprenta. Las fotos retocadas se pueden guardar en el ordenador, en BeFunky (creándote una cuenta), en Facebook, Google Drive o Dropbox, y compartir a través de Facebook, Pinterest, Tumblr y Twitter. En ese sentido, está muy integrado en redes sociales.

Befunky, editor de fotos

  • Como su nombre indica, el collage de fotos sirve para hacer montajes. Puedes subir tus propias fotos o de tu cuenta de Facebook, BeFunky o Pixabay. También hay algunas de muestra que vienen bien para hacer pruebas. Luego tiene una serie de diseños preestablecidos (para Facebook y Pinterest), texturas que se pueden añadir, gráficos y texto. Todo muy sencillo e intuitivo.

Befunky, collage

  • La herramienta de diseño gráfico está muy bien. Aunque, obviamente, tiene limitaciones para su uso gratuito, te permite diseñar banners, gráficos para Social Media, tarjetas de felicitación e infografías, entre otras cosas. También puedes subir imágenes de tu ordenador y gestionar tus proyectos.

Befunky, diseño gráfico

Como corolario, recomendaría BeFunky a todos aquellos usuarios que quieran editar imágenes para web (este matiz es importante) a un nivel semiprofesional y que no dominen las intrincadas técnicas de Photoshop.


  • 0
5 webs donde descargar fuentes tipográficas gratis

5 webs donde descargar fuentes tipográficas gratis

Es el deber todo diseñador gráfico disponer de una amplia gama de fuentes tipográficas donde echar mano. Esto, que es fundamental para la creación de logotipos y el material impreso publicitario, vale también para la maquetación de páginas web. Porque diseñar tus páginas con una tipografía clásica como Arial, Times New Roman o Comic Sans da mala imagen, la de un diseñador incompetente que no cuida el acabado final de sus trabajos y que no conoce las diferencias entre una fuente con serifas o sin serifas, caligráfica, elegante, decorativa o en versalitas. Por supuesto, no basta con limitarse a las fuentes que te vienen instaladas con Windows por defecto. Debemos buscar la tipografía que mejor se adapte a los valores que queremos transmitir: rigor, fiabilidad, creatividad, ambiente lúdico y relajado, etc.

Cada fuente tipográfica tiene una personalidad y representa unos valores, de ahí la importancia de su elección

Aquí os presento 5 páginas web donde podéis descargar fuentes tipográficas gratis (y otras muchas cosas más):

1-Font Squirrel

Font Squirrel

La web de la simpática ardilla es una de mis preferidas. A decir verdad, no es la que mayor número de fuentes tipográficas alberga en su archivo, pero su interfaz amigable y sus múltiples opciones hacen de ella un sitio ideal, casi obligado, para guardar en nuestros favoritos. Cuenta con un buscador de fuentes y luego ofrece la posibilidad de buscar por etiquetas o tags, además de otras categorías como recientes o más populares.

Una utilidad que me gusta mucho de Font Squirrel es su Webfont Generator, donde podemos subir una fuente de nuestro disco duro en TTF (TrueType Font) u OTF (OpenType Font), las más usadas en el entorno Windows, y él nos la convierte a otros formatos para web como EOT, WOFF y SVG. Esto es especialmente útil cuando utilizas la propiedad de CSS 3 @font-face.

Ahora también incluye un Identificador de Fuentes a imitación del ínclito WhatTheFont. Asimismo, dispone de un blog y de un foro donde resolver dudas; ambos, por supuesto, en inglés.

Quizás su mayor defecto y lo único que se echa en falta es el típico visor para poder escribir el texto deseado y mostrarlo en las diferentes tipografías a medida que van cargando, algo que siempre ayuda a hacerse una mejor idea de la composición que tenemos en la cabeza.

Sus fuentes son 100% gratis para uso comercial, como recalcan en su logo.

2-Megafuentes

Megafuentes

Funciona muy parecido a Font Squirrel, aunque tiene menos utilidades. La búsqueda es, igualmente, por etiquetas, y tiene una categoría de novedades y unas fuentes destacadas en primera página. La ventaja es que está en español. Le falta, asimismo, el visor. Las fuentes son TrueType y OpenType.

3-Urbanfonts

Urbanfonts

Esta web es muy completa, y su catálogo de fuentes es de lo más heterogéneo y diverso que se puede encontrar. Las tipografías gratuitas (también tiene de pago, las premium) están ordenadas alfabéticamente y también por categorías (Fuentes nuevas, Nuestras favoritas, Top 100), básicas, script, display/decorativas, no latinas y miscelánea. A diferencia de las anteriores páginas, Urbanfonts sí cuenta con un visor de texto, y además muy completo, pues te deja cambiar el color del texto y el del fondo, así como aumentar o disminuir el cuerpo de letra.

Urbanfonts no sólo permite descargar fuentes tipográficas, sino también un variado repertorio de dingbats (símbolos) y vectores. Otra web que tampoco debería faltar en nuestros favoritos.

4-Font River

Font River

Es muy similar a las anteriores. En su header muestra tres secciones destacadas con Fuentes nuevas, Lo más popular y al Azar. Más abajo establece una serie de categorías: básico, símbolos, fantasía, extranjero, gótico, fiestas, escritura y tecno. No tiene visor de texto, pero sí mapa de caracteres. Presume de tener 20.000 fuentes  y dingbats descargables para Windows y Mac. Permite descargar (en TTF) y donar al autor. Está en varios idiomas; entre ellos, español.

Sus fuentes son gratuitas para uso personal.

5-1001 Free Fonts

1001 Free Fonts

Como su nombre indica, esta web posee una gran colección de fuentes. Están ordenadas alfabéticamente y por etiquetas. Al igual que Urbanfonts, cuenta con un visor de texto, aunque menos sofisticado (éste no permite, por ejemplo, cambiar el color de fondo). En cada fuente se te informa de si es gratuita, o sólo para uso personal (en cuyo caso puedes adquirir la licencia comercial), de dominio público, etc. También permite hacer una donación al diseñador, cosa que seguro te agradecerá.


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER