Perraco …otro Geek en la red…
Tag: html

Prueba y aprende HTML y CSS con htmlPlayground

htmlPlayground

Con htmlPlayground podrás aprender del modo más sencillo y visual tanto HTML como CSS a cualquier nivel. Esta interesante página es definitivamente un buen punto de referencia para desarrolladores de webs o curiosos por igual. Su funcionamiento es bien sencillo, selecciona una tag HTML, lee su descripción si quieres, haz clic sobre cualquier tag en el código de ejemplo y modifica los atributos para ver el resultado en tiempo real.

Enlace: htmlPlayground

Como evitar el robo de Blogs a través de Frames

Este truco recargará correctamente tu página web o Blog si se detecta que se está mostrando desde dentro de un Frame. Antes de usar esta técnica debes tener en cuenta sus efectos, cuando los usuarios que vean tu página en un Frame de otra web deseen navegar hacia atrás, estos deberán apretar el botón de retroceso de su navegador dos veces rápidamente, si el usuario no lo hace suficientemente rápido esto dará falsos hits en tus estadísticas dependiendo de cómo tu software lo maneje. Por otro lado tu página se recargará bajo cualquier Frame, incluyendo bajo Google Imágenes.

Para su uso inserta el siguiente código entre las Tags <head></head> de tu página.

<script language="javascript" type="text/javascript">
    if (top.location != self.location) top.location = self.location;
</script>

Versión para Wordpress:

En caso de que tu Blog esté en Wordpress es mejor que uses el siguiente código para evitar  posibles problemas con el editor de posts. Edita el fichero head.php de tu plantilla e inserta el código en cualquier parte de entre las Tags <head></head>.

<?php if (!is_preview()) : ?>
<script language="javascript" type="text/javascript">
    if (top.location != self.location) top.location = self.location;
</script>
<?php endif; ?>

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)

Cerrar
Enviar por Correo