Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como HTML5

Estas son las imágenes que he pintado con Canvas (HTML y Javascript)

  Para crear una imagen con Canvas en JavaScript, puedes seguir estos pasos en el código. Primero, establece un lienzo HTML y luego usa JavaScript para dibujar en él. Aquí tienes un ejemplo de cómo hacerlo: Este código crea una página web con un elemento  <canvas>  donde se dibuja un rectángulo verde, un círculo azul y el texto “Canvas” en negro. El archivo  script.js  contiene el código JavaScript que se ejecuta cuando se carga la página. Explicación del Código: HTML : Define un lienzo ( <canvas> ) con un  id  específico y dimensiones fijas. JavaScript : Obtener el lienzo : Usa  getElementById  para obtener el elemento canvas y  getContext('2d')  para acceder al contexto de dibujo 2D. Dibujar formas : Utiliza métodos como  fillRect  para dibujar rectángulos y  arc  para círculos. Estilos : Configura colores y estilos usando propiedades como  fillStyle ,  strokeStyle , y  lineWidth . Te...

Cómo ser un buen programador y completar todas las historias del usuario

Aquí hay algunos consejos para ser un buen programador y completar todas las historias del usuario: Aprender continuamente: La tecnología y los lenguajes de programación evolucionan constantemente, por lo que es importante estar al día con las últimas tendencias y técnicas. Escribir código limpio y bien estructurado: Es importante escribir código que sea fácil de leer y entender, y que esté bien estructurado. Esto ayudará a evitar errores y a garantizar que el código sea escalable y fácil de mantener. Documentar el código: Es importante documentar adecuadamente el código, incluyendo comentarios y descripciones claras de las funciones y clases. Esto ayudará a que otros desarrolladores comprendan su lógica y lo puedan reutilizar. Trabajar en equipo: En muchos casos, los programadores trabajan en equipo en un proyecto. Es importante comunicarse y colaborar efectivamente con otros miembros del equipo, compartir ideas y ayudarse mutuamente. Comunicarse con los usuarios: Es importante compre...

Maqetta: El nuevo editor HTML5 de IBM

Con el fin de ganar la batalla de los editores de HTML5 que comenzó Microsoft con su novedosa aplicación Silverlight, la compañía IBM ha anunciado el lanzamiento de una nueva herramienta de código abierto. Recientemente, los directivos de la multinacional IBM han anunciado la llegada de una nueva aplicación creada por los desarrolladores de la compañía, cuyo fin es la edición visual HTML5 .

Cómo convertir Flash a HTML5

Swiffy es un conversor de Flash a HTML5 gratuito lanzado por Google. Se trata de un conversor en línea al cual podemos subir directamente el archivo SWF que deseamos convertir y automáticamente la aplicación producirá una versión HTML5 del mismo. Swiffy es una herramienta muy útil para diseñadores web que quieran crear una versión HTML5 de sus animaciones en Flash y además ofrece la ventaja de ser totalmente gratuito y en línea, por lo que vamos a poder utilizar sus servicios en cualquier lado en donde nos encontremos.

Edge, el nuevo editor de animación HTML5 de Adobe

Recientemente Adobe ha publicado un avance de lo que será su nueva herramienta de diseño web HTML 5, Adobe Edge, la cual permitirá a los diseñadores crear contenidos animados para páginas web, usando estándares web como HTML5, JavaScript y CSS 3, mediante una sencilla interfaz que lo asemeja a un editor de video. No se trata en este caso de un sustituto de Flash, ya que según la compañía ambas tecnologías, Flash y HTML, pueden coexistir, y en ello podemos estar de acuerdo, ya que según profesionales del diseño, HTML 5 aún no está a la altura.

Webcam y Micrófono ( HTML 5 )

HTML 5 es un esfuerzo para adaptar  HTML  a las novedades que ha incorporado el Web gracias a complementos cómo  Flash  o  Silverlight . Ya hemos visto cómo  insertar audio y video , en este artículo vamos a ver cómo podremos  acceder a dispositivos del ordenador del visitante: cámara web, micrófono ...

Arrastrar y soltar (HTML 5)

Los nuevos  eventos   JavaScript  y  atributos  de  HTML  5 nos permiten la interacción con nuestro documento / aplicación utilizando la técnica de arrastrar y desplazar. La interfaz DataTransfer  nos permite transferir archivos utilizando las capacidades de arrastrar y soltar.

CSS en 3D ( HTML 5 )

CSS  3 nos permite efectuar modificaciones a un elemento que utilicen las tres dimensiones del espacio.

La estructura del documento (HTML5)

La estructura del documento en HTML 5 es algo diferente a  la de las versiones anteriores de HTML . Pues además de las  etiquetas  para separar las cabeceras del contenido ( head  y  body ), contiene nuevas etiquetas para delimitar las partes del documento:

Etiquetas AUDIO y VIDEO (HTML 5)

La versión 5 de HTML incorpora nuevas etiquetas para incluir vídeos y audio en un documento HTML. Estas nuevas etiquetas nos permitirán tanto incluir un reproductor con un archivo de audio / video, cómo conectarlo con unna fuente de audio o vídeo en directo.

Introducción a HTML 5

HTML 5  es la versión 5 de  HTML , el lenguaje estándar de formato para páginas web. Tiene dos variantes HTML 5 y  XHTML  5, descendientes de  SGML  y  XML respectivamente. A diferencia de sus predecesores, XHTML y HTML 5 se han desarrollado de forma paralela por el  W3C .