Desen Web

Videos – Tutoriales – Animación – Cine / TV – CS4

Cada vez dedico mas tiempo a aprender sobre realidad aumentada, after effect o vídeo en general, así que he decidido inaugurar un apartado del blog exclusivo para vídeos.

En este apartado se podrán encontrar videotutoriales, ejemplos en after effects, realidad aumentada, cortometrajes, diversas animaciones… y en breve pretendo empezar a poner contenido propio.

Guía web 2.0 realizada por el gobierno de Chile que contiene muchísima información y muy bien detallada. Algunos capítulos no sirven para todas las webs, pero no viene mal darle una hojeada. Hago un repaso de los 5 temas de la guía:

1 Normas que rigen los Sitios Web

Normas para las webs de instituciones y servicios de la Administración Pública del Gobierno de Chile

2 Aplicación de Estándares

Referente a los estándares sobre construcción de sitios, accesibilidad y buenas prácticas que debe cumplir el Sitio Web

3 Diseño de Interfaces e Interacción

Se preocupa de que la información ofrecida cumpla con ciertas reglas y/o estándares, para que sus usuarios puedan sacarle todo el provecho posible.

4 Cómo se llega al sitio web

Se podría resumir como “habilidad para ser encontrado”.

5 De la Usabilidad a la Utilidad

Se entiende como la facilidad de uso, que lo hecho sea fácil de encontrar

Link: Guía 2.0

Me preguntaba como se hacia para marcar un checkbox o un radio, y la verdad, nunca me había parado a mirar. En un principio pensaba que era algo sencillo con javascript o algo por el estilo pero es mucho mas senzillo. Basta con poner un <label> de texto con un for=”id_input” refiriéndose a la id del input y listo. Funciona con cualquier tipo de input, ya que es el funcionamiento real de <label>. Puede que por ignorancia o por no pereza a utilizar este tag muchos sitios webs no lo utilizan, aunque creo que debería ser obligado puesto que da mucha comodidad al usuario.

un texto cualquiera…

Alguna vez has querido evitar que se puedan guardar la imagen de tu site? (evidentemente es inevitable foto a la pantalla, impr + scan… ). Una forma, que es fácil conseguir información por internet, es llamándola con un fichero php, deshabilitando el botón secundario del ratón… pero el script que he encontrado hoy me sorprende gratamente.

La explicación es “fácil” solo se tiene que leer la imagen, almacenar cada píxel, y ofrecer un método para transformar esa información en una versión HTML de la imagen.

Mas claro: ver script / ver demo

HTML 5 mejora la interactividad y reducir los costes de desarrollo mediante normas precisas sobre la forma de manejar todos los elementos HTML, y cómo recuperarse de los errores.

Algunas de las nuevas características de HTML 5 son para la integración de funciones de audio, vídeo, gráficos del lado del cliente, el almacenamiento de datos, documentos e interactivo. HTML 5 también contiene nuevos elementos como <nav>, <header>, <footer>, y <figure>.

Muchos portales de vídeo ya están creando sus versiones en HTML 5, por el momento tan solo podemos ver los cambios con las ultimas versiones de los diferentes navegadores (la mayoría en fase beta).

Una imagen sencilla que resume un HTML4 vs HTML5:

Comparación de tags HTML 4 vs HTML 5