Crea gráficas fácilmente y exportarlas rápidamente con Graph.tk

download (1)

Mientras cursaba el bachillerato tuve que crear muchas gráficas a mano, aunque ya existían herramientas como una calculadora graficadora no eran tan asequibles y creo que todavía no lo son, también ya existía el extinto Microsoft Encarta con su programa adicional para crear gráficas, aún así los computadores de mi colegio no eran tan buenos y para evitar echarle madres (?) mejor las hacía  a mano.

Gracias a Goku (??) hoy en día ya existen miles de herramientas para crear gráficas de funciones trigonométricas y matemáticas de forma fácil, rápida y lo más importante: que sean exportables a cualquier formato para poder ser utilizadas en cualquier lugar, documento o sitio web.

Graph.tk te permite crear la gráfica de cualquier función trigonométrica y matemática que escribas en su intuitivo editor  de funciones, el resultado de la gráfica se puede apreciar de forma instantánea en el plano cartesiano, la aplicación permite agregar un sin número de fórmulas de cualquier tipo, lo mejor de todo es que la aplicación facilita la exportación de la gráfica en formato PNG.

Graph.tk

Crea favicons seguros para iOS, Android y Windows 8

Antes de la era de los dispositivos móviles los iconos favicon solo eran utilizados y mostrados en la barra de direcciones de los navegadores de escritorio, cuando empezó la era de los dispositivos móviles y debido a sus nuevas capacidades los favicons evolucionaron para ser mostrados en la pantalla de inicio de estos y años más tarde con la llegada de Windows 8 éste permitió definir un favicon para ser mostrado en la barra de tareas del sistema operativo.

p4PNFVl

Ya no es suficiente con crear un favicon de 32×32 píxeles para tus visitantes de PC, ahora debes crear todos los iconos para las plataformas móviles y Windows 8, de esta forma tu sitio web lucirá más profesional y que de verdad de preocupa por sus visitantes.

Si de verdad deseas tener un sitio web que se preocupa por todos sus usuarios te presento Real Favicon Generator, una efectiva aplicación web que te convierte tu icono a favicons para navegadores de escritorio, navegadores móviles, iOS, Android y Windows 8, además de entregarte por supuesto los iconos en todos estos formatos también te facilita el HTML necesario para implementarlo en tu sitio web de forma rápida y sencilla.

Screenshot_110

Real Favicon Generator ofrece además la validación de tu sitio web para comprobar que el favicon se vea correctamente en los computadores de escritorio, Windows 8 y las plataformas móviles.

Real Favicon Generator

Cómo monitorizar la reputación de un comercio en Internet

El dicho de «Haz cien y no hagas una, y será como si no hubieras hecho ninguna» se ha convertido prácticamente en una frase de referencia a la hora de dar a conocer un negocio en Internet, ya que basta sencillamente una sola mala opinión de un cliente insatisfecho para mandar al traste el trabajo de muchos meses. Para evitar que una mala opinión se extienda por la red como la pólvora siempre hay que estar vigilando las opiniones que se vierten sobre el negocio que se administra en la red, y para ello resulta imprescindible emplear herramientas que permitan automatizar esta tarea sin necesidad de andar revisando cada red social prácticamente cada día.

Monitorizar la reputación de un comercio en Internet

Las herramientas más populares para monitorizar la reputación de un comercio en Internet son:

  1. Alertas de Google. Se trata del servicio más sencillo y popular que existe para recibir avisos cada vez que algún resultado en Internet coincide con la alerta que se haya configurado. Las alertas se pueden recibir de forma instantánea en el correo electrónico. Enlace aquí.
  2. Social Mention. Otra alternativa muy popular que principalmente se encarga de mandar un aviso cada vez que la búsqueda que se haya configurado es mencionada en alguna de las redes sociales. Enlace aquí.
  3. Blogmeter Social Listening. Se trata de la herramienta más completa aunque, eso sí, es de pago. Además de crear alertas por cada mención en la red de una determinada palabra clave, también pide la popularidad de la marca y los sentimientos que despierta entre los usuarios cada vez que es mencionada. Enlace aquí.

En el enlace adjunto al final de este artículo se pueden encontrar otras muchas herramientas (gratuitas y de pago) destinadas al mismo fin.

Vía | TicBeat.com

Tutorial interactivo gratuito para aprender PHP

Screenshot_109

PHP continua siendo el lenguaje de programación web más utilizado, aunque en los últimos años han surgido otros que cada vez cogen más fuerza como Python y Ruby todavía no han logrado destronar el reinado de más de 10 años que sustenta PHP en nuestros corazones (?).

Si todavía no sabes PHP o apenas estás entrando en este infinito mundo de bits y algoritmos te recomiendo Learn PHP, un sitio similar a CodeAcademy en el cual puedes aprender PHP de forma interactiva y divertida, sin necesidad de instalar algo y directamente en el navegador.

El sitio ofrece todo lo básico pero fundamental de PHP, como son las estructuras, cadenas, ciclos, funciones y objetos, cada sección con información precisa explicándote que estás aprendiendo y como funciona en general el lenguaje.

Learn PHP

AdBlock Plus lanza agregados para bloquear elementos de la interfaz de YouTube

Cuando uno piensa el diseño de una interfaz web trata de hacerla lo más usable y cómoda posible, pero no todos tenemos los mismos gustos, lo que a muchos les puede ser de utilidad, a otros les puede llegar a ser una molestia.

Hoy les quiero comentar de unas nuevas opciones que lanzó la gente de AdBlock Plus para su extensión, las cuales nos permiten eliminar partes de la interfaz de forma muy sencilla.

adblock youtube

Dentro de lo que podemos eliminar de la interfaz tenemos:

  • Comentarios.
  • Videos Sugeridos.
  • Videos Destacados.
  • Videos Recomendado.
  • La pestaña para compartir en la descripción.
  • Anotaciones en el video.
  • Canales relacionados en las páginas de canales.
  • Canales destacados en las páginas de canales.
  • Canales populares en las páginas de canales.
  • Canales recomendados en la home.

Para aplicar estos cambios tienen que ir a la web de Personaliza YouTube con Adblock Plus e ir activando las opciones que ustedes quieran. Demás está decir que para que esto funcione necesitan tener la extensión AdBlock Plus instalada.

Visto en GeeksRoom

Gratisography: Fotografías con resoluciones de hasta 2160p gratuitas

Screenshot_93

Es muy, muy difícil encontrar fotografías en alta resolución en Internet, especialmente si no tienes un presupuesto decente para comprarlas, la mayoría de sitios que prometen fotografías gratuitas en realidad te dan una en una pésima resolución y tienes que comprar la que si está en alta resolución, algo muy complicado si eres freelancer o independiente ya que sus precios siempre son algo elevados.

Gratisography es un sitio con varias docenas (por ahora) de fotografías en alta resolución, y muy alta resolución, la mayoría sobrepasan la resolución de 1080p, llegando a resoluciones de 2160p, que corresponden  a 3840×2160 píxeles y sin ninguna promesa engañosa de fotografías en resoluciones que de verdad no ofrecen.

Absolutamente todas las fotografías son libres de usar en proyectos personales o sin ánimo de lucro y también en productos comerciales sin problema alguno.

Cada semana agregan más fotografías al listado.

Gratisography

Chuleta con todos los códigos de estado HTTP

Screenshot_87

Para los que todos los días estamos dándonos contra el teclado con peticiones, rutas, respuestas, encabezados está chuleta o lista de códigos de estado HTTP les será muy útil.

Los códigos de estado HTTP o HTTP status code en Inglés es un estándar creado por el Grupo de Trabajo de Ingeniería de Internet o Internet Engineering Task Force en Inglés, que suena mucho más cool, como un grupo élite y su bandera dice WWW (?), cada uno de estos códigos son retornados por el servidor cada vez que entras a un sitio web, un archivo es solicitado o cualquier otro tipo de petición.

En httpstatus.es se puede encontrar una lista muy amigable y descriptiva de todos los códigos, separados por tipo de respuesta, los que empiezan por el número 1 son de información provisional, los del número 2 son respuestas exitosas o correctas, los del número 3 se refiere a redirecciones, los del número 4 son errores por parte de las peticiones del cliente y los del número 5 son errores por parte del servidor.

Cada uno de los códigos tiene un enlace con una descripción más extensa del mismo, información adicional y su nombre completo.

HTTP Status Codes

Paletas de colores para Google Maps

snazzymaps

Seguramente has tenido que usar el servicio de Mapas de Google en algunos de tus proyectos y seguramente te has encontrado con la situación que el estilo de los mapas no combina bien con el diseño de tu sitio web, situación que te incomoda un poco pero al fin y al cabo lo tienes que dejar así porque no tienes otras posibilidades o los otros servicios no funcionan tan bien como el de Google.

Snazzy Maps ahora existe para solucionar esta situación, el sitio web recopila y crea paleta de colores para los mapas de Google Maps, el cual, desde la versión número 3 permite incluir estilos de colores en los sitios web donde se incrustan, de esta manera los diseñadores pueden modificarlos y personalizarlos para que se adapten mejor al estilo de sus diseños principales.

Cada paleta de colores tiene las instrucciones precisas para utilizarlas de forma correcta pero si tal vez no es comprendido fácilmente puedes descargar el ejemplo completo y ver como funcionan. Por último, también puedes publicar tus propios estilos y de esta forma aumentar el número de estilos personalizados disponibles.

Snazzy Maps

Botones sociales con Bootstrap

botones sociales con bootstrap

Cada vez es más común ver que las nuevas aplicaciones web o servicios en Internet que requieres de una cuenta para iniciar sesión nos facilitan hacerlo a través de nuestra cuenta en alguna red social, esto con el fin de hacer muchísimo más fácil y rápido el registro y en el camino obtener parte de nuestra información desde la red social.

Por el otro lado, del de los desarrolladores implementar estas integraciones no es nada fácil, cada red social ofrece métodos y formas diferentes de integración, pero por el lado de la estructura visual ya nos podemos tranquilizar un poco, gracias a Social Buttons for Bootstrap, un pequeño pero útil proyecto que nos entrega los botones de inicio de sesión de 12 redes y servicios sociales diferentes, cada uno con su color distintivo y en diferentes formas y tamaños.

Para utilizarlo lo único que tiene que hacer es descargar el proyecto desde Github e incluirlo en su proyecto web, después de eso utilizar algunas de las 12 diferentes clases y ya esta, tienen su botón para iniciar sesión desde las redes sociales.

Social Buttons for Bootstrap

Como crear emails para todos los dispositivos móviles

Si no has estado viviendo en un paraíso secreto debajo de la superficie de la tierra (?) seguro te has dado cuenta que los dispositivos móviles se venden más que los computadores de escritorio y hasta los portátiles, estamos viviendo en la era Post-PC, ya no tienes que estar en tu casa o tu trabajo para conectarte con el mundo, ahora lo puedes hacer desde cualquier lugar, literalmente, el baño, bajo el agua, a varios miles de metros en el cielo, donde quieras.

Del lado de las compañías, empresas y agencias de publicidad esta transformación ha traído consigo nuevos desafíos sobre la forma de como llegar a más personas que está conectadas desde dispositivos que no tienen una pantalla de 14 pulgadas, si no un pantalla de 4 a 7 pulgadas, en ese mismo tamaño deben mostrar en sus campañas por email toda la información que antes mostraban en un espacio 2 o 3 veces más grandes.

Pero no todo esta perdido, gracias al avance de las tecnologías web, ahora es perfectamente posible crear campañas de email que se ven exactamente igual en cualquier dispositivo sin importa el tamaño o resolución de su pantalla, esto se logra gracias a las Media Queries, Grillas e Imágenes Fluidas, las cuales permiten ofrecer una experiencia igual para cualquier tipo de usuario.

En la siguiente infografía se explica el porque crear emails responsive, como es posible hacerlo y como implementarlos, los dispositivos que soportan este tipo de emails, un punto importante a destacar es que la aplicación con la que se vea el email es quien determina la disponibilidad de las técnicas para entregar un mail responsive, más no el dispositivo.

how-to-responsive-email-design-infographic

Vía: Litmus