Adblock y el hundimiento de las pequeñas webs

por:

Los adblocks o bloqueadores de anuncios están hundiendo las pequeñas webs
Esta semana y a raíz de un artículo de la BBC sobre Adblock y complementos similares, queremos transmitir nuestra posición sobre este tipo de software tanto desde el punto de vista del usuario, como del de un propietario de una pequeña web.

La publicidad: el motor de Internet

Seguramente las personas que lleven navegando desde hace muchos años, no estén de acuerdo con la afirmación de que la publicidad es y ha sido el motor de Internet, porque es un principio Internet creció gracias a una gran cantidad de personas que de forma altruista compartían información. Sin embargo no podemos obviar que entre ese Internet y el actual hay gran cantidad de diferencias, por ejemplo ahora tenemos multitud de servicios gratuitos como el correo (Gmail, Hotmail, yahoo), páginas de noticias, periódicos online, redes sociales, suites ofimáticas en línea, almacenamiento en la nube … todos estos servicios que nos ofrecen de manera gratuita, tienen un coste (servidores, dominios, técnicos, desarrolladores etc) y este coste ha sido sufragado de manera prácticamente íntegra por la publicidad.
Leer más

Ajenti el panel de control de tu servidor

por:

Una de las últimas cosas con las que he estado trabajando ha sido la administración de servidores web. Fruto de la experiencia realizando este tipo de trabajo os traigo un artículo sobre Ajenti, un software que descubrí y que me ayudó a agilizar y realizar de una manera rápida la administración de los servidores.

Ajenti el panel de control que necesitas para gestionar tu servidor

Como bien dice el título Ajenti es un panel de control que nos va a permitir gestionar todo lo relacionado con un servidor. Aunque todo lo que vamos a realizar desde Ajenti lo podemos hacer desde la línea de comandos, con este software no necesitaremos conocer la sintaxis de todos esos comandos y los parámetros con los cuales hay que utilizarlos.

Si nos acercamos al lado técnico podemos ver como Ajenti está escrito en Python (un lenguaje que últimamente está siendo muy popular), incluyendo un pequeño servidor web para mostrar la interfaz web, el core que realiza la ejecución de los comandos y un conjunto de plugins que nos permite añadir una mayor funcionalidad.

Instalando Ajenti en nuestro servidor

Ajenti está disponible para varios sistemas operativos de la rama Linux: Debian y Ubuntu, Redhat y CentOS y para FreeBSD.

La instalación en mi caso (Debian) es ejecutar un comando, así que más fácil imposible.

Visión general

Una vez que lo tenemos instalado, veremos una imagen como la siguiente:

Ajenti el panel de control de tu servidor

Leer más

JSFIDDLE tu IDE online para desarrollo web

por:

En el artículo de hoy os presentamos una web que os ayudará en gran medida para realizar pruebas y compartir código de proyectos web.

Descubriendo JSFIDDLE

JSFIDDLE es una página web, que actúa como si fuera un IDE (un entorno de desarrollo) con algunas características que te van a permitir probar cosas de manera muy rápida.
Algunas de sus características son:

  • Soporte de bibliotecas con un click: para ayudarnos a realizar las pruebas, tenemos la posibilidad de usar algunas de las bibliotecas más utilizadas de JavaScript con sólo seleccionarlas de la lista:

Las bibliotecas de JavaScript más utilizadas a un click con JSFIDDLE
Soporte para cargar recursos externos: en este caso si por ejemplo necesitamos una biblioteca que no está en el menú, la podemos cargar desde aquí, así como plantillas CSS ya definidas:

Soporte para recursos personalizados en JSFIDDLE
Soporte para formateado de código: con pulsar sobre la opción TidyUp nuestro código será formateado para que sea más fácil de leer.
Análisis del código: con pulsar sobre la opción JSHint nos realizará una validación de nuestro código JavaScript:

Analizando nuestro código JavaScript con JSFIDDLE

Leer más

Encontrando fotografías para tus plantillas

por:

Últimamente debido a los exámenes ha estado esto un poco parado, pero hoy os traigo un recurso para realizar vuestras plantillas, proyectos, web etc.

Unsplash tu fuente de fotos

Cuando intentamos realizar un proyecto, uno de los problemas que más encontramos es qué fotos vamos a utilizar para ilustrarlo. Este problema es bastante complejo, ya que por un lado, las fotos no son como los colores que con poner un valor hexadecimal ya los tenemos sino que hay que sacarlas, buscarlas o comprarlas.

Además de la búsqueda otro de los problemas con los que nos enfrentamos los que nos dedicamos a realizar proyectos de este tipo son las licencias. Sí las fotos como la música, los vídeos, los documentos etc tienen licencias y en muchos casos, nos encontramos con que esa foto impresionante que íbamos a colocar de fondo de la plantilla no podemos usarla o que hay que citar al autor ( y eso donde lo ponemos en una plantilla o programa).

La solución que encontramos a todo esto es el uso de fotografías que tengan una licencia libre, así que en gran medida ya podemos irnos olvidando de fotos del National Geographic, Flickr, Google Images etc.

Leer más

Las bibliotecas más usadas en JavaScript

por:

El popular lenguaje de programación, que esta viviendo un gran crecimiento con desarrollos como Node.js tiene un gran cantidad de bibliotecas, con la que ampliar su funcionalidad y soportar nuevos usos (o adaptaciones a los mismos). Hoy os queremos informar de las más usadas y lo que nos aportan.

Las bibliotecas de JavaScript más utlizadas

Gracias a la web libscore que realiza un análisis de las principales páginas web a nivel mundial, podemos saber cuales son las bibliotecas que usan y así conocer cuales son aquellas bibliotecas JavaScript más utilizadas. Esto nos puede saber para conocerlas y ¿si las grandes empresas las usan, por qué no usarlas nosotros?.
Las bibliotecas más utilizadas de JavaScript

Como podemos ver jQuery es la más usada, pero también encontramos otras muy populares como Modernizr, Fancy Box o Carousel.

jQuery la biblioteca más importante de JavaScript

jQuery la biblioteca más importante de JavaScript

jQuery es hoy en día un elemento que acompaña a JavaScript en la mayoría de las ocasiones, por lo que su primer puesto no es una novedad. Una manera de ver el alcance que tiene esta biblioteca, es ver como gran cantidad de las respuestas de desarrollo web que hay en StackOverflow, son resultas siempre mediante jQuery.

Como opinión personal creo que jQuery es uno de los máximos exponentes de menos es más es decir, no añade gran cantidad de novedades a JavaScript, pero nos permite hacer algunas cosas que en JavaScript requieren de un número elevado de líneas de una manera muy simple. Es usada principalmente para modificar o seleccionar elementos DOM y las hojas de estilo CSS, además de para gestionar eventos y realizar animaciones.

Leer más

¿Por qué elegir un servidor VPS?

por:

En las últimas dos semanas vengo trabajando con un servidor VPS (Virtual Private Server) para realizar un pequeño proyecto propio de una aplicación. La verdad el cambio de pasar de usar un hosting compartido a un VPS es notorio. En esta entrada os propongo realizar un análisis de qué nos puede ofrecer un VPS y por qué deberíamos usar uno en algunos casos.

¿Qué es un VPS?

Para empezar a hablar sobre este término lo primero que debemos decir es definir qué es un VPS. Un VPS es una instancia normalmente virtualizada sobre un gran servidor, donde tu lo puedes gestionar con acceso total. A diferencia del hosting compartido, aquí tienes garantizado una serie de recursos únicos para ti y puedes instalar el sistema operativo que quieras, cambiar la configuración del servidor web, instalar programas etc. Luego hay otro concepto importante que es el de servidor dedicado en este caso tenemos una máquina física únicamente para nosotros.

¿Debería elegir un servidor VPS?

La respuesta a esta pregunta es depende, lo primero de todo para manejar un VPS es importante que el usuario cuente con conocimientos de administración de servidores, ya que una mala configuración de alguno de los programas nos puede llevar a tener grandes fallos de seguridad. Esto suele ser habitual cuando empezamos, por lo que no es aconsejable que nuestros primeros pasos con un VPS sea para un proyecto serio.

Los servidores compartidos en muchos casos son suficientes para la mayoría de usuarios comunes, si solo quieres tener un blog, una web que muestra información, una base de datos etc, es la manera más sencilla y barata de tener estos servicios.

El servidor VPS tiene la ventaja de que te va a permitir por ejemplo instalar la versión de PHP que necesites, esto es importante si utilizas un proyecto antiguo o si vas a utilizar las nuevas características del lenguaje. De la misma manera te va a permitir instalar compiladores de Java, C, C# etc para poder usar el lenguaje que prefieras.
Otra de las ventajas es la flexibilidad que nos proporciona, al ser tú el que va a administrarlo hoy puedes instalar Node.js como servidor, mañana Apache y pasado Ngnix e ir probando el que mejor se adapte a tus necesidades. Cosa que en muchos compartidos es imposible porque ya te dan ciertas instancias preconfiguradas.

En resumen con un VPS puedes conectarte por SSH o cualquier otro tipo de Shell remota y vas a encontrar una terminal para hacer cualquier cosa que podrías hacer en el ordenador de tu casa. Lo que implica riegos y ventajas.

Leer más

Creando presentaciones en HTML

por:

De un tiempo a esta parte, están surgiendo gran cantidad de proyectos que buscan aprovechar las características que ya incorporan los navegadores modernos y los proyectos de HTML y JavaScript para salirse de la zona de confort. Esto es dejar de utilizarlos solo para hacer aplicaciones web o páginas web y explotar otros usos que se le puedan dar.

Reveal el framework de las presentaciones en HTML

Después de buscar algo más moderno y que se pudiera usar en cualquier plataforma dí con Reveal. Reveal es un proyecto que nos va a permitir crear diapositivas, como las de un Power Point de toda la vida, pero en HTML y esto trae gran cantidad de ventajas:

  • Se pueden reproducir sin necesidad de un software auxiliar.
  • Se pueden ver desde todo tipo de dispositivos: ordenadores, tablets, móviles etc.
  • Permite integrar cualquier cosa que sea posible usar en HTML, por lo que añade elementos que Power Point no tiene, como gráficas dinámicas, iframes, imágenes svg etc.

Bueno muchos pensaréis, todo esto es muy bonito, pero ya sabemos como son estos proyectos, muy bonitos, prometen mucho, pero luego cuando los usas se ven que están todavía muy verdes. En este caso, aunque si es cierto que algunas características no están del todo pulidas, si que puedo decir que es perfectamente usable a día de hoy.

Empezando a crear nuestra presentación

Lo primero que debemos hacer para empezar a crear nuestra presentación es decidir si vamos a usar el editor online de presentaciones, que ya tienen o si preferimos tocar el código.
Leer más

Como crear una web 9: La tipografía

por:

La tipografía es muy importante para dar una sensación coherente con el contenido que se transmite

La tipografía es una parte bastante importante de cualquier documento escrito y en las páginas web es un factor muy a tener en cuenta, ya que el uso de un tipo de letra u otro, le da a nuestra página un aspecto más formal o incluso posibilita la lectura en cualquier dispositivo o la impide.

 

Como yo no soy un experto en este tema, os traigo un pequeño manual para gente que no es experta en diseño, donde se detalla todos los conceptos importantes sobre la tipografía y el efecto que tiene cada uno de los tipos de letras (está en inglés pero tiene más imágenes que texto, así que se puede entender fácilmente).

 

 

Leer más

Robots.txt ayudando a Google a indexarnos

por:

El robots.txt nos permite indicar el contenido que queremos indexar

Una de las cosas que muchas veces se suelen dejar para otro momento y luego al final no se realizan es la configuración del archivo robots.txt un fichero que no está destinado para nosotros o nuestros usuarios, pero sí para los buscadores y siempre nos interesa facilitarles el camino.

¿Cómo indexa un buscador?

Aunque este no es un artículo centrado en la indexación, podemos decir que un buscador, realiza un seguimiento similar al de un usuario. El buscador nos puede visitar, bien porque estamos dados de alta para que nos visite cada cierto tiempo, bien siguiendo un enlace de otra página que le lleva hasta la nuestra.

Una vez que llega a nuestra página, lo normal es que rastree la propia página en la que ha entrado (por ejemplo, este artículo) y alguna más siguiendo los enlaces que encuentra en el artículo actual. Este proceso es complejo y muy costoso en tiempo para el buscador, así que buscan la ayuda de los administradores de páginas para facilitarles el camino.

Leer más

Less el preprocesador de CSS

por:

Hacía tiempo que no volvíamos a tocar el tema del diseño y la programación web y he querido dedicar esta entrada a una de las herramientas que ha conseguido llamar mi atención, denominada Less y que voy a intentar explicar.

Qué es Less

Less es el preprocesador de CSS que os mostramos.

Básicamente Less es un preprocesador de CSS, lo podríamos definir de forma más mundana, como una capa que colocaríamos por encima de CSS y que nos va a permitir ampliar las capacidades de este lenguaje para crear hojas de estilo.

En verdad Less, no es el único preprocesador de CSS, hay varios y actualmente no hay un claro dominante, pero Less es uno de los proyectos que cuenta con más apoyo por parte de la comunidad.

La necesidad de usar Less

La necesidad de usar Less viene regida por las carencias que tiene CSS. Una cosa muy básica para cualquier programador es poder definir variables y constantes, esto nos permite dejar un código más claro y poder readaptarlo con mayor facilidad, pero CSS no permite usar variables.

Este tipo de carencias es lo que Less intenta suplir.

Leer más