25 recursos para dominar el diseño web

25 recursos para dominar el diseño web

Uno de los grandes aspectos abandonados en el desarrollo web ha sido el diseño y todas sus múltiples vertientes (tipografía, color, experiencia de usuario, etc.). Sin embargo, en los últimos años cada vez es más importante no sólo contar con abundante y compleja funcionalidad, sino con una plataforma llamativa, cómoda y que deslumbre e impresione al usuario. Por esta razón te presento 25 recursos que me han sido de gran utilidad para abordar el diseño web.

 

Elementos básicos del diseño web

En la siguiente sección están recogidos aquellos recursos relacionados con los elementos básicos del diseño web (color, tipografía e iconografía). Definir estos estos elementos es el punto de partida para plantear el aspecto de una web.

El color: el elemento principal del diseño

Desde mi punto de vista el color es el aspecto más relevante a la hora de plantear el diseño de una web. Esto es debido a que el mismo influirá en el público a la que está destinada y a la imagen de marca que posteriormente será creada. Para conocer más en profundidad cómo afecta la elección del color y distintas formas de elegirlos, me resultó de gran ayuda el siguiente recurso (en inglés): Teoría del Color.

Una vez conocido lo anterior, toca buscar inspiración, para ello últimamente estoy utilizando el siguiente recurso, el cual analiza las principales paletas de colores que presentan algunas de las webs más conocidas. Además de la web anterior, Colourlovers permite acceder a un gran conjunto de paletas de colores de gran calidad creadas por una extensa comunidad de diseñadores.

Otro de los recursos más utilizados en los últimos años ha sido el esquema de color propuesto dentro del lenguaje de diseño Material Design de Google. Este cuenta con un generador que te va a permitir elegir y probar cómo se comportan los colores seleccionados.

En el caso de que tu objetivo sea realizar interfaces compuestas principalmente por gráficos, te recomendaría probar la siguiente herramienta para la elección de los colores. Otra de las herramientas que considero imprescindible es Coolors, la cual permite configurar de manera rápida una paleta de colores. Una alternativa a la anterior es Color wheel, creada por Adobe, proporciona múltiples opciones para crear rápidamente paletas de colores.

Leer más

Los mejores recursos sobre seguridad informatica

Los mejores recursos sobre seguridad informática o ciberseguridad

La seguridad informática nunca ha sido la parte de la informática que más me ha atraído, sin embargo, durante varios años he ido recopilando multitud de recursos muy útiles sobre este tema. En este artículo te muestro algunas de las herramientas y utilidades de mayor calidad y que más me han llamado la atención.

Los temidos SQL Injections

Las inyecciones de SQL (SQL Injection), como digo en el títutlo son temidas por los desarrolladores web debido a las graves problemas que pueden dar lugar. Si no conoces este concepto, te lo podría resumir en que un usuario no autorizado podría ser capaz de ejecturar código SQL sin restricción desde tu página web. Esto podría dar lugar a un acceso completo a toda la información de la base de datos, a cambiar datos o modificar datos, etc.

Leer más

Cómo recuperar archivos borrados en WhatsApp

Ya estamos aquí de nuevo, tratando de encontrar nuevos usos prácticos a distintas aplicaciones comunes que empleamos a diario. Ya sabéis que, desde este rincón de Somos Binarios (el destinado al Hacking y a la Seguridad) buscamos fomentar el pensamiento paralelo como manera de entender la tecnología.

En su día ya aplicamos esta forma de repensar la informática cuando se trataba de Whatsapp y publicamos un post en el que avisábamos de los usos ilegítimos que, con extrema sencillez, se le podían dar a la versión web de Whatsapp. Aquí tienes aquel artículo concreto que seguimos considerando recomendable repasar.

Sin embargo hoy nos centraremos en una función bastante desconocida y “paralela” que nos ofrece WhatsappWeb (es decir, la sincronización y utilización de tu Whatsapp, pero desde el ordenador), y que nos ayudaría a recuperar fotografías, vídeos y demás archivos adjuntos recientes que hayamos eliminado de nuestro teléfono móvil de manera permanente y que ya no podemos recuperar desde nuestro terminal.

Hemos comprobado esta función de Whatsapp empleando para ello varios programas de eliminación de archivos enviados o recibidos por Whatsapp de nuestro terminal móvil, con el fin de asegurarnos de que no quedaba ni rastro de ellos en nuestro teléfono.Y, posteriormente, hemos podido recuperar con éxito esos archivos sincronizando nuestro terminal con WhatssapWeb para volverlos a encontrar ahí.

Leer más

Cómo actualizar tu Linux a la velocidad de la luz ⚡

Cómo actualizar tu Linux a la velocidad de la luz

Una de las tareas más pesadas que puedes encontrar en tu día a día como administrador de sistemas, es la de actualizar el software de tus equipos. Hoy te enseño cómo hacerlo más rápido, incluso con conexiones lentas.

Actualizaciones en Linux, cuestión de disco y velocidad de red

Como seguramente sabrás, hay varias piezas importantes para agilizar el proceso de las actualizaciones:

  • Una red con el suficiente ancho de banda como para descargar las actualizaciones a alta velocidad.
  • Un sistema de almacenamiento capaz de leer, mover y descomprimir los datos rápidamente.
  • Una CPU que no haga cuello de botella con la red y el disco.

Como comprenderás, son tres aspectos que no vas a poder cambiar, o ¿si?.

El sistema de almacenamiento

Las mejoras en el sistema de almacenamiento se pueden obtener atacando dos puntos claves: el hardware y el software.

En el caso del hardware, usar discos de estado sólido (SSD) te va a permitir mejorar muchísimo la velocidad de lectura, escritura y acceso a los datos, respecto a un disco mecánico.

Por otro lado, si hacemos referencia al software, te recomiendo elegir un sistema de ficheros moderno y veloz como ext4 o btrfs.

Leer más

Monitoriza tu sistema con Glances

Monitoriza tu sistema con glances

Actualmente es muy común contar con gran cantidad de ordenadores y servicios instalados, por lo que el proceso de monitorizar se hace cada vez más complejo e intensivo en tiempo.

¿Qué es la monitorización de equipos?

La monitorización de los equipos es un conjunto de técnicas destinadas a conocer, en tiempo real o en momentos puntuales, el estado de cada uno de ellos. Esto último implica conocer el estado físico de los mismo y de todo el software que tienen instalado.

Ventajas de una monitorización intensiva

Aunque muchas personas no creen que haya que monitorizar de manera constante los dispositivos, en mi opinión se equivocan. Este proceso nos permite conocer y/o preveer:

  • Fallos de hardware
  • Servicios mal configurados
  • Problemas de escalado
  • Falta de recursos

Por lo que este trabajo siempre te ahorrará tiempo y dinero.

Leer más

Cómo limpiar el ordenador por dentro

Cómo limpiar el ordenador por dentro

Una de las tareas más pesadas de la informática es mantener los equipos en perfecto estado. Para ello es necesario realizar multitud de acciones, como actualizar el software, comprobar el estado del hardware y limpiar el mismo. Hoy os enseño como abordar esta última tarea, la limpieza de un ordenador.

Cada cuanto debo limpiar el ordenador

Quizás sea esta una de las preguntas estrella del artículo, y la verdad, no tiene una solución única. Dependiendo de distintos factores como si el usuario suele fumar frente al equipo, las horas que este está encendido o el nivel de polvo en el ambiente, tocará limpiarlo con mayor asiduidad o no. No hay que olvidar que un ordenador tiene uno o múltiples ventiladores, que procesan un gran flujo de aire y con ello, gran cantidad de polvo.

El polvo en grandes cantidades puede ocasionar algunos problemas como:

  • Calentamiento excesivo del ordenador.
  • Ruidos extraños, originados por los ventiladores

En mi opinión una limpieza intensiva se debería realizar una vez al año, aunque recomiendo hacer una limpieza del equipo cada 6-8 meses si este pasa mucho tiempo encendido.

Leer más

Proyecto cardio: Hardware libre contra la Muerte Súbita en niños

Proyecto cardio: Hardware libre contra la Muerte Súbita en niños

Hace meses quien esto escribe, comenzó un proyecto ambicioso en materia de Tecnologías Libres aplicadas a la Salud. Desde el primer momento, nuestro webmaster, Jorge Durán, se sumó a la iniciativa con su experiencia en software y hardware. Una ayuda sin la que no podríamos haber avanzado y logrado lo que hoy os presentamos.

El proyecto

Todo comenzó en el seno de una Organización No Gubernamental vinculada a las Fuerzas y Cuerpos de Seguridad del Estado y las Fuerzas Armadas, en la que dirijo el área de I+D. Hasta ahí llegó el caso de dos niños que padecían sendas cardiopatías denominadas QT3 y Síndrome de Brugada. Ambas afecciones cardíacas amenazan la vida de niños y jóvenes mediante la conocida muerte súbita, esto es, fallos cardíacos en plena noche (generalmente durante la fase de sueño) con fatal desenlace.

Todos hemos escuchado hablar de la muerte súbita en niños y jóvenes, especialmente grave en casos relacionados con patologías cardíacas, de modo que el proyecto de intentar desarrollar alguna tecnología anticipativa que ayudase a prevenirla o evitarla, era desde luego un reto y de los atractivos. Así que decidimos intentarlo.

La base de la idea tecnológica que se nos ocurrió era simple: desarrollar o adaptar un pulsómetro de alta precisión que realizase mediciones de la frecuencia cardíaca del niño a tiempo real, pero que fuera programable de manera que se pudiese establecer un índice mínimo de pulsaciones y un índice máximo, de manera que en caso de que estos parámetros se rebasasen, el dispositivo emitiese una alarma de parada cardíaca inminente. De este modo lograríamos contar con una tecnología que se anticipase al colapso cardíaco (bien por descenso drástico de las pulsaciones o bien por un incremento peligroso de las mismas y que pudiesen llevar al niño al colapso).

Leer más

Vulnerabilidad en Facebook desde Android

Vulnerabilidad en Facebook desde Android

Regresamos tras un tiempo bastante liados en el ámbito de la investigación en Tecnologías de Hardware y Software Libre para casos de niños con enfermedades especiales, de lo que tendréis información detallada en futuros posts.

Pero hoy nos centramos de nuevo en materia de Seguridad y Hacking que para eso es nuestro hobbie favorito. Y resulta que lo hacemos con un pequeño agujero de seguridad (seguro que alguno lo tratará de descuido menor, o detalle sin importancia) que, de afectar a una aplicación minoritaria no pasaría de ser una anécdota, pero dado que hablamos de Facebook desde Android, y que dicha aplicación y la red social mencionada está en uso por parte de un par de miles de millones de usuarios en el mundo, creemos que merece la pena destacarlo.

Facebook vulnerable desde un navegador en Android

El caso es que encontramos que podemos realizar un pequeño testeo de seguridad a Facebook desde un terminal Android y descubrir un agujero importante. La app de Facebook para Android es bastante segura, al menos a priori, de no ser porque una combinación de técnicas (como siempre en estos casos) pone al descubierto las contraseñas de acceso del usuario en dicha red social, y lo mejor de todo, es que ni siquiera hay que pasar por la aplicación.

Leer más

Como crear un Gif de manera sencilla

Como crear un gif de manera sencilla

Ampliamente es conocida la frase: vale más una imagen que 1000 palabras. Esto es debido a que una imagen puede ilustrar perfectamente la información que se quiere transmitir, pero en muchos casos es necesario algo más que una imagen. En estos casos, se puede obtar por un video o un gif, lo cual es una solución mucho más sencilla.

¿Qué es un Gif?

Un Gif es un formato para almacenar imágenes con 256 colores, que fue muy popular en los primeros años de Internet. Sin embargo, la característica más destacable frente a los formatos JPG o PNG, es que permite mostrar animaciones. Esto se consigue mediante un conjunto de frames de duración concreta, repetidos en bucle. Además, este sistema cuenta con una amplia compresión, lo que permite que estos archivos tengan un tamaño relativamente pequeño. Ambas ventajas (animación y pequeño tamaño), hacen del formato Gif un firme candidato con el que competir contra los videos de muy corta duración.

Algunos de los principales usos del Gif hoy en día son:

  • Llamar la atención sobre un elemento, en muchos casos, publicitario.
  • Representar el efecto de las acciones al realizar una demostración.
  • Transmitir estados y emociones.

Leer más