¿Cómo reducir el tamaño de tus imágenes sin perder calidad?

Las imágenes sin duda son clave importante que más peso le da a nuestra web, sin embargo a la gran mayoría se nos olvida optimizar todo el contenido multimedia antes de subirlo a nuestra web.

Reducir el tamaño de las fotos que será parte de nuestro contenido es uno de los factores importantes para mejorar la velocidad, si estos no son optimizadas correctamente consumirá una gran cantidad de recursos del servidor o hosting y lo cual harán mucho más lento.

Hoy en día existen varios formatos que podemos usar en una página web. Lo más recomendable es que siempre que puedas uses el formato JPG ya que permite un alto nivel de compresión sin perder mucha calidad en tus fotos.

 

5 herramientas gratuitas para optimizar y comprimir imágenes sin perder calidad

Es importante contar con herramientas que nos facilite la tarea de optimizar nuestras imágenes con la mejor calidad. Por ello te compartimos 5 herramientas online gratuitas que te permitirán reducir el peso de tus imágenes.

 

1. Compressor.io

Es una herramienta en línea para reducir el tamaño de sus imágenes y fotos, manteniendo una alta calidad casi sin diferencia antes y después de la compresión.

Sin duda una de las mejor ya que te permite comprimir y optimiza tus imágenes hasta 90% de reducción de tamaño de archivo original. Te permite reducir 4 formatos de archivo compatibles JPEG – PNG – GIF – SVG.

También te permite realizar 2 tipos de compresión que son:

  • Loseless la reducción del tamaño será más equilibrada, ya que tu imagen será igual a la original. Este tipo solo está disponible para las fotos en formato JPEG y PNG.
  •  Lossy viene siendo hasta de un 90% reducción de hasta el 90% del tamaño de imagen pero la calidad de la imagen disminuye un poco más.

Ir a Compressor.io  

2. TinyPNG

TinyPNG usa técnicas de compresión con pérdida inteligente para reducir el tamaño de tus archivos PNG y JPG.  Además nos permite subir 20 archivos a la vez de hasta 5 MB cada uno. También con  TinyPNG podremos descargarlas una a una o en conjunto, ya sea en una carpeta comprimida llamada “tinified.zip” o bien alojarlas en nuestra cuenta en Dropbox.

También brinda un plugin para WordPress gratuito y otro de pago para Photoshop.

Ir a  TinyPNG.com

 

3. Optimizilla

Con Optimizilla puedes reducir hasta 20 imágenes en JPG o PNG a la vez. Lo que hace resaltar a Optimizilla de los demás es que una vez que las imágenes están en la cola de compresión, podrás editar el nivel de compresión mediante un deslizador, además es posible comparar con el archivo original.

Ir a Optimizilla 

 

4. Image Optimizer

No te dejes engañar por su aspecto ya que es una de las mejores herramientas para reducir tus fotos e imágenes. Además con Image Optimizer no solo podrás comprimir y optimizar las imágenes, sino que también podrás redimensionarlas.

Solo necesitas subir el archivo, elegir el tamaño de final, y elige entre 6 tipos diferentes de compresión que varían de muy pequeño hasta la mejor calidad. Además image Optimizer también ofrece la herramienta como un aplicación para Windows que puedes descargar de forma gratuita para uso personal.

Ir a imageoptimizer.net 

 

5. Compress Jpeg

Compress Jpeg es una aplicación online gratuita que permite comprimir varias imágenes de forma simultánea.

Te permite seleccione un máximo de 20 imágenes de formato jpg o jpeg, lo único que tienes que hacer elegir el formato de la imagen a subir y arrastrar  los archivos a la zona de abajo y por ultimo esperar a que la compresión termine. Podrás descargar las imágenes comprimidas por separado o agrupados en un archivo ZIP.

Ir a CompressJpeg.com

 

Para terminar quiero recomendarte mi posts anteriores  que sin duda te serán de mucha utilidad. 9 bancos de imágenes gratis para tus proyectos digitales.

 

¿Qué otras herramientas para comprimir imágenes o reducir tamaño de fotos conoces? Cuéntame tu opinión o duda que tengas.

¡Comparte si te ha gustado!

Introducción al Web Scraping

En internet existe una infinidad de información, es tanta la información que no podemos consumirla toda al misma tiempo. ¿Te imaginas extraer todos esos datos de manera manual recurrentemente? Por suerte, existen aplicaciones que buscan extraer datos, los procesan y ofrecen un información útil para nosotros. Este proceso se le conoce como web scraping.

¿En que consiste el scraping?

Web scraping es una técnica utilizada, por medio de software, para obtener información pública de cualquier web. Esta técnica consiste en buscar fuentes que te proporcionen contenido para fines estadísticos o que mejoren la experiencia de usuario.

Como funciona el Web Scraping
Funcionamiento del Web Scraping con tenido público

Este proceso puede ser único o periódico, dependiendo tus objetivos. Es una alternativa más ágil cuando necesitas obtener una gran cantidad de datos en periodo corto de tiempo. En el mayor de los casos es periódico, porque comúnmente se necesitan datos recientes.

El web scraping no promueve la ilegalidad

Debemos ver al scraping como una técnica que facilita una tarea específica como cualquier otra técnica. El uso que se le de, cambia la perspectiva de las cosas. Debemos pensar en la línea delgada entro lo legal y no. Pero eso depende del tipo de uso que le des. Recomiendo leer este artículo que habla respecto a ese tema: Web Scraping: ¿Legal, ilegal o depende?

Sus usos en la actualidad

Es común que nuevas startups basen sus operaciones en recolectar datos. Llegan a ser técnicas bastante explotadas en la fase inicial de las startups donde la información es crucial para la operación. También existen aplicaciones móviles que usan esa técnicas como los las apps de marcadores, de bolsa de valores y hasta asistentes para realizar tu despensa.

En lo personal he creado dos catálogos donde considero en mi experiencia para que podría servir esta técnica se se maneja adecuadamente:

Que tipos de datos se recomiendan extraer

  • Datos efímeros como marcadores de futbol, tipos de cambios clima, acciones de La Bolsa de valores, etc.
  • Reservaciones de hoteles de diferentes lugares.
  • Encabezados de las noticias más relevantes. Podríamos generar un directorio y darle un uso inteligente a esa información.
  • Contenido para fines internos solamente. Estadísticas, encuestas, opiniones de usuarios acerca de un tema en específico.

Que no se vale e incluso podría ser penalizado

  • Obtener contenido original para replicarlo en tu sitio web.
  • Datos que hagan una alusión personal, aunque sean públicos. Con los buscadores tenemos suficientes, incluso hasta Google ha tenido dificultades con noticias relacionadas a ciertas figuras públicas, conocida como El derecho al olvido, dictada por el Tribunal de Justicia de la Unión Europea.
  • Datos personales como teléfono, correos, direcciones. Los puedes obtener para usos internos pero no los puedes explotar para enviar información al usuario. Las penas por realizar ese tipo de prácticas depende de la legislación en cada país.

¿Quiénes hacen uso del web scraping?

El scraping es una práctica tan común que son usados en las herramientas que frecuentemente usamos, como por ejemplo:

Google

El mayor scrapper de todos los tiempos hasta ahora. Cuenta con un directorio de millones de páginas web que va indexando diariamente a través de sus crawlers.

Google scraper

Twitter

Esta red social que ha tumbado dictaduras hace uso de las vistas previas. Twitter hace una extracción de datos básicos para poder mostrar un vista previa que mejore la experiencia de usuario.

Twitter Scraper

Slack

A diferencia de las anteriores, slack es un sistema de mensajería en tiempo real creado para fines colaborativos. Incluso, prácticamente todos las apps de mensajería cuentan con esta función.

Uso de scraping con slack


Con esto, te puedes dar cuenta que el scraping es una técnica muy útil para enriquecer la experiencia de usuario o incluso realizar estudios que mejoren esa experiencia. Una recomendación es que cuides la frecuencia que consultas un sitio en específico. Si saturas mucho las consultas de un sitio corres el riesgo de que tu ip sea bloqueada.

En futuros posts, te mostraré como realizar scraping con herramientas de terceros, también hacerlo de manera nativa por medio de scripts propios y por último como hacerlo por medio de librerías. Ninguna es mejor que otra, todo depende de las necesidades de tu proyecto.

Si te pareció útil esta entrada, te agradecería que me ayudes a compartirla. Cualquier duda u observación, nos puedes escribir en la caja de comentarios y será un placer poder intercambiar opiniones.

10 herramientas para generar paletas de colores online

El color es un elemento fundamental en cualquier sitio web o proyectos digitales, ya que la elección de un color es mucho más importante de lo que pensabas, ya que a través los colores  podemos transmitir distintos sentimientos.

Para ayudarte a hacer una buena combinación de colores hemos buscado las 10 mejores herramientas que pueden ayudarte a elegir la paleta de color perfecta para que tus diseños sean más llamativos. Además evitaras caer en el ámbito de utilizar los mismos colores. Hay gran variedad de opciones de colores con los que puedes experimentar y  hacer que tus proyectos sobresalgan de los demás.

1. Color Hunt

Color Hunt es una colección abierta de paletas de colores donde los usuarios son los que crean las paletas usando el creador de la paleta Color Hunt . Además, todos pueden crear y enviar su propia combinación de colores.

Cada esquema contiene tonos sencillos y elegantes que pueden servir de inspiración para casi cualquier proyecto. Tambien Encuentra el esquema perfecto al buscar en las opciones Popular. Además obtendrás una nueva paleta de colores cada vez que actualice la ventana de tu navegador y también puedes agregar la extensión de Chrome a tu navegador.

Ir a ColorHunt 

 

2. Coolors

Coolors es una herramienta rápida y fácil que te permite generar hermosas paletas de colores. Simplemente escriba sus colores en el formato que prefiera (HEX, RGB, HSB, CMYK, etc.), bloquéelos y  presione la barra espaciadora para obtener una nueva paleta de 5 colores. También haga clic en el ícono de candado para mantener los colores que desee y repita el proceso hasta que tenga la combinación de colores que necesite.

También, puedes guardar las paletas de color generadas para que otros la utilicen. Coolors te permite exportar a varios formatos como PNG, PDF, SVG, SCSS o copie el enlace.

 

Ir a Coolors

 

3. Adobe color cc

Está herramienta nos permite generar paletas de colores a partir de un color base que nosotros le introducimos, ya sea insertando el código de color hexadecimal o los valores RGB.  A partir de este color base nos generará una paleta de color en función de si queremos que estos colores de la paleta sean análogos, monocromáticos, triada, complementarios, compuestos, tonos, o bien podemos hacer una paleta de color personalizada.

Una vez tenemos nuestra paleta de color elegida, la podemos almacenar, compartirla y descargarla para usarla en los programas como por ejemplo photoshop e illustrator.

Ir a Adobe color cc

 

4. Color Hunter

Color Hunter es un lugar para encontrar y crear paletas de colores creadas a partir de imágenes. Simplemente carga tu imagen y obtén una paleta de colores de acuerdo al contenido de tu imagen.

Una forma útil para tomar rápidamente una paleta de color de imágenes cargadas, por la búsqueda de una etiqueta adecuada o por referencia hex.  Además es rápido y fácil de usar lo cual ofrece una buena variedad de gamas de colores para elegir.

Ir a Color Hunter

 

5. Colorfavs

Genera hermosas paletas de colores a partir de imágenes, URL o aleatoriamente. Su objetivo es facilitarle la creación y descubrir paletas y colores para todas sus necesidades de diseño.

Ir a Colorfavs 

 

6. ColorExplorer

ColorExplorer es una caja de herramientas en línea para trabajar con paletas de colores.  También puede crear, administrar y evaluar paletas de colores de forma rápida y fácil para usar en diseño gráfico, diseños web, diseños y mucho más.

Es absolutamente gratis usar todas las características que se encuentran en el sitio. No es necesario que se registre si no lo desea.

El registro de un perfil de usuario es gratuito, sin embargo, le dará algunos extras (por ejemplo, un control / acceso a la paleta mejor y más seguro).

Ir a ColorExplorer 

 

7. Color Hexa

ColorHexa es una herramienta de color gratuita que proporciona información sobre cualquier color. También genera paletas de colores coincidentes para sus diseños como: esquemas de colores complementarios, análogos, triádicos, tetradicos o monocromáticos.

Solo necesita escriba cualquier valor de color en el campo de búsqueda y Color Hexa ofrecerá una descripción detallada y lo convertirá automáticamente a su equivalente en hexadecimal, RGB, CMYK, HSL, HSV, CIE-LAB / LUV / LCH, Hunter-Lab, XYZ, xyY y Binario.

Ir a ColorHexa

 

8. Colrd

Colrd es unas herramientas de combinación de colores, una gran manera de compartir y descubrir combinaciones de colores. Además Colrd actúa como una gran fuente de inspiración al compartir paletas de colores generados por los usuarios, así como los patrones degradados e imágenes. También un gradiente builder y una herramienta de búsqueda.

Ir a Colrd

 

9. Paletton

Paletton es una herramienta de diseño para crear combinaciones de colores que funcionan  juntas. Comienza con un color base, y Paletton genera tonos similares que lo complementarán. De esta manera, podrás crear paletas de colores para tus diseños basados en cinco estilos que son: Mono, Complemento, Tríada, Tetrad y estilo libre.

Ir a Paletton

 

10. COLOURlovers

Es una comunidad creativa en la que personas de todo el mundo crean y comparten paletas de colores. También incluye esquemas de color, plantillas y variación de sombras que te van a ayudar a que a través del diseño comuniques lo que deseas.

Ir a COLOURlovers

 

Para terminar quiero recomendarte mis posts anteriores  donde hablo de la Psicología del Color en el Diseño Web,te puede ser de mucha utilidad.

¿Conoces otras herramientas de color en línea que te gustaría compartir? Si es así déjanos  tus comentario.

¡Comparte si te ha gustado!

9 bancos de imágenes gratis para tus proyectos digitales

Las imágenes son un elemento fundamental en el diseño ya que van a servir para tus proyectos como: blog, página web, campañas, redes sociales, etc. Encontrar las imágenes adecuadas, de buena calidad y sobre todo gratuitas  es algo complicado. Sin embargo, existen bancos de imágenes gratuitas donde encontraras lo que estás buscando.

Te compartimos 9  bancos de imágenes gratis. Verás que la gran mayoría son de libre uso o creative Commons CC0.

¿Licencia Creative Commons (CC0)?

La mayoría de las imágenes están bajo licencia Creative Commons (CC0) . Esto significa que las imágenes son completamente gratis para ser usadas para cualquier propósito legal.

  • Las imágenes son gratuitas para uso personal e incluso comercial .
  • Puede modificar, copiar y distribuir las fotos.
  • Todo sin pedir permiso ni establecer un enlace a la fuente. Entonces, la atribución no es requerida.

La única restricción es que las personas identificables pueden no aparecer bajo una luz negativa o de una manera que puedan resultar ofensivas, a menos que den su consentimiento. También debe asegurarse de que el contenido mostrado (personas, logotipos, propiedad privada, etc.) sea adecuado para su aplicación y no infrinja ningún derecho.

El contenido mostrado puede estar protegido por marcas registradas, publicidad o por el derecho a la intimidad, por lo que conviene asegurarse en cada caso.

Aun así te recomendamos que revises la licencia antes de descargar la imagen.

 

1. Pixabay

Cuenta con casi 1,4 millones de imágenes, vectores e ilustraciones. También, tiene un buscador bastante útil donde puedes buscar por categorías, por orientación (horizontal o vertical), por tamaño y por colores.

Todas sus imágenes son libres de derechos de autor bajo la licencia Creative Commons CC0, lo cual los hace seguros de usar sin pedir permiso o dar remuneración al artista – incluso con fines comerciales.

Ir a pixabay.com

 

2. Unsplash

Aquí encontraras más de 300,000 fotos gratuitas de alta resolución. 10 fotos nuevas cada semana. El lugar donde podrás encontrar imágenes increíbles. Suscribiéndose a Unsplash tendrás acceso a 10 fotos en HD que se renuevan de manera automática cada 10 días.

Ir a Unsplash.com

 

3. Gratisography

Fotos de alta resolución, originales  y gratuitas creadas por el fotógrafo  Ryan McGuire. Las fotografías de Gratisography están publicadas bajo la licencia Creative Commons Zero, por lo que pueden utilizarse tanto para uso personal como comercial. Sin embargo, estas imágenes no pueden utilizarse para fines pornográficos, penales, difamatorios o intenciones degradantes. Cada semana se añaden nuevas fotos.

Ir a Gratisography.com

 

 4. Pexels

Pexels ofrece fotos de alta calidad y completamente gratuitas, publicadas bajo la licencia Creative Commons Zero (CC0), lo cual podras utilizarlas para cualquier propósito, privado y comercial. Todas las fotos están cuidadosamente etiquetadas, se pueden buscar y navegar en diferentes páginas.

Actualmente ofrecen más de 4.500 fotos gratis para descargar y cada día aumentan 10 nuevas. Al proporcionar fotos gratis, Pexels ayuda a millones de personas creativas de todo el mundo a crear excelentes productos y diseños.

Ir a Pexels.com

 

5. Stocksnap

Aquí encontraremos imágenes gratis de excelente calidad, cuenta con una gran variedad de categorías  (negocios, comida, amor, ciudad, personas, naturaleza, paisaje, abstractas, etc.), Es por eso que cada imagen individual en StockSnap esta bajo los términos de la licencia Creative Commons CC0. Lo cual te da la libertad de copiar, editar, modificar y distribuir esas imágenes en una variedad de formatos y propósitos, incluidos los relacionados con los negocios.

 Ir a StockSnap.io 

 

6. Magdeleine

 Magdeleine cuenta con una variedad de fotos de alta resolución, también con una categoría amplia que facilitara tu búsqueda en la cual podemos encontrar: tecnología, abstracto, naturaleza, ciudad y personas entre otros. También, hay que tener en cuenta que gran mayoría de las fotografías son de dominio público (Creative Common CC0), por lo que puedes hacer lo que quieras con ellas, sin pedir permiso.

Solamente algunas imágenes tienen licencia Creative Common 4.0, lo cual te habilita a utilizarlas para uso personal o comercial, pero otorgándole una correcta atribución al autor.

Ir a Magdeleine.co

 

7. Startup Stock Photos

Fotos gratuitas para startups, bloggers, editores, sitios web, diseñadores, desarrolladores, relacionados con el mundo tecnológico. Sus imágenes de alta definición son libres de derechos (CC0), y por lo tanto se pueden utilizar para cualquier fin.

Ir a startupstockphotos.com

 

8. lifeofpix

Fotos gratis de alta resolución, muy profesionales y de tipo muy variado, cuenta con una licencia Creative Commons CC0, por lo cual cuenta sin restricciones de derechos de autor para uso personal y comercial. También, tiene nuevas fotografías agregadas semanalmente. Hay que tener encuenta que no se permite la distribución masiva.

Ir a lifeofpix.com 

 

9. Freepik

Es un banco de recursos gráficos para todo, donde encontrarás, a través de su buscador, fotos, vectores e ilustraciones de todo tipo que puedes usar para lo que quieras, siempre y cuando le des atribución.

Ir a Freepik.es 

 

Espero que este listado te sea de gran utilidad y si tienes otras recomendaciones de buenos bancos de imágenes para descargar fotos en alta resolución, déjanos  tus comentario.

Qué dicen las formas en un logo

Usualmente en ocasiones se habla de la influencia psicológica del color en el diseño de un logo, pero no sólo el color es el único factor que influye a la hora de transmitir, también esta la tipografía  y las formas geometría que también ejerce influencia en las personas.

Los logos juegan un rol muy importante cuando se trata de tomar decisiones, ya que están basadas en las percepciones visuales. En el post de hoy te hablaremos sobre que dicen las formas en un logo.

 

1. Formas circulares

El círculo es una de las formas más utilizadas dentro del diseño, ya que  proyecta un mensaje emocional positivo.

Puede representar perfección, innovación, protección, creatividad y movimiento. También están muy asociados a la comunidad, amor, amistad, relaciones y unidad. En diseño es ideal usarlo cuando se quiere representar organizaciones sin fines de lucro, organizaciones globales, gubernamentales, entre otras.

 

2. Formas triangulares

Los logos con forma triangular, están masa enfocados a la masculinidad. Al tener formas más puntiagudas, pueden ser más agresivos a la vista.

Son asociados a empresas o negocios de productos o servicios para un público masculino, representan el poder, ciencia y religión. También se sugiere que los triángulos tienen una buena asociación con el poder, ciencia, religión y legales.

 

3. Formas en línea

En este tipo de forma en línea hay dos tipos de logos, las que se asocian con líneas verticales y horizontales.

  • Líneas verticales: se suele utilizar en logos de compañías que se mueven en sectores muy competitivos que reflejan masculinidad, sugieren fortaleza y agresión. También crecimiento y profesionalidad.  Suele ser bastante utilizado en el mundo de la construcción y de la inversión. Sin embargo, las líneas verticales son difíciles de usar porque pueden ser vistas como frías, agresivas y dominantes. Al menos que eso quieras reflejar en tu logo.
  • líneas horizontales: transmiten unión, tranquilidad y calma por parte de las marcas que los portan. con frecuencia, son usadas para negar la amenaza y agresión.

 

4. Formas cuadradas

En el diseño de logotipos, las figuras de cuadradas muestran confiabilidad  y solides. Es ideal para representar algo que es real, transmiten fortaleza, seguridad, compromiso, estabilidad y honestidad.

Además, por sus amplias posibilidades a la hora de entrelazar unas curvas con otras, también transmite una imagen de alianza y colaboración.

5. Forma en espiral

En diseño, los logotipos en espiral generalmente dan una sensación de trascendencia, energía, vitalidad, crecimiento, evolución, continuidad y excelencia gracias al camino que se sigue a través de una trayectoria que representa historias y resonancia.

Por lo tanto un logo en forma de espiral es ideal para las empresas que lideran sus sectores, los proveedores de servicios y para banderas. Un diseño en espiral también tiende a trascender en el tiempo y el espacio.

Para terminar quiero recomendarte mis posts anteriores  donde hablo de la Psicología del Color en el Diseño Web, y Tipografías: qué nos transmiten y cuando saber usarlas espero te sea de mucha ayuda.

Cuéntame tu opinión o duda que tengas y estaré encantada en contestarte.

 

SQL vs NOSQL. Conoce sus diferencias y cuando utilizarlas

Diferencias de SQL vs NOSQL

Los lenguajes de programación que manejan información necesitan de un lugar donde se almacenen los datos. En concreto una base de datos es un conjunto de información organizado en distintos formatos para su posterior uso. Las bases de datos van más allá de sólo utilizar MySQL el cual entra en la categoría de una base de datos relacional.

Base de datos SQL

Structured Query language (SQL) o lenguaje de consulta estructurada, utiliza un estándar para manipular el contenido de las bases de datos relacionales. Cuenta con su propio lenguaje para consultar, insertar, actualizar y eliminar registros de la base de datos.

Se compone de una o varias tablas y cada tabla puede contener múltiples relaciones. En el siguiente elemento pongo como ejemplo en como está estructurada una sencilla base de datos por medio de tablas.

Eventos deportivos por medio de una base de datos relacional

Las tablas representan la entidad de cada modelo de datos. Las relaciones permiten garantizar la persistencia de datos, evita la duplicidad de datos y controla la eliminación en cascada. Para ingresar un nuevo nuevo evento, bastaría con ingresar un nuevo registro en la tabla events.

SQL cuenta con un lenguaje de alto nivel que permite manipular la base de datos casi de cualquier forma. Por su manera de operar ayuda a mantener la integridad de los datos. Por ejemplo:

Para obtener la lista de todos los deportes

SELECT id, name FROM sports

Ingresar varios registros a la tabla categoría

INSERT INTO categories VALUES (Varonil, Femenil, mixto)

Su uso es mas frecuente es en sistemas donde se necesite cuidar la integridad de datos como los bancos, sistemas de ventas, hospitales, CMS como WordPress.

Ejemplos de sistemas de gestión de base de datos son: MySQL, MariaDB, PostgreSQL.

Base de datos NoSQL

También existen otros mecanismos de almacenamientos alternativos a las base de datos relacionales que se definen por tablas. Este tipo de base de datos, se apoyan en otros formatos. Los NOSQL son más adecuados para aquellos que manejan grandes volúmenes de datos. Es por eso que empresas como Facebook, Google, Amazon, Twitter, entro otros han popularizado estos tipos de base de datos.

Esas empresas tenían que enfrentarse a grandes desafíos motivados a la alta demanda de internet. Donde surge la necesidad de proporcionar información de grandes volúmenes de datos e indeterminado número de usuarios en el menor tiempo posible. Esas compañías se dieron cuenta que podían sacrificar la consistencia de los datos que garantiza una base de datos relacional para poder obtener un mejor rendimiento y ofrecer soluciones en tiempo real.

Los puedes usar en soluciones donde requieres interactuar con datos en tiempo real como en un chat, para análisis estadísticos donde procesas mucha información o incluso en blogs.

Algunos tipos de bases de datos NoSQL incluyen diferentes tipos de almacenamiento, por ejemplo: con columnas, documentos, key value store, gráficos, objetos (JSON), XML y otros modos de almacenamiento de datos.

¿Qué hace diferente SQL vs NOSQL?

Una de las diferencias más relevantes entra una NOSQL a una base de datos relacional, es por su forma de almacenamiento no estructurada.

¿Cuál podría ser apropiada para mi proyecto?

Depende mucho de la solución y cuales son los puntos fuertes que necesites ofrecer en tus gestión de información. Ambos tienen sus pros y sus contras. Puedes elegir entre la consistencia (SQL) o la alta disponibilidad (NOSQL). En la mayoría de mis proyectos apuesto por la consistencia porque los proyectos no requieren una disponibilidad en tiempo real de los datos.

¿Qué te pareció el artículo? Quedo al pendiente para tus comentario o cualquier duda. Si te pareció interesante, no dudes en compartirlo.

Crea tu primer sitio web con WordPress

Crear tu primer sitio web con wordpress

Hoy en día montar un sitio web es más fácil que hace una década. Con el surgimiento de los gestores de contenidos, mejor conocidos como CMS, es posible tener un sitio web informativo con un diseño profesional sin conocimientos técnicos avanzados. Incluso existen servicios de hosting que permiten montar tus sitios en cuestión de algunos clics. Así que no existen pretextos para crear tu primer sitio web con WordPress.

¿Porqué WordPress?

WordPress, en los últimos años, se ha convertido en uno de los CMS más populares cuando de sitios web se trata. Inicialmente fue creado para crear blogs, pero gracias a su creciente comunidad fue adaptado para crear sitios web de cualquier temática.

Primeros pasos con WordPress

Existen dos formas de crear un sitio web con WordPress. La primera a través de su plataforma comercial wordpress.com o través de wordpress.org donde podrás descargar su código fuente para instalarlo directamente en tu hosting.

Se requiere un poco de conocimiento básicos sobre como crear una base de datos y acceso a FTP por medio de un cliente como Filezilla.

1. Descarga wordpress

Accede al sitio wordpress.org y da click en el botón Descargar WordPress para obtener los archivos del gestor de contenidos.

Página para descargar wordpress

Vale la pena recalcar que dependiendo el idioma de tu contenido, descargues la versión correspondiente por cuestiones de SEO. Sin embargo, puedes atender ese inconveniente sobre la marcha.

2. Instala los archivos

Descomprime y copia los archivos dentro de la carpeta donde deseas cargar tu sitio web

Directorio de sitio web con wordpress

3.1 Crea la base de datos con phpMyAdmin

Para poder usar tu versión de WordPress, necesitas crear una nueva base de datos. Si tienes acceso a phpMyAdmin, entras a la pestaña de base de datos. Crear el nombre de la base de datos, yo usaré Mexlike como nombre.

Crea la base de datos de mexlike con phpMyAdmin

3.2 Usa un cliente para crear una base de datos

Existen muchos clientes para conectarse a la base de datos como Navicat, Workbench, Sequel Pro, etc… En mi caso particular utilizo Sequel Pro porque no requiero un software tan completo como Navicat.

Crear Base de Datos Mexlike con Sequel Pro

Solamente necesitas entrar a la conexión donde deseas instalar tu base de datos, le das a la opción en elegir base de datos, añadir base de datos y desplegara una ventana donde podrás ingresar el nombre de la base de datos Mexlike.

4. Configura tu sitio web

Ya tienes los archivos en el directorio de tu sitio web y una base de datos activa que servirá para poder completar la instalación. Ahora necesitas configurar tu sitio web con WordPress con el instalador que viene incluido.

Elegir el idioma de tu wordpress

Como mencioné anteriormente, es recomendable que uses el idioma que vaya de acuerdo al contenido de tu sitio. Es hora de agregar los datos de la base de datos que creaste previamente. Ingresa los datos que configuraste previamente de la base de datos mexlike.

Configurar datos de acceso de MySQL en wordpress

El formulario se llena según la configuración de tu hosting:

  • Nombre de la base de datos: Base de datos que creaste
  • Nombre de usuario: Según los datos de acceso
  • Contraseña: Según tu datos de acceso
  • Servidor de la base de datos: Regularmente es localhost
  • Prefijo de la tabla: Puede ser personalizable

Estamos a un paso de terminar. Llegamos a la pantalla que nos dice que estamos listos.

Correr la configuración de base de datos de wordpress
Para finalizar, ingresamos los datos de acceso para fines administrativos.

Ingresar datos para el wp-admin de WordPress

5. Resultado Final

Con esos datos, ya tienes instalado WordPress en tu servidor. A partir de este momento tienes un sitio totalmente a tu control que lo puedes personalizar a través de templates libres, de pago o personalizados.

Sitio web inicial creado con wordpress

Con esto terminamos la primera parte de este tutorial. En el próximo post configuraremos nuestro sitio web con un template libre.

Espero que este post haya sido de tu agrado. Para cualquier duda o sugerencia quedo abierto a través de la caja de comentarios.

Tipografías: qué nos transmiten y cuando saber usarlas

Al igual que los colores, las tipografías también trasmiten diferentes emociones y sensaciones incluso sin que las personas se den cuenta de ello. Por eso, para cada proyecto debes elegir la tipografía más adecuada.  Ademas, no todas las fuentes tipográficas sirven para lo mismo ni son apropiadas en cualquier ocasión.

Hoy te voy a explicar algunos tipos de fuentes tipográficas  y las sensaciones que transmiten cada una de ellas, para que, cuando tengas que elegir por una de ellas se te haga más fácil decidir cuál tipografía usar.

  • Serif

Esta tipografía proporciona el efecto de tranquilidad, autoridad, dignidad y firmeza. También, elegancia, clase, tradición, seriedad y respeto.

Este tipo de letras las vemos normalmente en los logotipos, en una web, un blog o cuerpo de textos largos como periódicos o resúmenes muy complejos ya que facilitan la lectura, por lo cual es apropiado para la lectura de textos largos. Crean una línea imaginaria bajo el texto que ayuda a guiar al ojo.

Las tipografías más comunes: Book Antigua, Courier, Times New Romance, Garamont.

 

  • Sans serif

La tipografía Sans Serif es perfectas para textos cortos pero muy grandes, carteles y títulos.
Se les suele asociar con la tipografía comercial, pues son buenas para impresión de etiquetas y embalajes. Además, son ideales para visualizaciones en pantallas ya que son legibles.  También, es la que tiene mayor presencia en internet, tanto en encabezados como cuerpos de textos pequeños. Son perfectas para la web.

Estas transmiten modernidad, seguridad, alegría y en ciertas ocasiones neutralidad. Algunas de las fuentes más conocidas de esta familia son: Arial, Bauhaus, Tahoma, Verdana o Helvética.

 

  • Rounded

Con sus formas suaves y cálidas, dan una personalidad amable, además también puede aprovecharse para textos cortos. Se utilizan mucho en proyectos profesionales que quieren una cercanía con sus clientes, que sean relajados y frescos. Se puede ver principalmente en áreas relacionadas con los niños por ser una tipografía muy amigable.

Son tipografías redondeadas como hace referencia su nombre, son más dinámicas debido a sus formas suaves, es por eso que tiene ese aire de ser cercanas y amigables.

 

  • Condensadas

Está fuente tipografías una de sus  características principales es que son más estrechas de lo normal, tienes el aspecto de parecer letras rígidas y duras. Con bastantes espacios entre letras, puede resultar un proyecto muy sofisticado, son perfectos para trabajos con mucha personalidad, que quieren transmitir modernidad, seriedad y elegancia.

Algunas de ellas son Anton, Roboto Condensed, PT Sans Narrow.

 

  • Modernas

Esta tipografía transmite estilo, inteligencia, futurismo, tecnología.

Esta fuente tipográfica es perfecta ya que pueden aplicar a cualquier proyecto, siempre que tengamos definido lo que queremos transmitir, pero si se desea que tenga una personalidad fuerte debes acudir a otra tipografía.

Entre las más comunes podemos encontrar: Montserrat, Lato, Infinity, Futura, Majoram, MatchBook destacan por ser bastante neutras y adaptarse muy bien en cualquier situación.

 

  • Script o manuscritas

La tipografía script es apropiada para títulos y firmas. Transmiten elegancia, afecto, creatividad, lujo y calidad.

Son ideales para aplicarlas en proyectos cuyo objetivo sea dar la sensación de ser muy elaborados, con mucha historia y tradición. Todo dependerá de cómo combinemos este estilo de tipografías.

Algunas de las fuentes son la Gótica, Brush, Vivaldi y Edwardian Script.

 

  • Display

Esta tipografía se caracteriza por tener un personalidad muy fuerte lo cual las hacer ser únicas. Como toda esta tipografía tiene tanto ventajas como desventajas, una de esas desventajas es que suelen ser de muy mala calidad en su versión gratuita, por lo cual hay que saber elegir bien.

En cambio las tipografías de buena calidad su costo es elevado, pero sin duda pueden transmitir muchas sensaciones y adaptarse muy bien a tu proyecto.

Podemos encontrar tipografías como Amerika, Monoton, Medon, Cherry Swash.

Espero haberte ayudado a decidirte por un tipo de letra. Cuéntame ¿Cuál es tu tipografía favorita?

Para terminar quiero recomendarte mi Post anterior donde hablo de la Psicología del Color en el Diseño Web, espero te sea de mucha ayuda.

 

¿Te preocupa tu privacidad?

¿Te preocupa tu privacidad?

Realmente ¿Te preocupa tu privacidad? ¿Te imaginas los medios que utilizan los servicios que utilizas para obtener información tuya? Un reciente descubrimiento determinó de que nuestro móvil nos escucha. Sin embargo, no es la única forma de recolectar nuestros datos personales que terminan en una base de datos para utilizarse con fines publicitarios.

Hace unos días circulaba un video del youtuber Mitchollow donde demostró a través de un experimento, que nuestro móvil nos escucha. En su prueba usó la palabra clave Dog Toys. El objetivo es resaltar esa palabra clave en una conversación normal con su teléfono para probar su hipótesis.

Para su sorpresa, el resultado de ese test fue impresionante. Justo después de grabar esa conversación, los anuncios de las páginas que visitaba, mostraban publicidad sobre la clave Dog Toys que intencionalmente había resaltado.

¿Debería sorprendernos una situación así?

En realidad no, porque no es la primera situación que se ha prestado a esas intenciones. En el año 2013, un consultor de TI, llamado Jason Huntley contactó a la empresa LG porque detectó que su Smart TV estaba ofreciendo publicidad de acuerdo a sus preferencias de programación, palabras claves, búsquedas habituales, entre otros.

Smart TV LG 49''

Aquí puedes ver los detalles del descubrimiento

Si bien, eso parece normal. A la empresa no le bastaba con solo “espiar” su comportamiento frente al televisor. Lo más grave de ese experimento, es que escaneaba la información de los dispositivos externos por medio del USB.

Otra situación similar sucedió en 2015 con la empresa Samsung, que incorporan reconocimiento de voz para facilitar el cambio de canales o volumen a través de la voz. Al parecer, alguien hizo algo increíble, leer las políticas de privacidad y para su sorpresa se encontró con lo siguiente:

Samsung podría recoger información y su dispositivo podría capturar comandos de voz y textos asociados para evaluar y mejorar el reconocimiento de voz. Por favor tenga en cuenta que si sus palabras habladas incluyen información privada o sensible, esa información podría ser transmitida a empresas de terceros.

Smart TV Samsung

En otras palabras, cuida lo que dices porque seguramente alguien más lo estará escuchando. Pero ¿que tan ético podría llegar a ser? En ese aspecto deja mucho que desear cuando se trata de un negocio. Además en la cuestión legal, han podido protegerse muy bien.

Parece una movida inocente, porque esta información no saldría de esas empresas o sus afiliados. Al menos eso fue lo que pensamos hasta que sucedió lo siguiente.

La era Snowden

Desde que Edward Snowden filtró información sobre como operaba la Agencia Nacional de Seguridad de Estados Unidos, conocida como NSA. Descubrieron que muchas de las empresas donde depositamos nuestros datos personales, proporcionaban información al gobierno de USA.

En México existió un caso de la violación de privacidad. Por medio de la compra de un software espía conocido como Pegasus. El uso que le dieron fue para perseguir opositores políticos, activistas sociales o periodistas.

A raíz de esas situaciones donde descubrieron que el gobierno tenía convenios bajo el agua con las empresas. Los usuarios empezaron a ser más precavidos obligando a las empresas ofrecer sistemas de encriptación punto a punto.

Implicaciones de la privacidad en la actualidad

Tal vez no deberíamos sorprendernos que con ayuda de la IA, las empresas no solamente puedan ofrezcernos respuestas en relación a los que escribimos o decimos. Es probable que también nos proporcionen soluciones en base a como nos sentimos cuando necesitemos algo. Ya tuvimos nuestro primer encuentro con la ahora extinta Cambridge Analytica.

Debido a los acontecimientos que surgen, las políticas de privacidad de los servicios que utilizamos van evolucionando. Un hito que marco aun antes y después, fue cuando Apple que se negó a entregar información confidencial de uno de sus usuarios que ayudaría a resolver la masacre en San Benardino. En este comunicado reafirmó el compromiso con sus usuarios.

Postura de Apple sobre la petición del FBI sobre datos de sus usuarios

Sobre si las micrófonos están abiertos todo el tiempo. Es algo muy difícil de comprobar. Incluso en servicios como Ok Google, Siri o Alexa cuentan con mecanismos internos donde solo almacenan pequeños periodos de tiempo (5 a 10 segundos) suficientes para activar el micrófono con una simple palabra clave.

Después de activar con esos comandos, es posible que lo que digas después quedará en el historial para conocer mejor tus necesidades y ofrecer mejores respuestas para ti. Lo que debería sorprendernos realmente es como un tercero nos puede conocer incluso mejor que nosotros mismos.

¿Que debo hacer para proteger mi privacidad?

Si buscas una solución radical, deberías desconectar tu dispositivo de internet, no salir de casa, ni hablar con nadie. Fuera de relajo, pienso que se puede vivir en este nuevo ecosistema donde todos los servicios están basados en la nube.

Al igual en como hablas con un grupo de personas, en internet las cosas no cambian en lo absoluto. Es recomendable cuidar lo que decimos o como nos expresamos porque una mala acción puede tener consecuencias negativas. Sino, pregunta a un conocido como le fue cuando escribió en sus redes sociales que odia su trabajo. Las reglas con la realidad son las mismas, pero la tendencia es que nuestras expresiones tengan mayor alcance gracias a la tecnología.

Mi intención es evitar esas falsas especulaciones. Que si bien falta mucho por matizar, no debería alarmarnos debido a los avances tecnológicos. Se trata de un tema que puede generar un debate más profundo. Espero tus comentarios para complementar un tema tan interesante como este.

Espero esta información haya sido de tu agrado. Te estaré muy agradecido si me ayudas a compartir.

Psicología del Color en el Diseño Web

Los colores son parte de nuestra vida, e incluso influyen en nuestras decisiones  sin que nos demos cuenta.Debido a que cada uno de ellos transmite sentimientos que alteran nuestra manera de actuar, puede que la emoción sea distinta dependiendo de cada persona, pero también hay que tener en cuenta que  la gran mayoría de las veces compartimos el mismo sentimiento con respecto a un color.

El color es un elemento fundamental en el diseño de nuestros proyectos digitales, ya que la elección de un color para tus proyectos es mucho más importante de lo que pensabas, ya que a través los colores  podemos transmitir distintos sentimientos.

¿Qué significado tiene cada color?

Entender cómo funciona el color en nuestro cerebro, nos puede ayudar a tomar mejores decisiones, Veamos ahora la psicología de algunos colores puede ayudarte a alcanzar mejores resultados en tu sitio web.

  • Azul

Este color simboliza lo fresco, lo transparente, eficacia, calidad, calma, seriedad, fortaleza, sabiduría, lealtad, fuerza, productividad, confianza y seguridad, además tiene un efecto tranquilizador para la mente.

El azul suele asociarse con empresas grandes y bancos porque no es invasivo y se asocia con la seriedad. Por lo tanto es bueno para temas de salud, tecnología, medicina, ciencia, políticos y servicios públicos.

  • Naranja

El color naranja representa la diversión, felicidad, energía, calor, ambición, brillantez, actividad y seguridad en uno mismo.
Este color está lleno de vida, por lo tanto es interesante para cualquier empresa que desea mostrar su marca con esa calidez de cercanía hacia sus consumidores. Por lo tanto es una buena opción para las tiendas, automoción, tecnología, entretenimiento, comida o ya sea para el cuidado de niños.

  • Rojo

El color rojo se asocia con la emoción, la energía, amor, la pasión, resistencia, fuerza, calidez y movimiento, por lo tanto resulta interesante para cualquier empresa que desea mostrar su marca con la fuerza y felicidad que lo define.
Este color puede ser utilizado para la comida, moda, entretenimiento, deportes, marketing, servicios de emergencia y seguros de salud. Usa el rojo para llamar la atención a algo.

  •  Negro

El negro es un color fuerte asociado con la sofisticación, la elegancia, autoridad, poder, estabilidad, modernidad, fuerza, prestigio, formalidad e inteligencia.

Es un buen color en el diseño, ya que puede combinarse con casi todos los colores. Dependiendo de los colores con los que lo combines, el negro puede ser elegante y tradicional. Sirve muy bien para productos de lujo, moda, marketing y cosméticos.

  •  Blanco

El blanco es un color que refleja la pureza, limpieza, felicidad, sinceridad y seguridad. Al igual que el negro es combinable con todos los colores.

Este color se asocia a los médicos, enfermeras y dentistas, lo que lo hace un gran color para las páginas relacionadas con la industria de la salud. También funciona para páginas de tecnología y ciencias.

  • Amarillo

Normalmente se le asocia este color a la luz, competitividad, felicidad, alegría, optimismo y curiosidad. El amarillo puede dar muy buenos resultados para los botones de llamada a la acción. A la hora de diseñar una web, se pueden utilizar tonos fuertes de amarillo para transmitir felicidad.

  • Verde

El verde tiene un efecto armónico. Se asocia con el medio ambiente, crecimiento, la salud, naturaleza, bienestar, dinero, calma, generosidad, fertilidad, envidia, buena suerte, paz y energía.

Este es color que los ojos procesan mejor. Este color es la mejor opción cuando queremos un diseño web para ciencia, turismo, medicina, recursos humanos o medio ambiente.

  • Morado

El morado puede usarse para transmitir creatividad, imaginación, autoridad, sofisticación, poder, riqueza, prosperidad, misterio, sabiduría y respeto.

El morado también puede ser perfecto para productos de belleza, astrología, masaje, yoga, salud, espiritualidad y contenido relacionado con chicas adolescentes y marcas femeninas.

  • Marrón

El marrón es un color natural y cálido asociado con la tierra, la aspereza, fiabilidad, estabilidad, amistad y naturaleza.

Si con algo podemos relacionar este color, sería a la calidez del hogar, ya que el diseño está muy unido a alimentos que tienen ese mismo color para estimular el apetito, como el café y el chocolate, lo que lo hace apropiado para este tipo de alimentos. El marrón normalmente se emplea para fondos.

  • gris

El gris se asocia con la formalidad, el profesionalismo, la sofisticación,  atemporalidad y el carácter fuerte. Por lo tanto es perfecto para páginas profesionales, bienes de lujo, o para crear un efecto calmante de equilibrio.

  • Rosa

Se suele asociar el rosa a feminidad. El rosa representa, amor, entrega, generosidad, sinceridad, romance e inocencia.  El rosa no puede asociarse a ninguna cosa negativa, Por lo que adecuado para productos o páginas dirigido a mujeres y chicas adolescentes.

 

Seleccionar los colores correctos para tu diseño no es siempre una tarea fácil, ya que hay que saber elegir los colores cuidadosamente. Estos son algunos aspectos que debemos tener en cuenta.

1. ¿Para quién destino mi web?

Debes tener en cuenta que no debes de elegir los colores que te gustan a ti, debes emplear los colores que más van a influir al usuario para que realice alguna acción en tu web, de ahí la importancia de determinar a qué público objetivo te vas a dirigir.

2. ¿Qué colores seleccionar?

Prueba a hacer buenas combinaciones contrastadas para que estos no cansen la vista del usuario, sino al contrario hacer combinaciones que resulten más cómodo a la vista. También puedes utilizar  colores de la misma gama cromática

3. No abusar de los colores

Un sitio web con muchos colores llega a ser confusa e incoherente, el cual provoca que llegue a verse como algo no profesional. Intenta utilizar la menor cantidad de colores posibles dos o tres es suficiente, también tener en cuenta que es recomendable utilizar un color predominante.

4. Alto contraste

El contraste de color se produce al combinar dos colores que no están relacionados entre sí. Los puntos de alto contraste son muy llamativos para nuestros ojos.

5. Composición y peso de colores

Gracias a los colores podemos dirigir la mirada del usuario y así resaltar determinados elementos clave. Busca el equilibrio justo de colores en el diseño de tu web.

Puedes seguir estas tres reglas básicas:

  1. Crea un sólo punto de impacto visual por página: es decir, un punto al que dirigir la mirada.
  2. Respeta la mirada del lector: de izquierda a derecha y de arriba abajo.
  3. Deja aire y espacios en blanco para que la mirada descanse.

 

Espero que este contenido haya sido de tu agrado e interés.

¡Comparte si te ha gustado!