Tres servicios en linea, gratis, útiles y prácticos

Desarrollando para la web en ocasiones tenemos que verificar código, o si tenemos código heredado no está indexado correctamente, o nos atoramos verificando miles de linea de código. Esto es un gran problema, sobre todo el código heredao, que a veces (o casi siempre) es un dolor de muelas profundo y constante.

La buena noticia es que existen servicios en línea, totalmente gratuitos que nos ayudan mucho en estas situaciones:

validator.w3.org

Me encontraba desarrollando HTML dinámico manipulando DOM y la salida simplemente no me imprimía. Esto se debe a que cuando utilizas DOM el html debe ser estricto, y el que estaba utilizando no estaba validado.

El sitio validator.w3.org te permite validar tu HTML por url, archivo o directamente en una caja de texto, de manera simple, rápida y confiable.

w3-org-Validator
w3-org-Validator

regex101.com

Batallo con el regex, escribir una expresión y tener que estarla probando es un fastidio. Esta herramienta facilita la vida, pues en línea directamente sobre el texto podemos escribir y probar las expresiones regulares, brindando la explicación de lo que vamos escribiendo, además de contar con un gran acervo de expresiones en su biblioteca (la cual tarda en cargar, debo decir).

regex-101-com
regex-101-com

freeformatter.com

Lo que mencioné sobre el código heredado es uno de los mayores problemas en desarrollo, cuando parece que el programador anterior “uglificó” todo a propósito (casi no pasa :P). Pues bien, esta herramienta me ha ayudado bastante, aunque por que soy muy exigente con el formato aún después de utilizarla le doy correcciones, esta así casi todo el trabajo a la hora de darle un formato legible al código HTML y SQL (json y xml también 😉 ).

Ahorra mucho tiempo y frustraciones, tiempo que antes pasaba pensando en el programador anterior asandose en las llamas del infierno, ahora lo aplico en cosas más constructivas y no menos placenteras, gracias a que simplemente le doy formato y me dedico a leer y comprender el código.

free-formatter
free-formatter

Habilitar .htaccess en apache 2.2

Realmente no sería necesario habilitar el uso de archivos .htaccess si tienes un servidor virtual o dedicado en el cual tienes acceso a la configuración de apache, sin embargo existen casos en el que es útil, siendo el más común que conviertas a tu servidor en un hospedador de sitios compartido.

Cómo en cualquier hosdedaje compartido se han de utilizar los .htaccess para cambiar la configuración del directorio, pues no es posible que todos los usuarios modifiquen la configuración de apache en el httpd.conf, claro está.

Pues bien, al grano de una vez, si quieres habilitar .htaccess busca la siguiente parte de configuración en httpd.conf:

<Directory />
    Options FollowSymLinks
    AllowOverride None
</Directory>

Ahora cambia para que quede así:

<Directory />
    Options FollowSymLinks
    AllowOverride All
</Directory>

El cambio es de “None” a “All” en la linea de “AllowOverride”.

Pues biein, ahora ya lo sabes, espero que te sirva y happy coding! 😀

10 cosas que debes saber para contratar a un diseñador web: Ebook gratis

He realizado una guía para ayudar a las personas a contratar los servicios de un profesional de la web, la he llamado “10 cosas que debes saber para contratar a un diseñador web …y no morir en el intento”.

Lo he realizado en formato de Ebook y puedes descargarlo aquí:
Reporte Especial 10 puntos Diseñador Web

O si lo prefieres, visualizarlo en Slide Share en este enlace:
10 cosas que debes saber para contratar a un diseñador web

Esta útil guía informativa establece los puntos más importantes que debes de conocer antes de soltar algún anticipo. Si estás pensando contratar un diseñador web, te recomiendo ampliamente la leas, es corta, clara y concisa.

Espero te sirva mucho, y si quieres seguir informado, subscribite al blog, es totalmente gratis.

Saludos,

L.

Herramienta para verificar direcciones de correos

He desarrollado una herramienta para verificar direcciones de correo electrónico.
se encuentra en http://verificar-email.espino.info/:

Simplemente tecleamos el correo y hacemos clic en “Verificar”.
Si es correcto, se nos mostrará en verde el mensaje de éxito.

verificaremailok
verificaremailok

Si no existe, se mostrará el error en rojo:

verificaremailerror
verificaremailerror

Espero que sea de mucha utilidad.

5 Configuraciones .htaccess que debes de tener en tu sitios en Shared Hosting

En caso de que tengas hospedado tu sitio en un servidor compartido, es decir utilizas un proveedor como HostGator o Godaddy, el cual te da acceso a CPanel, debes configurar seguridad y performance al sitio mediante instrucciones en un archivo .htaccess.

Este archivo es leído por el servidor web antes de servir tu página y puedes brindarle indicaciones específicas para incrementar la seguridad y el performance del sitio.

Con las siguientes instrucciones podrás:

  • * Ocultar la información del servidor.
  • * Prohibir la exploración de directorios.
  • * Poner un filtro contra ataques XSS.
  • * Usar compresión Gzip en el contenido de tus páginas.
  • * Usar cache en el contenido de tus páginas.

En resumen, seguridad y velocidad en unas cuantas instrucciones.

Número 1: Eliminar información de la tecnología del servidor

# Elimina la firma del servidor, para que no se publique versión ni nombre del servidor web
ServerSignature Off

Número 2: Incluir protección contra XSS en el encabezado

# Protección conta ataques XSS (cross site)
Header set  X-XSS-Protection  "1; mode=block"

Número 3: No permitir ver los archivos de los directorios

# No permite listar los directorios
Options -Indexes

Número 4: Comprimir los archivos para reducir los kiloytes de las páginas

# Usa compresión gzip para el contenido, incrementa velocidad y performance
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

Número 5: Permitir el uso de caché para el contenido

# 1 AÑO, videos y archivos
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">
Header set Cache-Control "max-age=31536000, public"
</FilesMatch>

# 1 AÑO, imágenes
<FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=31536000, public"
</FilesMatch>

# 3 HORAS datos, hojas de extilo, javascript
<FilesMatch "\.(txt|xml|js|css)$">
Header set Cache-Control "max-age=10800"
</FilesMatch>

# NO USA CACHE, las páginas, en caso de ser dinámicas.
# Si tu sitio es estático, puedes moverlas a un caché superior
<FilesMatch "\.(html|htm|php|cgi|pl)$">
Header set Cache-Control "max-age=0, private, no-store, no-cache, must-revalidate"
</FilesMatch>

Estas configuraciones incrementarán la seguridad y velocidad de todas las páginas en tu sitio, lo que se traducirá en una mejor experiencia al usuario, un sitio rápido y más seguro.

Busca en el blog aqui

Herramientas Útiles

Suscribete al blog

Recibe en tu correo las últimas publicaciones

Publicidad

Sígueme en Twitter