Protegiendo Apache, FTP y los servidores de correo con Fail2Ban

Funciona de una forma muy sencilla, Fail2Ban lee los archivos de log de accesos por password o los errores del fichero de errores de apache error_log vetando a través del Firewall aquellas IPs que fallan muchas veces

Para instalarlo, desde Ubuntu o Debian:

sudo apt-get install fail2ban

Páginas relacionadas con este artículo:

1. Baneando direcciones IPs en Apache bajo Windows
2. Test de carga web
3. Optimizar servidor MySQL

Tanto es así que me voy a ir dejando algunos post con las cositas que más me han costado configurar, porque la información que popula por la red a es tan maravillosa como incompleta, equívoca en muchos casos.

El servidor FTP que he tenido el placer de configurar a pelo no es otro que Proftpd y si bien lo he realizado desde un Ubuntu, cualquier distribución linux puede utilizarlo, la diferencia es mínima.

Instalarlo es la mar de sencillo a la par que barato, desde un terminal copiaypastea el siguiente palabro:

sudo apt-get install proftpd

Luego creamos una Shell falsa editando el archivo de shells con vuestro editor favorito, en mi caso nano, el Vim para los suelos, que los deja como el oro (broma, con poca gracia, todo hay que decirlo, en modo años 80)

sudo nano /etc/shells

Aquí añadimos lo siguiente al final del texto, tal cual

/bin/false

Nos aseguramos de tener creados los directorio de subida de ficheros, en nuestro caso están en: /var/www/miftp

Si tenemos que crear el directorio recuerda:

mkdir /var/www/miftp

Luego dale permisos de lectura y escritura, los famosos 777

sudo chmod 777 /var/www/miftp

Ahora vamos a tocar un poco el archivo de configuración general de ProFTPd para ello volvemos a ejecutar el editor nano:

sudo nano /etc/proftpd/proftpd.conf

En nuestro caso aquí hemos tocado bien poco, tan sólo hemos cambiado el usuario de proftpd por nobody, busca “user” que estará justo antes que “group” y allí cámbialo, para buscar en nano utiliza CTRL+W

Graba el archivo con un CTRL+O Enter y continuamos

Ahora vamos a añadir un usuario FTP en Proftpd, aquí es donde los diferentes blogs que he consultado la lían parda, te meten un comando useradd con tres parámetros básicos, nombre de usuario, clave y directorio, pues bien, la clave, la clave, la clave de las pelotas debe ir encriptada, de lo contrario todos los intentos de login contra el servidor de FTP serán del todo improductivos. Al final en un foro he visto la luz, tal es así que vamos a realizarlo nosotros en dos pasos, en dos líneas de comandos en lugar de una, la primera sin la clave y la segunda con el encriptador de claves.

useradd –d /home/ftp pepepalotes

Y ahora el encriptador que no es otro que el comando pasword de linux:

passwd pepepalotes

El sistema te pedirá la clave, la introduces tal cual y ya se guardará encriptada.

Ahora reniciamos el servicio de FTP con el siguiente comando y a conectarse!

sudo /etc/init.d/proftpd restart

Páginas relacionadas con este artículo:

1. Instalar archivos .bin en Ubuntu
2. Habilitar cURL en Ubuntu
3. Desinstalar kernels antiguos en Ubuntu

HTML5 & CSS3 Resources for Designers
Updated: 2010-10-14 (new items highlighted below)
CSS3 Examples (including Media Queries)

http://thebox.maxvoltar.com/

http://hardboiledwebdesign.com

http://lostworldsfairs.com

http://www.informationarchitects.jp/

http://colly.com

http://hicksdesign.co.uk

http://jordandobson.com/better_rounded_border_demo/

http://www.designmadeingermany.de/magazin/5/

http://neography.com/experiment/circles/solarsystem/

http://neography.com/experiment/type1/

http://newadventuresconf.com/

http://maxvoltar.com/temp/nowplaying/

http://maxvoltar.com/sandbox/flipclock/

http://prandall.com/experimental/css3-backgrounds/

http://lab.simurai.com/css/umbrui/

http://trentwalton.com/css3/type/

HTML5 Examples (including Canvas)

http://www.chromeexperiments.com/

http://www.apple.com/html5/

http://www.apple.com/ipad/ready-for-ipad/

http://desandro.com/articles/close-with-canvas/

http://mezzoblue.github.com/PaintbrushJS/demo/

http://mugtug.com/sketchpad/

http://www.nihilogic.dk/labs/canvas2image/

http://www.rgraph.net/

http://videojs.com/

http://sublimevideo.net/

Tools, et al.

http://www.colorzilla.com/gradient-editor/

http://westciv.com/tools/

http://css3generator.com/

http://border-radius.com/

http://mothereffingtextshadow.com

http://modernizr.com/

http://selectivizr.com/

http://code.google.com/p/css3-mediaqueries-js/

http://code.google.com/p/ie7-js/

http://code.google.com/p/universal-ie6-css/

http://lessframework.com/

http://www.happyworm.com/jquery/jplayer/

http://macrabbit.com/cssedit/

http://html5reset.org/

http://html5boilerplate.com/

More reading

http://www.quirksmode.org/css/contents.html

http://reference.sitepoint.com/css/css3attributeselectors

http://diveintohtml5.org/

http://neutroncreations.com/blog/building-a-custom-html5-audio-player-with-jquery/

http://html5doctor.com/native-audio-in-the-browser/

http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

http://24ways.org/2009/working-with-rgba-colour

http://24ways.org/2009/css-animations

http://24ways.org/2009/going-nuts-with-css-transitions

http://24ways.org/2009/cleaner-code-with-css3-selectors

http://zomigi.com/blog/deal-breaker-problems-with-css3-multi-columns/

http://realworldcss3.com/resources/

Páginas relacionadas con este artículo:

1. Motor para videojuegos bajo HTML5 y JavaScript
2. Plantillas de páginas web con HTML5
3. El aporte que HTML5 representa a los desarrolladores web

Muchas de estas aplicaciones ya las conocía, pero de todas, me quedo con http://loadimpact.com/

Sencillamente porque su versión gratuita te permite simular hasta 40 usuarios navegando simultáneamente en tu página web, cifra más que suficiente para poder medir cualquier hosting y predecir si se va a caer.

Para los programadores web tiene otra utilidad, la de la optimización, sí ya sabes que arañar unos bytes a tu código siempre le sienta bien, pero bueno, ¿tan poco se nota? Dedicar 4 horas depurando para unos pocos bytes es rentable. Si te lo pagan sí. Por ejemplo en aplicaciones críticas con muchos usuarios concurrentes quizá el primer paso es optimizar y no proceder a cambiar de hosting o de servidor con elcoste que implica.

Esta prueba de rendimiento en masa tiene otras aplicaciones, no sólo podrás saber si el hosting que tienes o el de tus clientes es bueno sino que también si eres de sistemas te permitirá comprobar la eficacia en cuanto a rendimiento de los cambios de configuración que realices en la configuración de un servidor. Incluso ir un paso más allá, podrás medir diferentes servidores web, Apache bajo Windows, Apache bajo Linux, Nginx, Cherooke…

Bueno pues nada, a optimizar nenes y nenas de la web!: http://loadimpact.com/

Páginas relacionadas con este artículo:

1. Comprobar la velocidad de carga de una web
2. Nginx y phpMyAdmin
3. Baneando direcciones IPs en Apache bajo Windows

La imagen superior, que se amplía al pulsar sobre ella hasta unos considerales 1920 x 1200 pixelazos, se trata de un póster donde se muestran casi todos los conceptos inherentes al diseño de tipos de letra, tipografías o fuentes.

No es un compendio para clasificar las fuentes atendiendo a su tipología o mensaje, es un descriptor de la física de cada letra, de los rasgos que la conforman.

El póster se encuentra en inglés pero esto no debe ser un handicap. Gracias a él refrescaremos la palabrería utilizada en diseño para describir a una fuente, desde los conceptos como centro óptico, linea base, vértice. bowls, etc. Si te la imprimes o la utilizas de escritorio, aprenderás a hablar como un auténtico diseñador, es decir con tipográfica propiedad.

Páginas relacionadas con este artículo:

1. Tipografía para programación
2. Material para crear fondos de pantalla
3. Tipografías grunge

El RSS es un sistema que en marketing se agruparía dentro de los PUSH, pues es el RSS el que va a buscar al usuario, obviamente una vez este se ha suscrito, la página web en sí es un método PULL donde al contrario que en los PUSH es el usuario el que tiene que ir a buscar la información con su navegador.

No vamos a entrar en este artículo a hablar de las numerosas bondades del RSS pero sí que vamos a ver un sencillo y práctico validador de RSS online.

Para comprobar si un determinado Feed cumple con las reglas de dicho formato existen muchas opciones, algunas de escritorio pero para nosotros la mejor es Feed Validator, una aplicación online que te validará cualquier dirección de internet que contenga un RSS. Toma buena nota de la dirección: http://beta.feedvalidator.org/

En la captura anterior, hemos realizado la prueba con un cliente nuestro, cablematic.com donde hemos colocado un nuevo generador de RSS para todas y cada una de las familias de productos, al intentarlo validar podemos ver diversos errores detectados en la estructura del FeedRSS, el primero y realmente importante es la utilización de signos [] también denominados brackets en el tag interno del title de la noticia del RSS.

Para evitar este error hay que escapear la salida de todos los textos, míra como lo hemos realizado:

$rssOutput .= ‘<title>’.'<![CDATA['.$lng_ref_min.' '.$productRef.' '.$productName.']]>’.'</title>’.”\n”;

Es decir  tras el tag ponemos el <![CDATA[ para segir con las variables que contienen el texto, en nuestro ejemplo 3 variables, la palabra REF. (acrónimo de referencia), la referencia del producto y finalmente el nombre, este último es que contiene brackets. después finalizamos con ]]>

El resto de errores que nos lanza Feed Validator no son errores como tal sino sugerencias para intentar compatibilizar el feed con el mayor número de lectores de RSS. Por ejemplo la primera nos informa de que existen demasiadas entradas con la misma fecha y hora. El segundo que para mejorar la compatibilidad no se incluya HTML dentro de los feeds, pero nosotros en este caso no buscamos la mayor compatibilidad si no que quien los vea los vea bien y a todo lujo de detalles, un producto bien presentado vende mucho más que uno que se vea con un Amstrad CPC a sólo texto.

Enlace: http://beta.feedvalidator.org/

Páginas relacionadas con este artículo:

1. Saber que es lo que tarda en descargar
2. ¿Qué se dice de mi sector?
3. Posicionar tienda online 1

Menudo descubrimiento, con este buscador podrás encontrar libros electrónicos en formato PDF de prácticamente cualquier materia, muchos son totalmente gratuitos otros no lo sabrás y si decides descargarlos estarás infringiendo la ley, lo difícil es saber si estos tienen o no copyright pues por ejemplo, hemos podido descargar la trilogía de Stieg Larsson, La chica que soñaba con una cerilla y un bidón de gasolina así sin más.

Así pues sin una política clara será tu sentido común el que te diga si lo que te bajas es legal o no, menudo tema después que el gobierno decida poder cerrar páginas así sin más, en fin. Esta página está fuera de nuestras fronteras y seguro que no la cerrarán. En ella encontrarás libros tanto en lengua castellana como en otras lenguas, otro uso es el de conseguir manuales técnicos o libros sobre programación, hemos buscado “php” y “javascript” y hemos conseguido excelentes resultados.

Así que toma buena nota: http://mega-pdf.com/

Páginas relacionadas con este artículo:

1. Error con LOAD DATA LOCAL INFILE en MySql
2. Otro slider o accordion pero este gratis
3. Buscador de iconos

Posicionar tienda online en Google

En esta serie de artículos sobre posicionamiento en buscadores de tiendas online vamos a tratar algunos de los métodos en cuanto a programación de estructuras internas se refiere para conseguir una mayor optimización de las tiendas virtuales.

Estos artículos no tratan de cubrir la totalidad de opciones y metodologías que existen para posicionar mejor una tienda online. Pretenden ser tan sólo un reflejo a modo de concepto de las novedades en cuanto a posicionamiento en Google que vamos a ir incorporando a nuestros sistemas de tiendas online durante este año 2010. Partimos de una base previa ya consolidada a lo largo del año 2009 donde hemos introducido entre otras nuevas prestaciones el uso de permalinks 100% limpios y la generación de los metatags de descripciones y palabras claves en base a una estudiada fórmula así como un novedoso sistema de ahorcado de familias de productos que permite generar tantas webs satélites como subfamilias de producto tengas en tu tienda online, algunos de estos sistemas los comentaremos en un futuro post.

Así pues tras esclarecer un poco el ámbito de estos artículos vamos a proceder a descubrir el contenido de este primer capítulo: los denominados Microformats,  vamos a tratar de conseguir que aquellas tiendas online y catálogos de productos en internet que se basan en nuestro sistema de tiendas online ecOOmmerce.com mejoren sustancialmente su posicionamento en Google si bien la información aquí contenida puede ser aplicable a la práctica totalidad de sistemas de tiendas online, aunque bajo algunos casos como el del extendido OScommerce la estructura interna del mismo, en exceso anticuada puede ser un escollo insuperable, lastrando la escalada vertical de posiciones en el buscador.

Nuestro sistema de tienda online se beneficiará de los Microformats

ecOOmmerce.com es nuestro sistema de tiendas online, en la futura versión 3.8 cuya fecha estimada de salida es en mayo del 2010 vamos realizar especial hincapié en los denominados Microformats con el objetivo de optimizar las capacidades en cuanto a posicionamiento de los productos de nuestros clientes en el buscador Google.

Durante este mes de marzo estamos ultimando la versión 3.7 que contará con un nuevo sistema de carrito de la compra y un avance significativo en la construcción interna de la estructura HTML o DOM de la tienda online.

Experiencia previa de los microformats en sistemas de blog automático

Si bien esta nueva funcionalidad de ecOOmmerce.com nos proporcionará resultados en un tiempo antes vamos a poder contar con la experiencia previa en otra plataforma nuestra cOOmmunicate.com un sistema de generación de blogs automático que se sincroniza directamente con ecOOmmerce.com mediante RSS, o con cualquier otro sistema que genere RSS, su funcionalidad es realizar un blog automático con las novedades de productos con el objetivo de conseguir una mayor visibilidad del conjunto.

¿Qué son los Microformats o Microformatos?

Los microformats son un parche popular que se está utilizando en internet desde no hace mucho tiempo para volver la web algo más semántica, es decir que un contenido se intente autodefinir y clasificar por si mismo, anteriormente decimos parche pues no se trata de ningún sistema o programación específica creada desde cero, tan sólo se trata de una metodología de trabajo que pretende aprovechar los comandos o tags habituales del lenguaje HTML para definir algunas estructuras semánticas básicas y no tan básicas. Seguro que con esto no te has aclarado del todo, no te preocupes a nosotros nos pasó igual, lo mejor, como no, un ejemplo clarificador:

Ejemplo de uso de Microformats

Producto:

Sartén 24 cm. de diámetro con antiadherente

Marca:

Aceroxidados

Familia:

Utensilios de cocina

Descripción del producto:

Moderna cacerola que hace uso de los máximos estándares de calidad existentes en la industria,
fabricada mediante un complejo proceso químico que le confiere una aleación y blablabla…

Precio de venta:

19.95e.

Gracias al uso del delimitador “div” combinado con un nombre de clase llamado hProduct buscadores como Google, Yahoo, navegadores como Firefox, y programas que automatizan procesos etc. saben que el texto “Sartén 24cm.” delimitado por el tag de HTML <div> es el nombre o descripción de un producto, mientras que precio es tan sólo un número, y por tanto la primera parte es semántica, es decir saben de que va y la posicionan como tal, es decir como un producto.

Con esto ya hemos utilizado el microformat hProduct para facilitar la tarea a buscadores y otros engendros automatizadores, a partir de aquí vamos a implementarlo en nuestro programa de tiendas online ecOOmmerce.com adaptando como no el diseño estructural y capeado de las fichas así como los nombres de las classes que utilizamos para mostrar la ficha de productos al cliente.

Vamos ahora a ver todas las subclases del microformato hProduct para estudiar que podemos aplicar.

Microformato hProduct y sus subclases

• hproduct: Esta es la clase que autodefine que estás en una ficha de producto
• brand: con esta clase identificamos la marca del producto, si existiese otro microformato del tipo hCard activo, esta última debería contener el nombre del fabricante y brand tan sólo la marca.
• category:: la categoría o familia de productos a la que pertenece el producto, puede utilizarse más de una vez en la misma página para tiendas online multifamilia
• price:: el precio del producto, puede contener también un “55.90eur. ahorre hoy un 5%” es decir frases promocionales
• description:: la descripción completa del producto.
• fn:: el nombre del producto
• photo:: la clase para fotos que debería aplicarse a los tags <img> o <a> que contenga la foto, pueden existir más de uno
• url:: esta clase debería asociarse a los tag <a> que enlacen con la página de detalle del producto
• review:: al igual que url pero enfoca a la página que contiene análisis del producto no obstante se puede usar la clase mayor hReview. Puede contener varios.

Enlaces:

Microformatos en general: http://en.wikipedia.org/wiki/Microformat

Microformato para productos: http://microformats.org/wiki/hproduct

Microformato para productos según Google: http://www.google.com/support/webmasters/bin/answer.py?answer=146750

Páginas relacionadas con este artículo:

1. Beneficios de la tienda virtual multitienda
2. Posicionar a través de redes sociales
3. Generador de PDFs online

Un apunte ultrarápido que nos permitirá saber que aplicaciones y que usuarios están consumiendo más recursos en tu máquina, esta funcionalidad es válida tan sólo para máquinas Linux o basadas en Unix, se trata del comando top.

Abre una terminal e introduce el comando: top

Te aparecerá una pantalla como la que te mostramos en nuestra captura,mostrándote ordenadas las aplicaciones o procesos de mayor a menor consumo de recursos, en nuestro caso lo que más está consumiendo es Firefox (tenemos más de 15 pestañas abiertas), con un 32% de la cpu y un 6,4% de la memoria RAM. Vemos curiosamente que XORG, la interficie gráfica que incorpora Ubuntu utiliza un 1% escaso, a la que hay que añadir Compiz con un 1,4% gt-window con un 0,3% y gnome-panel con un 0,9 total, que tenemos una interficie gráfica de las de quitar el hipo, gestionando 2 pantallas de diferente resolución y un total de 4 escritorios virtuales sin pestañear, una interficie superior en muchos aspectos a la de Mac OSX (nuestro exposé es bastante mejor) .

Este comando en principio no requiere permisos de superusuario.Si bien si quieres ver el consumo de procesos que corren bajo root, como Apache o Mysql deberás ejecutarlo como superusuario, así que casi mejor que lo ejecutes como “sudo top”  (te pedirá clave)

Ideal para monitorizar servidores basados en Linux a los que tengas acceso mediante SSH. Así que apunta hacia tu servidor virtual, tu servidor privado y a monitorizar para ir optimizando, que es gerundio.

Páginas relacionadas con este artículo:

1. Saber el uptime en Windows
2. Test de carga web
3. Base de datos Cassandra

Generador de blogs automáticos

Actualmente estamos trabajando en nuestro nuevo proyecto cOOmmunicate.com, cOOmmunicate es un sistema que permite generar blogs automáticos partiendo de cualquier fuente de noticias RSS.

El objetivo de cOOmmunicate es el de mejorar el posicionamiento de producto ofreciendo a nuestros clientes un sistema de blogs automático que no precisa interacción del cliente una vez configurado, es decir el mismo consulta clasifica y actualiza el blog por si sólo. Con cOOmmunicate podrás tener un blog sobre tu empresa o sector sin tener que dedicarle nada de tiempo, un blog que recibirá cientos de visitas al día en muy poco tiempo, una visita siempre puede convertirse en un comprador en potencia.

En nuestro proyecto vamos a utilizar el fichero RSS generado en una web de un cliente nuestro, Cablematic.com un mayorista de armarios rack y todo tipo de cables que utiliza nuestro sistema de tiendas online ecOOmmerce.com, el resultado será un blog con todas las novedades que introduzca el cliente en el backoffice.

Tras esta introducción comercial sobre nuestro nuevo producto vamos a la parte más técnica y aquella a la que podéis extraer un mayor provecho ya que es en este punto del desarrollo cuando hemos detectado la necesidad de convertir las fechas entre formatos mysql y formatos de fecha en RSS, a partir de aquí y tras conseguir realizar las correspondientes fórmulas de conversión de fechas publicamos el código básico para aquellos que tengan la misma necesidad.

Manejo del formato de fecha pubDate

El pubDate es una etiqueta de los archivos de sindicación de contenidos RSS, en esta etiqueta se coloca la fecha del artículo o post y posee un formato un tanto especial :

Sat, 09 Jan 2010 00:00:00 +0100

ó

Sat, 09 Jan 2010 00:00:00 GMT

Es decir:

Día de la semana coma número de día dentro del mes nombre del mes con tres letras año con cuatro números hora dos puntos minutos dos puntos segundos y GMT.

El problema o dificultad reside en como generar y manipular dicha fecha en PHP pues no existe un comando directo, si bien esto es una tarea más bien fácil os dejamos un apunte para aquellos que estén atascados con las conversiones de fecha en mysql, veamos un ejemplo:

Disponemos de una fecha en formato “date” de Mysql ej: 2010-01-01 y necesitamos convertirla a formato RSS para generar un rss de novedades de producto.

Para conseguir esto es suficiente con el siguiente par de líneas de código:

$mysqlDateStr = strtotime($mysqlDate);
$pubdate = date(‘D, d M Y H:i:s O’,$mysqlDateStr);

Este conversión la realizamos en dos pasos, primero convertimos en string el formato de mysql date para luego aplicarle el formato deseado, que no es otro que el formato pubDate de los RSS mediante el comando date de php.

En cambio si lo que tenemos en el origen es una fecha en formato TimeStamp deberemos utilizar el siguiente código:

$year = substr($timestampDate, 0, 4);
$month = substr($timestampDate, 4, 2);
$day = substr($timestampDate, 6, 2);
$hour = substr($timestampDate, 8, 2);
$min = substr($timestampDate, 10, 2);
$sec = substr($timestampDate, 12, 2);
$pubdate = date(‘D, d M Y H:i:s O’, mktime($hour, $min, $sec, $month, $day, $year));

En este código lo que hacemos es extraer cada parte del string en formato timestamp de mysql y lo convertimos en una variable aislada para finalmente formar una cadena de texto string con el comando de php date.

Ahora vamos a tratar el mismo problema a la inversa, es decir vamos a convertir una fecha en formato pubDate a un formato mysql:

$mysqlDate = date(‘Y-m-d H:i:s’,strtotime($pubDate);

Con este pequeño apunte ahora nos será más fácil y rápido convertir estas fechas.

Páginas relacionadas con este artículo:

1. Instalar Apache 2 PHP 5 MYSQL 5 y Webmin 1.5
2. Error con LOAD DATA LOCAL INFILE en MySql
3. Mover grandes bases de datos MYSQL