Perraco …otro Geek en la red…
Tag: Internet

Recursos para diseño de webs

Aquí tenéis una corta lista de recursos gratuitos para hacer vuestro diseño de webs más ameno.

Enlaces:

Browsershots – Visualiza una página en varias versiones de distintos navegadores. Una vez suministres el enlace sólo se trata de esperar un rato y actualizar la página para ver varias capturas expandibles. Dale algo de tiempo.

Creative Commons – Obtén de modo muy sencillo una verdadera licencia para proteger los contenidos de tu página.

Css-Ref – Fácil referencia de elementos CSS.

Emezeta Rank – Obtén un análisis completo del estado de tu web, con una explicación de cada parámetro evaluado fácil de entender.

Robots.txt Checker – Analiza tu fichero robots.txt exhaustivamente.

Colorschemer – Excelente buscador de esquemas de colores.

Typetester –  Página donde podrás visualizar y comparar distintas fuentes de texto.

W3C CSS Validator – La madre de todas, indispensable para chequear problemas con tu CSS y conformidad con el estándar propuesto por W3C.

W3C HML Validator – Y el padre de todos, chequea que tu HTML/XHTML siga el estándar W3C. Os recomiendo que cada vez que publiquéis un artículo uséis este enlace.

Webdevout – Tablas comparativas de HTML/XHTML, CSS y DOM entre los mayores navegadores. Bastante interesante para encontrar porque lo que se funciona en un navegador no funciona en otro.

Extensiones para Firefox:

Colorzilla – Sencilla utilidad para la selección de cualquier color HTML y RGB que aparezca en pantalla.

Firebug – Una buena colección de herramientas integradas que entre otras opciones permite editar y testear CSS, HTML y Javascript dinámicamente.

MeasureIt – Permite medir en píxeles cualquier dimensión en la pantalla.

Web Developer – Absolutamente esencial para todo Webmaster, ofrece una larga lista de herramientas para poder chequear y probar alteraciones en tu diseño.

Aplicaciones:

Aptana – Un completísimo editor para desarrollo de webs. Como nota, la edición de CSS es excelente ya que al teclear un elemento este muestra que navegadores lo soportan.

FileZilla – Mi cliente de FTP favorito, sencillo, completo y rápido.

Manuales:

Tutorial XHTML y CSS – Aquí podreis descargar el excelente tutorial en formato PDF de Belén Albeza. Con explicaciones claras y concisas este manual es perfecto para todo aquel que quiera aprender XHTML y CSS. (gracias Kosako)

Protégete de manera efectiva contra el Hotlinking

Protección contra el Hotlinking Para los que no sepan muy bien que es el Hotlinking, os resumiré que se trata de un tipo de robo ya sea accidental o intencional en el cual alguien copia el enlace de un fichero hospedado en tu servidor para usarlo en su propia web, en consecuencia cada vez que se haga una petición del fichero en esa web este se descargará desde tu servidor consumiendo el ancho de banda sin permiso. Este tipo de robo es más comun con imagenes aunque se puede hacer con cualquier tipo de fichero.

 (...seguir leyendo el resto del artículo  » ) 

Bordes redondeados en CSS para Firefox y Safari

Bordes CSS para Firefox Hasta que llegue el estándar CSS 3 los usuarios de Firefox y Safari tenemos una sencilla alternativa para crear bordes redondeados sin necesidad de usar gráficos. Para los que sepáis ya algo de CSS 3 sabréis que los bordes redondeados se implementarán a través del elemento Border-Radius. Firefox y Safari usan su propia implementación a través de los prefijos moz y webkit, así que lo único que tenemos que hacer es declararlos en nuestro fichero CSS y listo. Esta es la lista con las sintaxis a seguir para realizar la implementación:

 (...seguir leyendo el resto del artículo  » ) 

Múltiples webs en una sola cuenta de hosting

Diagrama .htaccess

La verdad es que la mayoría de cuentas de hosting permiten tener varias webs y sólo las más económicas carecen de esta facilidad, aun así me he decidido a publicar este artículo para los que estén interesado en esta técnica. Algo primordial que debe saberse sobre la división de dominios en una sola cuenta es que no es muy recomendable para webs con mucho tráfico de Internet, ya que las empresas suelen asignar un ancho de banda especifico y al realizar nuestra división de dominios el ancho de banda sigue igual para toda la cuenta, aunque fragmentada por el tráfico a cada asignación de domino/carpeta. La técnica en si, consiste en las facilidades que nos aporta el fichero .htaccess, con lo que creo que debería haber empezado por decir que necesitas tener acceso de edición o creación de este fichero, el otro requisito imprescindible claro está es que tu cuenta permita múltiples dominios. Dicho esto, la ventaja de usar el fichero .htaccess es que nos permite realizar una re-dirección limpia sin necesidad de especificar códigos para los crawlers de internet, y en su efecto haciendo que cada carpeta asignada se convierta en la verdadera raíz del dominio. El siguiente ejemplo muestra la parte a añadir en el fichero .htaccess en la cual direccionamos el dominio 1 a la carpeta principal y los dominios 2 y 3 a destinitos subdirectorios.

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /

# Primer dominio apuntando al directorio raíz
ReWriteCond %{HTTP_HOST} dominio_1.com
ReWriteCond %{REQUEST_URI} !/
ReWriteRule ^(.*)$ /$1 [L]

# Segundo dominio apuntando a un subdirectorio de la raíz
ReWriteCond %{HTTP_HOST} dominio_2.com
ReWriteCond %{REQUEST_URI} !subdirectorio_A/
ReWriteRule ^(.*)$ subdirectorio_A/$1 [L]

# Tercer dominio apuntando a un subdirectorio de la raíz
ReWriteCond %{HTTP_HOST} dominio_3.com
ReWriteCond %{REQUEST_URI} !subdirectorio_B/
ReWriteRule ^(.*)$ subdirectorio_B/$1 [L]

</IfModule>

Analiza tu página web con el Emezeta Rank

Emezeta RankEmezeta Rank es una de esas herramientas sencillas pero de gran calidad indispensables para todo bloguero o webmáster que esté interesado en analizar o incluso en optimizar su página al máximo. Este servicio gratuito creado por Manz recoge de manera casi instantánea distintos criterios para valorar la popularidad y el éxito de tu espacio en Internet, el resultado se consigue examinando tus rankings en los buscadores principales como Alexa, Google y otros, la validez de tu código HTML y CSS, la cantidad de enlaces en Internet hacia tu página, y algún que otro detalle más técnico. Pero una de las diferencias mayores que ofrece este servicio  a otros existentes, es que el Emezeta Rank intenta llegar más lejos al aconsejarte de uno modo bastante sencillo como mejorar tu página. En conclusión, un servicio muy bien recibido, y que por cierto  me ha dejado sin saber si reír o llorar cuando he visto la sección de Ganancias Aproximadas para mi Blog, me lo tengo que currar un poco más.

Enlaces: Emezeta Rank | Emezeta (Página de Manz)

Blogs, Portales, Foros, Wikis, Galerías…

Open Source CMSExiste una gran variedad de plataformas gratuitas para crear Blogs, Portales, Foros, Wikis y un largo etc., ¿pero como se decide uno por cual decantarse? Hace mucho tiempo me encontré en esta misma situación, y con la engorrosa prospectiva de tener que instalar cada plataforma para probarla me dispuse a buscar un análisis previo antes de hacer tal ardua tarea, es así como por pura casualidad encontré la increíble página de Open Source CMS. En esta magnífica website completamente gratuita puedes probar sin necesidad de instalar nada una larga y variada barbaridad de plataformas Open Source para distintas finalidades, ya sea como usuario o incluso como el administrador. Los servidores reinicializan todas las plataformas cada dos horas, lo cual te permite hacer con ella todo lo que quieras sin preocuparte por estropear nada. Así que si nunca quisiste probar algo más que los populares Wordpress, Joomla o phpBB, échale un vistazo a Open Source CMS a ver que otras opciones tienes sin el engorro de tener que instalar y configurar.

Cerrar
Enviar por Correo