Mostrando entradas con la etiqueta Diseño web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño web. Mostrar todas las entradas

Los 15 mejores bancos de imágenes de la web

Lenis Querales Blanco
 Imagen: Banco de imágenes, de Stutterstock

Una imagen vale más que mil palabras, no solo es una frase común sino que es una realidad y es que el efecto que se puede tener usando imágenes es sorprendente.

Sin embargo, al elegir una imagen para usarla en nuestros posts o diseños debemos asegurarnos de que en realidad podemos reutilizarla sin violar derechos de autor.

Shutterstock.com INT


Pero ¿dónde encontrarlas? A continuación 15 (+extra) de los mejores bancos de imágenes que actualmente existen en la red. 

La mayoría de las imágenes que están en estos bancos tienen licencia Creative Commons 0 por lo cual podemos copiarlas, modificarlas, distribuirlas y hacer comunicación pública de ella, incluso para fines comerciales, sin pedir permiso porque la persona que liberó su obra al dominio público, ha renunciado a todos sus derechos patrimoniales de autor sobre la obra en todo el mundo.


También te puede interesar:
10 páginas para descargar vectores, iconos  y texturas
Cómo usar Pinterest. Guía rápida 
¿Por qué deberías estar usando Canva? 


 

#1 Shutterstock

Shutterstock es quizás el más completo y famoso banco de imágenes en la actualidad, desde su nacimiento en 2003 ha ido evolucionando hasta contar con más de 170 millones de imágenes libres de derechos.

Las imágenes están clasificadas en categorías y también se puede acceder las colecciones que incluyen las mejores imágenes de diferentes tópicos.

Para usar Shutterstock debes crear una cuenta seleccionando el plan (de pago) que mejor se adapte a tu presupuesto, pues la cuenta gratuita solo te servirá para búsqueda de imágenes y crear y compartir colecciones.

#2 Pixabay

En Pixabay encontramos más de 1 millón de imágenes (y videos) libres de derechos de autor. Todos los contenidos se publican bajo licencia Creative Commons CC0, por lo que como mencioné más arriba, podemos copiarlas, modificarlas y distribuirlas, incluso con fines comerciales, sin pedir autorización o dar remuneración al creador.

#3 DepositPhotos

Depositphotos es un sitio web que vende archivos pertenecientes a docenas de categorías bajo una licencia exenta de derechos de autor. Su colección supera los 60 millones de imágenes y videos.  

Tiene un buscador tremendamente poderoso e intuitivo. Sólo tenemos que insertar unas cuantas palabras que describan el archivo que buscamos. También podemos entre las docenas de categorías predefinidas para filtrar los resultados de búsqueda.

#4 Unplash

En Unplash hay más de 300.000 fotos gratuitas de alta resolución. Usa el buscador para encontrar y descargar exactamente lo que estás buscando o explora en la sección Colecciones.

Además, Unplash cuenta con una comunidad activa de más de 50.000 miembros, puedes seguir a tus favoritos y enterarte de todo lo que suban.

Open Photo Project es una plataforma para compartir fotos creada en 1998, su interfaz está en inglés pero es muy sencilla de usar.

Este banco de imágenes está organizado por categorías y etiquetas y para usarlo no necesitas estar registrado.

#6 FreeJPG

Banco de imágenes gratis en alta resolución para uso comercial y editorial. Puedes buscar las imágenes por categorías y también por color.

Si bien la cantidad de imágenes, unas 11.000, es bastante limitada en comparación con otros bancos, puede que encuentres algo que te guste o sea útil para tus proyectos.

#7 Fotolia

Ofrece unos 103 millones de imágenes de diversos tópicos y libres de derechos. Aunque la mayoría de las imágenes son de pago, también incluye un amplio catálogo de imágenes gratis

El catálogo de Fotolia es creado por una comunidad internacional de artistas, diseñadores gráficos y agencias que aportan decenas de miles de imágenes, ilustraciones y vídeos nuevos cada día. 

#8 Pexels

Pexels proporciona fotos de alta calidad y completamente gratuitas con licencia Creative Commons CC0.

Actualmente incluye más de 40.000 fotos gratis. Y cada mes se agregan al menos 3.000 nuevas fotos de alta resolución.

#9 StockSnap

En StockSnap seleccionan solo imágenes de la más alta calidad de un conjunto de presentaciones y están el sitio de forma gratuita para su descarga.

Todas las fotos subidas en StockSnap se lanzan gratis bajo Creative Commons - CC0 y no requieren atribución.

#10 Startup Stock Photos

Startup Stock Photos se especializa en fotos gratuitas para startups, bloggers, editores, sitios web, diseñadores, desarrolladores, creadores, y perfiles relacionados.

Las imágenes poseen una licencia Creative Commons CC0 para su su uso sin derechos de autor.

#11 Foter

Foter nos permite buscar, administrar y agregar fotos a cualquier medio web. Su stock supera los 220 millones de imágenes gratuitas con licencia Creative Commons.

Las imágenes pueden ser buscadas por palabras clave y al encontrar la deseada podamos insertarlas en nuestra web o blog a través del código HTML que proporciona.

El código de inserción contiene todas las atribuciones CC necesarias, que son obligatorias de incluir, por lo que no es necesario el reconocimiento de autores de forma manual.

#12 PhotoPin

PhotoPin ayuda a los bloggers a encontrar fotos para nuestro blog y hace que agregarlas a las publicaciones sea rápido y fácil.

Solo debemos buscar cualquier tema mediante el cuadro de búsqueda, obtener una vista previa de la foto y hacer clic en "Obtener foto" para descargar la foto y el enlace de atribución adecuado.
 

#13 MorgueFile

Morguefile es un archivo de fotos gratuito "para creativos, creativos". Todas las fotos que se encuentran son gratuitas para que las descarguemos y reutilicemos con fines comerciales o no.

Las fotos han sido aportadas por una amplia gama de creativos de todo el mundo, que van desde aficionados a la fotografía hasta profesionales.

#14 Stock Photos for Free

Stock Photos for Free ofrece una selección de más de 100.000 fotos de archivo completamente gratis que puede usar en todo tipo de proyectos (incluso comerciales).

Constantemente el stock crece pues se agregan nuevas fotos, entre estas,  tomas de alta resolución proporcionadas por fotógrafos profesionales de todo el mundo.

#15 Gratisography 

Imágenes gratuitas de alta resolución que puede usar en sus proyectos personales y comerciales, sin restricciones de derechos de autor.



¿Buscar la imagen que necesitas en varios sitios a la vez? Es posible gracias al buscador creative commons. Este buscador te ayudará a encontrar tu imagen en Flickr, Foto Pedia, Google Images y otros sitios.


Cuéntame ¿dónde buscas las imágenes que usas en tu blog y proyectos? ¿Cuál es tu banco de imágenes favorito? 

Páginas de error 404 que brillan con luz propia

Lenis Querales Blanco
páginas-error-404-brillantes


Publicado: 28/06/17

En una entrada anterior del blog vimos algunas ideas para personalizar la página de error 404, es decir, aquella que aparece cuando no se ha encontrado el contenido buscado o la dirección web no existe.

En ese post también vimos algunos ejemplos de blogs en español que cuentan con una página 404 personalizada, dando la posibilidad al visitante de quedarse en el blog y no salir corriendo porque no le queda otra opción.

Shutterstock.com INT


Si aún no sabes cómo diseñar  tu página de error 404, en este post te muestro 22 ejemplos creativos, interesantes, brillantes... en los que puedes inspirarte.

Mis favoritas 

Genially

Esta es para mi una de las mejores páginas 404 que he visto en español. Me encanta eso de "a veces, incluso  los genios se equivocan" y los ejemplos de descubrimientos por error. ¡Genial!

Por cierto Genially es una de las herramientas que puedes usar para crear infografías interesantes.

error-404

Real Madrid

La 404 del Real Madrid puede generar sentimientos de amor/odio, sin dudas. Particularmente, en mi genera amor, no podía ser de otra forma. Cristiano es tan grande que hasta para decirnos que la página no existe sirve.

Por cierto, también busqué la del Barcelona y que va, no da la talla (como el equipo). 

error-404

Canva

Canva nos presenta una página 404 bien entretenida, se trata de un puzzle que debemos armar. Esto es aprovechar los errores para dejar al viistante con una buena expericnia. 


error-404

40 de fiebre

Una página sencilla, el gancho no está en la imagen sino en el texto, muy creativo. Tengo una pregunta para el equipo de 40 de fiebre ¿están seguros de que el dulce de leche está sobrevalorado?
 
error-404


También te puede interesar

Más páginas 404 brillantes


Volaris

error-404


Piktochart


error-404

Freepik


error-404
 

Parque de Atracciones de Madrid


error-404


Edukate


error-404

Eval and Go


Sensacine

error-404

This by them


error-404

Pixar 



Irudigital


error-404

Agens

error-404

Android


error-404

Fiat


error-404

GoodDogDesing


error-404

iFolderLinks

error-404

José Cerezo

error-404


Wolomedia


error-404

El Marketing Today


Tengo que incluir a El Marketing Today porque me coaccionaron en Twitter, en otras palabras, me obligaron. Según ellos su página es la mejor; es que ellos son así, muy humildes. 

Por cierto, ellos no tienen una página 404, tienen 4, acá les dejo una muestra, pero si quieres ver a todos los gañanes (si quieres saber que significa ese término pregúntale a ellos) en sus mejores momentos, entra aquí y actualizala hasta que te canses. 

error-404



¿Qué te han parecido estos ejemplos de páginas de errror 404? ¿Has visto otras interesantes? ¿Cuáles son?

¿Por qué deberías estar usando Canva? (+Infografía)

Lenis Querales Blanco
Canva por qué deberías estar usándolo

Publicado: 03/11/16

A mediados de este año una amiga me comentaba que estaba terminando la edición de un libro digital y que el tema de crear la portada le había dado unos cuantos dolores de cabeza, entre otras razones porque no tenía dinero para pagar a un diseñador y también porque quería tener el control total sobre su portada, que quedara justamente como ella lo imaginaba. Entonces, conoció un sitio llamado Canva, lo fue conociendo y con él terminó creando su portada, que por cierto le quedó muy bien. A partir de ese momento se enamoró de Canva e hizo que yo también me enamorara.


También te puede interesar:
5 herramientas en línea para crear infografías
10 páginas para descargar vectores, iconos y texturas
Cómo usar Pinterest. Guía rápida
6 plataformas en las que puedes crear un blog educativo

Pero ¿qué es Canva?


En un lenguaje formal, Canva es una herramienta de composición de imágenes, un software de diseño muy completo, potente y fácil de usar. Lo que lo hace más interesante es que va dirigido especialmente a los no diseñadores.

Sencillamente, Canva es la herramienta que deberías estar usando si al igual que yo no sabes nada de diseño


¿Qué No es Canva?


- Canva NO es un editor de imágenes.
- Canva NO es un software de retoque fotográfico
- Canva NO es una fuerza sobrenatural que de la noche a la mañana te va a volver diseñador gráfico.

¿Qué necesito para usar Canva?

- Conexión a internet. 
- Un navegador de internet.
- Una idea general de lo que quieres crear.

¿Por qué deberías estar usando Canva?


Por lo menos por 10 razones:

1. En Canva puedes crear imágenes para redes sociales, certificados, curriculum vitae, ebook, cabeceras para las entradas de tu blog, portadas de discos, infografías, posters, flyer, trípticos, logotipos, tartas de visita, invitaciones, collage de fotos, y más. 

2.  No necesitas saber de diseño gráfico para crear atractivas imágenes

3. Tiene miles de plantillas muy profesionales y altamente modificables.

4. Con la función arrastrar y soltar puedes ubicar los elementos en el lugar que prefieras de tu diseño.

5. Dispones de millones de fotografías de archivo, vectores e ilustraciones y miles de iconos, formas y elementos. También puedes subir tus propias imágenes.

6. Incluye una amplia selección de tipografías. 

7. Su interfaz está disponible 100% en español. 

8. No necesitas instalar nada en tu computador, Canva es totalmente en línea.

9. Si decides comprar alguna plantilla o elemento solo pagas una vez y la usas todas las veces que quieras.

10 . Tiene más de 12 millones de usuarios.

Resumamos todo esto:

infografía-usar-canva

La recomendación es que entres ya a Canva (si no lo has hecho), crees tu cuenta y empieces a diseñar, si tienes un poco de talento crearás imágenes que hasta a ti te sorprenderán.

¿Qué te parece Canva? ¿y esta entrada?


16 páginas para descargar vectores, iconos y texturas

Lenis Querales Blanco
Páginas-para-descargar-vectores-iconos-texturas

A todos nos gusta darle un toque llamativo y profesional a nuestros proyectos: blog, web, catálogos, presentaciones... pero no todos somos buenos seleccionando los recursos y mucho menos creándolos, ¿la solución? descargar los recursos desde alguna página especializada y utilizarlos en nuestro trabajo. 

Pero si no sabes a donde obtener los recursos que buscas, en este post verás una lista de 16 páginas para descargar vectores, iconos y texturas.

Shutterstock.com INT

16 páginas para descargar vectores, iconos y texturas



#1 Freepik

Freepik es uno de los sitios más famosos en su categoría. Puedes descargar miles de vectores, PSD, iconos y fotos sobre una amplia variedad de temas y con una calidad muy alta. Además, a diario aumenta la lista de recursos. Sin duda, Freepik es una de esas páginas imprescindibles para diseñadores.

#2 IconFinder 

Incluye unos 2 millones de iconos de alta calidad, de variadas temáticas, gratuitos y de pago que pueden ser descargados en SVG, AI, PNG y CSH. Cuenta con un completo buscador que permite filtrar por precio, tipo de licencia, tamaño y color de fondo. 

#3 Flaticon

Si de iconos se trata Flaticon es el sitio. Pero no solo vas a encontrar este tipo de recursos sino miles de gráficos en formatos PNG, SVG, EPS, PSD y BASE 64. Flaticon pone a nuestra disposición más de 690.000 iconos vectoriales en más de 13.200 packs de iconos.

#4 Vector.me

Dispone de más 280.000 vectores, logos e iconos. Puedes navegar por sus categorías o utilizar el cuadro de búsqueda para encontrar lo que deseas.

#5 VectorPortal 

Agrupa miles de vectores originales y de calidad divididos por categorías, entre ellas: objetos para logos, símbolos, banderas, logos deportivos, plantillas, mapas...


Te puede interesar:
Los 15 mejores bancos de imágenes de la web
¿Por qué deberías estar usando Canva? 
12 herramientas para crear infografías


#6 Vectorizados 

Si bien sus vectores no son de excelente calidad, es posible que encuentres alguno que te guste y te sea útil para tu proyecto. Para descargar debes estar registrado.

#7 123FreeVectors

Otro de los sitios más conocidos, en él disponemos de más de 60.000 gráficos, ilustraciones, vectores e imágenes de fondo. Su lista de categorías en bastante amplia e incluye un buscador para que no nos perdamos entre ellas.



#8 Pixeden

Podemos encontrar gráficos y recursos para diseño web: iconos, temas, plantillas, vectores, texturas, tarjetas de presentación y muchos más gráficos gratuitos y de pago.

#9 Iconarchive

Iconarchive tiene más de 590.000 iconos para desarrolladores web, usuarios finales y artistas gráficos. Los iconos están divididos en categorías, entre ellas: negocios, banderas, deportes, niños, computación, estilos de vida, fotografía, tecnología, música y muchas más. 

#10 Icon-Icons

Más de 100.000 iconos gratuitos para proyectos web, apps, revistas, carteles, diseños publicitarios  y cualquier uso personal o comercial. Incluye colecciones de iconos para una mejor experiencia. Podemos descargarlos en formato PNG, SVG, ICO o ICNS.

#11 Icons8

Es un paquete con más de 64.000 iconos gratuitos, cada uno de los cuales está en 5 estilos planos. Podemos descargar como PNG, SVG o como fuente. Posee una característica muy peculiar: si deseamos un icono especifico, podemos solicitarlo y si cumple cierta condición será diseñado.

#12 Public Domain Vectors

Ofrece más de 50.000 imágenes vectoriales libres de derechos en formatos EPS, SVG, AI, CDR.  Podemos modificar, distribuir y utilizar las imágenes con fines comerciales ilimitados y sin pedir permiso.

#13 FindIcons

Es un buscador de iconos que ayuda a encontrar iconos gratis entre los más de 470.000 que incluye. Los iconos pueden ser descargados en varios tamaños y formatos (depende del icono, no todos tienen las mismas opciones).

#14 IconMonstr

El diseñado alemán Alexander Kahlkopf ha creado lo más de 4.100 iconos de IconMonster y los pone a nuestra disposición para cualquier uso. Todos los iconos son en blanco y negro y están optimizados para uso web. La descarga se puede hacer en SVG, PNG, EPS y PSD.

#15 Textures 

Textures ofrece más de 212.000 imágenes digitales de todo tipo de materiales. Incluye texturas de telas, madera, metal, ladrillos, plástico y  más. Permite la descarga de hasta 15 imágenes de forma gratuita todos los días. En caso de necesitar más imágenes se debe comprar un paquete de crédito o una suscripción.

#16 Texturer

Ofrece una amplia selección de texturas de alta resolución que pueden ser usadas en proyectos de diseño. Las texturas se clasifican en categorías y subcategorías y todas están en formato JPEG.

¿Has usado alguna de las páginas? ¿Qué te parecen? ¿Recomiendas otra?


21 libros y recursos gratuitos para aprender HTML, CSS y JavaScript

Lenis Querales Blanco
Libros para aprender HTML, CSS, JavaScript






Si te llama la atención el diseño web, indudablemente debes aprender HTML, CSS y JavaScript, porque uniendo estas tres herramientas puedes crear sitios web bien interesantes, con buena estructura y llamativos (aunque todo esto depende de ti).

Por eso, en esta entrada te presento 11 libros  en español, libres de derechos de autor y que puedes descargar de forma gratuita y 100% legal; para leerlos solo necesitas un lector de PDF en tu computadora, teléfono inteligente o tableta.

Además, encontrarás un listado de 10 recursos (cursos y manuales) totalmente en línea que te ayudarán a iniciarte o a aprender más de HTML, CSS y Javascript.

TemplateMonster.com INT


11 libros gratis para aprender HTML, CSS y JavaScript


#1 Curso Completo de HTML. Autor:  Jorge Ferrer (descarga desde aquí)

#2 Manual de HTML. Autor: Alonso Cornejo (descarga desde aquí)

#3 Guía HTML5. El presente de la web. Autores: John Freddy Vega y Christian Van Der Henst (descarga desde aquí

#4 HTML5. Autor: Arkaitz Garro (descarga desde aquí)

#5 Introducción a CSS. Autor: Javier Eguíluz Pérez (descarga desde aquí)

#6 CSS Avanzado. Autor: Javier Eguíluz Pérez (descarga desde aquí)

#7 Guía Completa de CSS3. Autor: Antonio Navajas Ojeda (descarga desde aquí)

#8 Introdcción a JavaScript. Autor: Javier Eguíluz Pérez (descarga desde aquí)

#9 Manual de JavaScript. Autor: José Antonio Rodríguez. (descarga desde aquí)

#10 CSS3 y Javascript avanzado. Autor: Jordi Collell Puig (descarga desde aquí)

#11 Javascript, ¡Inspírate!. Autor: Ulises Gascón González (descarga desde aquí)


Te puede interesar:
10 páginas para descargar vectores, iconos y texturas
Los 15 mejores bancos de imágenes de la web
Canales de Youtube para aprender cuando quieras


Recursos en línea para aprender HTML, CSS y JavaScript


#1 Curso Javascript. Autor: Aprendo en casa. (Accede al curso)

#2 Curso práctico de HTML5. Autor: Aprendo en casa. (Accede al curso)

#3 Manual de HTML. Autor: Desarrollo web. (Accede al curso)

#4 Manual de Canvas del HTML5. Autor: Desarrollo web (Accede al curso)

#5 Tutorial: Cree sitios Web modernos usando HTML5 y CSS3. Autor: Joe Lennon. (Leer el tutorial)

#6 Curso de introducción a HTML5. Autor: Código Facilito (Accede al curso)

#7 Curso de CSS3. Autor: Antonio Navajas, en Cristalab (Accede al curso)

#8 Manual de Javascript. Sitio web que incluye un manual, códigos, prácticas y FAQ de Javascript. (Ve a la página

#9 Javascript ya. Autor: Tutoriales ya. (Accede al curso)

#10 Curso de HTML y CSS gratis. Autor: DevCode. (Accede al curso)

¿Qué opinas de los libros y recursos recomendados? ¿Recomiendas algún otro?


Aprende programación y diseño web con las aplicaciones de SoloLearn

Lenis Querales Blanco


SoloLearn es una plataforma para aprender a programar a través de juegos y desafíos. En la Play Store ofrecen aplicaciones gratuitas para empezar a programar en C++, C#, Python, PHP, SQL, Java, además de diseñar sitios web con HTML, CSS y JavaScript



Aprende Python:
El curso Aprende Python cubre los siguientes temas:

  • Fundamentos de Python
  • Tipos de datos
  • Estructuras de control
  • Funciones y módulos
  • Excepciones
  • Trabajando con archivos
  • Programación funcional
  • Programación orientada a objetos
  • Expresiones regulares…

Aprende Java:
Entre los temas que incluye se encuentran:

  • Fundamentos de Java: variables, operadores, etc.
  • Sentencias condicionales y bucles
  • Matrices
  • Clases y Objetos
  • Encapsulamiento. polimorfismo y herencia
  • Las clases abstractas e interfaces
  • Manejo de excepciones
  • Listas
  • Hilos
  • Utilización de los archivos…

Aprende SQL
Aprenderás: 

  • Conceptos básicos de bases de datos
  • Sentencias SQL claves
  • Recuperar, actualizar y filtrar datos
  • Funciones y subconsultas
  • Creación, actualización y eliminación de tablas
  • Crear vistas personalizadas…
Aprende HTML:

Muestra un vídeo seguido de test y pruebas de control. Gracias a esta aplicación es posible practicar mientras se escribe en código HTML real.