Etiqueta: html

Cómo saber si tu navegador está preparado para HTML5

Publicado el

por Juan Diego Polo

Con la guerra declarada entre Adobe y Apple después de confirmarse que Flash no será bienvenido en los nuevos dispositivos de la empresa de Steve Jobs, HTML5 está cada vez más en la boca de todos. Principalmente después de la noticia de que Adobe Flash CS5 exportará para HTML5.

El caso es que aquí­ os dejo con html5test, una aplicación que verifica si vuestro navegador de Internet está preparado para esta nueva tecnologí­a, informando sobre las caracterí­sticas que sí­ podrá leer y las que aún no están implementadas.

Un buen recurso que tendremos que usar frecuentemente para saber si estamos usando el mejor software para disfrutar de las nuevas tendencias en la web.

Faary nos facilita la tarea de crear formularios en HTML y CSS

Publicado el

por Juan Diego Polo

Aunque los usuarios de wordpress tenemos una enorme cantidad de extensiones perfectas para la creación y administración de formularios de entrada de datos en wordpress, siempre es importante conocer alternativas que no dependen de ninguna plataforma especí­fica.

FAARY es una de las opciones más sencillas que conozco para crear formularios con un aspecto profesional y elegante. Sólo tenemos que informar los campos que queremos incluir, con los textos correspondientes, en la caja de entrada de la parte izquierda de su página, al apretar al botón «Generate» podremos ver el resultado a la derecha, dando la opción de bajar el código generado para instalarlo en nuestra web.

Muy sencillo de usar y listo para ser usado, aunque no usa base de datos para guardar los resultados, con lo que dependeremos del servidor de smtp para el enví­o de emails con las informaciones.

Email on Acid – Prueba tu email HTML en varios clientes de correo

Publicado el

por Juan Diego Polo

Cuando creamos un email en formato HTML estamos corriendo el riesgo de que quien lo recibe no pueda leerlo debido a incompatibilidad entre el formato y el cliente de correo electrónico utilizado.

Gmail, Outlook, hotmail.. son decenas las opciones que nuestros suscriptores pueden usar, por lo que es importante tenerlas en cuenta antes de empezar a enviar nuestro contenido.

emailonacid.com es una herramienta que nos permite visualizar nuestro HTML en 15 programas, estando la opción gratuita limitada a tres: Gmail, Outlook 03 y AOL. La opción no gratuita permite realizar el test completo por solamente un dólar, lo que vale mucho la pena dependiendo de lo crí­tica que sea la situación.

Una muy buena idea con un modelo de negocio interesante.

SlickPlan – Crea diagramas de flujo y sitemaps en la web

Publicado el

por Juan Diego Polo

slickplan

SlickPlan es una aplicación que nos permite dibujar diagramas de flujo de estados y mapas para sites sin necesidad de instalar nada en nuestro ordenador.

Se pueden dibujar los elementos representado la transición de estados y exportar los diagramas en PDF, permitiendo compartirlos o usarlos para documentar sistemas.

La funcionalidad de creación de sitemaps es excelente, permitiendo colgar las páginas en orden jerárquico y exportar el resultado en HTML para poder mostrarlo en cualquier sitio web:

paginas

Esta última opción me recuerda bastante a SlickMap CSS, del que os hablé hace unos meses por aquí­ mismo.

fluidHTML – El «HTML» que genera Flash

Publicado el

por Juan Diego Polo

fluidhtml

FluidHTML es un nuevo lenguaje de programación capaz de generar archivos flash de forma dinámica, en tiempo real. Cualquiera poderá construir sitios web con animaciones 3D y diseños avanzados sin necesidad de trabajar con archivos FLA y ofreciendo un sitio mucho más fácil de encontrar por los buscadores.

Uno de los objetivos de los creadores era el poder crear un lenguaje que permita a los que saben HTML generar contenido RIA (Rich Internet Applications) sin necesidad de tener que aprender complejas nuevas técnicas, de forma que crearon fluidHTML como una extensión o superconjunto de HTML, no como una substitución.

Para hacer funcionar un sitio con fluidHTML se necesita tener un intérprete (FHTML.SWF) capaz de traducir los nuevos tags en contenido flash, de forma que podemos seguir trabajando con la misma infraestructura de siempre.

Completamente modular puede ampliarse por los propios programadores, sin necesidad de estar cerrados a los diseños predefinidos de fluidHTML lo que, desde mi punto de vista, es uno de los grandes puntos a favor de este sistema.
Continúa leyendo «fluidHTML – El «HTML» que genera Flash»

TrendCounter.com – contador de visitas gratuito

Publicado el

por Roberto Chávez

trendTrendCounter es un sitio web que permite la creación instantánea de un widget para contar las visitas de un sitio web en tiempo real, permitiendo el análisis de las conexiones simultáneas

Una cosa bastante interesante sobre el sitio es que no se tiene que tener una cuenta para poder obtener el código del widget, se puede obtener sin registrarse, además todos los contadores son libres de publicidad y se pueden poner en cualquier tipo de site (un blog, un website, un perfil de tu red social, etc.).

trend2

Entre los widgets que se pueden obtener para embeber en sites, se pueden escoger entre cuatro diseños (simples y muy agradables a la vista). Adicionalmente se ofrece un sistema de estadí­sticas y gráficas de los visitantes del site, ofreciendo la posibilidad de rastrear visitantes del último mes y de los últimos 12 meses.

Una sana competencia para whos.amung.us.

UIzard – Para diseñar una web online

Publicado el

por Alfonso Miranda

imagen-21¿Quieres crear una web y no tienes ni idea de html?

UIzard es tu solución. Se trata de una aplicación que nos proporciona, de un modo gráfico, la posibilidad de diseñar una web. Tenemos dos formas de utilizar UIzard, o bien usamos la aplicación online de la que disponemos en su web o descargamos el proyecto y lo instalamos en nuestro servidor.

imagen-12

En ambos caso el funcionamiento es similar, y nos encontramos ante un entorno dividido en un menú con todas las herramientas de las que disponemos, como la inserción de campos de texto, swf, botones y todas las cosas necesarias en una web, y otra dividida a su vez en pestañas donde podremos visualizar lo que estamos haciendo de diferentes formas, ya sea viendo el código fuente o el entorno gráfico.

En el menú además tendremos elementos ajax para hacer nuestra web aún más atractiva. Su funcionamiento aún no va demasiado fino pero para aquellos que quieran empezar a aprender programación web puede ser una buena ayuda.

Limpiando la hoja de estilos (css) de elementos no utilizados

Publicado el

por Juan Diego Polo

css-redundancy-checker

Css Redundancy Checker es una aplicación que nos pide la dirección de nuestra hoja de estilos CSS y las páginas web en las que es utilizada.

Verificará si todos los elementos indicados en el archivos CSS son utilizados, en caso contrario nos informará de lo que puede ser eliminado o de la información redundante.

Útil para reducir tamaños de archivos y hacer un trabajo más limpio y organizado.

WordOff – Limpiador de código HTML

Publicado el

por Juan Diego Polo

wordoffMientras unos saltaréis al post siguiente, otros me agradeceréis este enlace durante mucho tiempo… wordoff limpia el código HTML eliminando todo lo relacionado a estilo, haciéndole más sencillo de leer y más rápido de cargar.

Está especialmente diseñado para limpiar lo que se pega al haber copiado de Microsoft Word, por ejemplo.

– Elimina atributos de todos los elementos, menos los enlaces
– Borra los spans y los divs
– Borra espacios en blanco
– Junta varios retornos para eliminar los que sobran

Una muy útil aplicación para los que trabajamos en este mundillo.