Tan atractivos y personalizables pueden ser los elementos de un formulario, que socavan su utilidad.
El contraste es una guía de principio en la utilidad de un formulario.
Cuando una opción en un menú tiene gran contraste con el fondo, el usuario sabe que la opción esta disponible. Las opciones degradadas no están disponibles, pero bajo diferentes circunstancias.

Las opciones degradadas no son parte de las características de los elementos de formulario en HTML, pero son parte del lenguaje visual de los formularios. Si un usuario ve menos contraste en un menú o lista, puede pensar que las opciones no están disponibles.

CSS puede ser empleado para especificar el alto y ancho de los elementos del formulario, asi como los colores e imágenes de fondo, tipos de letra, y colores de las mismas.
Desgraciadamente, muchas especificaciones de CSS, como la altura, ancho, y fondos, son aplicadas a los elementos del formulario inconsistentemente.

Por otro lado, usando adecuadamente, CSS puede ser de gran ayuda para diferenciar elementos del formulario importantes con respecto a otros. CSS puede servir para alterar el color de los elementos menos importantes, por ejemplo, darle menos contraste, haciendo que el elemento sea menos apreciable sin crear la confusión de una opción no disponible.
Con tal que el idioma visual establecido de utilidad todavía esté claro, tal cambio de formato puede ser muy eficaz.

Antes de ver los distintos tipos de navegadores vamos a definir qué se entiende por navegador. De una manera muy sencilla se puede decir que un navegador es un programa que permite visualizar la información que contiene una página web, ya se encuentre ésta alojada en un servidor dentro de la World Wide Web o en un servidor local.
El navegador interpreta el código en el que está escrita la página web (normalmente el HTML) y lo reproduce en pantalla lo cual permite al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces.

Internet Explorer – Es uno de los más utilizados en todo el mundo. Se creó en 1994. Es el navegador de Microsoft Windows. Actualmente tiene compatibilidad con todos los sistemas operativos que están en el mercado.

Mozilla Firefox – Es uno de los principales competidores del Internet Explorer, ya que es mucho más reciente y cuenta con una multitud de aplicaciones mucho más actuales y útiles. En su contra hay que decir que en algunas ocasiones no es compatible con ciertos programas Java o de descarga.

Safari – Es el navegador creado por Apple para sus dispositivos móbil, ipod, iphone, etc. Cuentas con las características generales de cualquier navegador pero su uso está muy restringido.

Google Chrome – Creado per google,  es un navegador muy moderno que cuenta con una interfaz muy sencilla y rápida para navegar. Cada vez gana más usuarios por su características y su facilidad de uso.

Opera – Navegador gratuito,  que destaca por su velocidad, soporte y seguridad. Su sistema de pestañas fue de los primeros en salir y es precisamente por eso que se dio a conocer.

Estos cinco navegadores son seguramente los más utilizados. También hay otros importantes y bien conocidos como el Netscape que no hay que olvidar. En otro post analizaremos la gran pregunta: cuál es el mejor?

Ya hace unos meses que los diseños HTML5 son los protagonistas del diseño Web más actual. Ya hemos comentado varías bases de datos de diseños HTML5 gratuitos, sin embargo, hoy traigo una selección de 19 diseños profesionales HTML5 de blogs, páginas Web, páginas multimedia y perfiles personales.

Tanto si eres un diseñador Web profesional buscando un poco de inspiración en Internet, como si eres un emprendedor que quiere lanzar un nuevo portal HTML5, puede que te interese consultar algunos de estos diseños y si alguno de ellos te gusta puedes acceder a su descarga desde la página de html5gallery. En esta Web encontrarás muchos más diseños, algunos de ellos más interesantes que otros, pero te aseguro que todos son de muy alta calidad y realmente versátiles.

Si nos has considerado todavía mover tus proyecto Web al formato HTML5, o si no estás seguro de que sea exactamente lo que te conviene, te recomiendo echar un vistazo a un artículo anterior en el que comentamos >por qué los formatos HTML5 y Flash no deben competir y cuáles son las características de cada uno.

19 Diseños Web HTML5
>

A vuelto a pasar. Siempre que me paseo por la Web a la caza de temas y plantillas de calidad para Worpress encuentro material realmente bueno. Hace un mes os traje un listado de plantillas HTML5 y hoy he recopilado varios temas gratuitos estilo Magazine para blogs WordPress.

Worpress se ha convertido en una plataforma CMS realmente potente y no sólo se usa para publicar diarios personales o fotografías, hoy sirve a muchas agencias de comunicación o empresas que quieren publicar una revista de una forma rápida, sencilla y económica.

Atención a la brutal galería que encontraréis después del salto. Os dejo también enlaces a sus páginas Web de demostración y al final de la entrada podréis encontrar la fuente desde la que podréis descargar estos temas WordPress y muchos otros.

Arras Theme

Magazeen

MegaNews Theme

Hamasaki Theme

Arthemia

Meta-Morphosis

Skyye News Theme

Scarlett

TheLatest Theme

TurnOut Mag Theme

Temas Worpress diseño Revista Gratis

Vía | www.blogreign.com

Desde que Steve Jobs anunció que el iPhone no tendría Flash instalado por defecto, muchos usuarios de Apple se han quejado. Cuando Jobs declaró que Flash relentizaba sus sistemas móviles y lanzo el iPad sin darle soporte, la gente comenzó a plantearse la relevancia de este cambio. Para reproducir animaciones y video, Flash es actualmente el formato más usado de Internet, pero no es la única opción.

Una compañía llamada Smokescreen ha introducido una nueva tecnología para producir anuncios animados al estilo Flash usando software soportado por todas las plataformas (Windows, Mac, Linux, y sistemas operativos de dispositivos móviles). La publicidad utiliza una combinación de Javascript y el formato HTML5 para crear anuncios casi idénticos a los de Flash. De hecho, la página Web de Smokescreen ya muestra múltiples demos de estas animaciones.

Las grandes empresas de tecnología como Google, Apple y Mozilla, están presionando por que se adopte el formato de video HTML5, mientras que Adobe espera no perder territorio en la WWW. Para que se produzca un cambio, HTML tendrá que vencer todavía su mayor obstáculo: permitir la reproducción de anuncios dinámicos. Varias firmas de marketing están trabajando actualmente en el desarrollo de otras soluciones. Por otro lado, Youtube está usando ya videos en HTML5 sin anuncios y vídeos íntegramente en Flash.

SVG se refiere a Scalable Vector Graphics. Es abierto y está basado en los gráficos XML, un formato que se está incorporando a los estándares Web. Muchos buscadores ya soportan SVG en cierto grado. Puede ser utilizado tanto para imágenes como para animaciones. Dado que SVG es un formato de gráficos vectorizados, las imágenes puedes ser redimensionadas y transformadas sin sufrir pérdidas de calidad ni deformaciones.

Por ejemplo, en lugar de tener 3 tamaños diferentes para un icono, una Web podría estar configurada para usar una misma imagen SVG escalada a 3 tamaños. Si tu navegador soporta imágenes SVG puedes ver un ejemplo.

El tamaño de los archivos SVG puede ser bastante mayor al de los típicos jpg, todo depende de la cantidad de metadatos que estén incluidos en el código XML, especialmente si e archivo incluye gradientes y animaciones. Para compensar esto, hay un estándar de compresión de archivos SVG, el gzip, que reduce el peso del archivo en un 50% sin apenas perder calidad. A medida que los navegadores adopten los estándares HTML5, SVG jugará un role más importante en el mundo del desarrollo Web.

Fotografía | www.flickr.com

El gigante de distribución de streaming the video, Hulu, ha reclamado que HTML5 no está preparado para codificar y retransmitir video en la Web.

Nuestro player no sólo retransmite video en streaming, también necesita asugurar los contenidos, administrar información para los anunciantes, renderizar video usando codecs de alto rendimiento para asegurar una calidad premium, comunicar al servidor el estado del buffer y su bitrate, y muchas otras cosas que el usuario final no percibe necesariamente. – EugeneWei, presidente de video de Hulu (Traducción libre)

HTML5 todavía no ha sido elegido como el estándar por el Consorcio del World Wide Web (W3C), sin embargo, Google ya se ha puesto de su parte. Además, sólo se trata de una versión experimental de Youtube usando el tag de video HTML5, y ya son varios expertos los que se oponen a su tecnología actual:

Estamos apostando demasiado por HTML5. – Vic Gundotra (Traducción libre)

Pero aún hay más, porque lo más interesante de todo es que la versión HTML5 de YouTube utiliza el codec de video patentado H.264, en lugar de utilizar el codec Ogg Theora de código abierto… curioso.

Vía | www.theregister.co.uk

Vía | www.mashable.com

HTML 5 pronto se convertirá en el último estándar de diseño para páginas Web, especialmente en cuanto se abra la distribución del iPad de Apple en Europa y Asia.

Las ventajas de HTML 5 es que ofrece nuevas funcionalidades a los diseñadores Web que aman crear código leíble y plantillas con significado semántico. Algunas de estas nuevas funciones son: controles mejorados, API’s, drag and drop, multimedia, dibujos en pantalla y mucho más.

Si no quieres quedarte atrás, te recomiendo que vayas echando un vistazo a los nuevos temas y diseños HTML 5 que podemos encontrar por la Web, dentro de poco casi todo el mundo utilizará este lenguaje en sus páginas. A continuación, os dejo algunos diseños HTML 5 gratuitos, si te interesa alguno descárgate todos los archivos directamente desde la página Web de su autor.

Diseños HTML 5 gratuitos

Como a muchos jóvenes de mi generación, me apasionan los diseños de blogs hasta tal punto que puedo pasarme horas y horas revisando galerías de temas para Worpress, para Blogger, plantillas en HTML5, etc. Y cómo anoche fue una de aquellas en que el sueño se resiste, “perdí” bastante tiempo practicando este deporte, así que os traigo algunos de los diseños que me impactaron.

Encontraréis la galería de temas para Worpress después del salto, sin embargo, si queréis descargar alguno de los temas en alta resolución y completos, podréis hacerlo desde la lista que os adjunto a continuación:

Postage Sydney

Sunset Farm

Theater Room

Letter Frame

Doggy Love

Wooden Fence

Rustic Portrait

Winter Fun

Watercolor Theme

Coffe Desk

Y aquí os dejo la galería de plantillas Worpress profesionales:

10 Temas de Worpress profesionales ¡gratis!