Archivo por de la categoria 'HTML 5'

Páginas en HTML5

Sep 20 2011 Autor: J.P Aulet under Diseño,HTML 5,Internet,Programación

Des de la aparición del HTML5, han surgido ya muchos sitios web que han adaptado a este formato, sobretodo estudios de diseño, freelancers de diseño, empresas de publicidad, etc. Ya hemos hablado de algunas de las nuevas funcionalidades de ésta nueva especificación y cómo mejoran el rendimiento y la visualización de los sitios web. Para ver el real potencial del HTML5, es bueno conocer que se puede hacer con él y una buena forma es ver ejemplos prácticos. Aquí una colección de BUENAS páginas realizadas en HTML5:

finger industries html5

http://www.fingerindustries.co.uk/

haunted cathous html5

http://portfolio.hauntedcathouse.org/

mat tomaszewski html5

http://mat-t.com/#

stockholm noir html5

http://www.danielscholten.com/

Seguir leyendo »

Comments Off

Colección de Chuletas de Lenguajes de Programación

Cada lenguaje de programación, programa, framework, tipo de datos y muchos otros aspectos de la informática requieren aprender un lenguaje específico, con signos y expresiones que hacen que el código sea válido. Algunos son muy parecidos entre si (por ejemplo los diferentes lenguajes de programación comparten muchas estructuras, tipos de datos, formatos, etc.) pero cada uno tiene sus especificidades, con lo que un programador / desarrollador / diseñador de software debe memorizar muchas palabras clave y formas de llamar a métodos para cada lenguaje que conoce o encontrar una forma fácil de recordarlo. Para esto nacieron los ‘cheat sheets’  o chuletas que resumen visualmente los principales aspectos de cada lenguaje o programa. Aquí un resumen de algunos de ellos que os pueden ser útiles:

1. Lenguajes Programación: PHP / HTML5 / CSS / MySQL / JQuery / AJAX / Ruby on Rails

2. Diseño: Códigos RGB / Fonts

3. Útiles: Microformatos / Expresiones Regulares / Mod_rewrite / SEO / Buscadores

Lenguajes de Programación

PHP:

php-cheat-sheet Seguir leyendo »

Comments Off

Etiquetas de Referéncia HTML5

Jul 19 2011 Autor: J.P Aulet under HTML 5,Programación

En la siguiente tabla se muestra una completa referéncia de las etiquetas (tags) HTML5. Se ha ordenado la tabla de tal forma que se muestran primero los nuevos tags introducidos en la nueva version de este lenguaje. Seguidamente las etiquetas eliminadas (deprecated) que ya no se utilizan en HTML5. Por último las etiquetas que se mantienen entre las dos versiones. • Incluye el nombre de la etiqueta, una pequeña descripción y en que versión se puede usar, 4 * El elemento está definido en HTML4 y 5 * El elemento está definido en HTML 5.

 

Tag

Descripción

4

5

<article>

Define un artículo

 

5

<aside>

Define el contenido, aparte de contenido de la página

 

5

<audio>

Define el contenido de sonido

 

5

<canvas>

Define gráficos

 

5

<command>

Define un botón de comando

 

5

<datagrid>

Define los datos en un árbol de la lista

 

5

<datalist>

Define una lista desplegable

 

5

<datatemplate>

Define un modelo de datos

 

5

<details>

Define los detalles de un elemento

 

5

<dialog>

Define un cuadro de diálogo (conversación)

 

5

<embed>

Define el contenido interactivo o un plugin externo

 

5

<eventsource>

Define el destino de eventos enviados por un servidor

 

5

<figure>

Define un grupo de contenidos de los medios, y su leyenda

 

5

<footer>

Define un pie de página de una sección o página

 

5

<header>

Define un encabezado de una sección o página

 

5

<mark>

Define el texto marcado

 

5

<meter>

Define de medición dentro de un rango predefinido

 

5

<nav>

Define los vínculos de navegación

 

5

<nest>

Define una nestingpoint en una plantilla de datos

 

5

<output>

Define algunos tipos de salida

 

5

<progress>

Define el progreso de una tarea de cualquier tipo

 

5

<rule>

Define las reglas para la actualización de una plantilla

 

5

<section>

Define una sección

 

5

<source>

Define los medios de comunicación los recursos

 

5

<time>

Define una fecha / hora

 

5

<video>

Define un video

 

5

<acronym>

No se admite. Define un acrónimo

4

 

<applet>

No se admite. Define un applet

4

 

<basefont>

No se admite. Use CSS en lugar

4

 

<big>

No se admite. Define texto grande

4

 

<center>

No se admite. Define el texto centrado

4

 

<dir>

No se admite. Define una lista de directorios

4

 

<font>

Obsoleto. Define la fuente del texto, tamaño y color

4

 

<frame>

No se admite. Define la ventana secundaria (un marco)

4

 

<frameset>

No se admite. Define un conjunto de marcos

4

 

<isindex>

No se admite. Define una sola línea- campo de entrada

4

 

<noframes>

No se admite. Define una sección noframe

4

 

<s>

No se admite. Define el texto tachado

4

 

<strike>

No se admite. Define el texto tachado

4

 

<tt>

No se admite. Define el texto del teletipo

4

 

<u>

No se admite. Define el texto subrayado

4

 

<xmp>

No se admite. Define un texto preformateado

4

 

<comment>

Define un comentario

4

5

<DOCTYPE>

Define el tipo de documento

4

5

<a>

Define un hipervínculo

4

5

<abbr>

Define una abreviatura

4

5

<address>

Define un elemento de dirección

4

5

<area>

Define un área dentro de un mapa de imagen

4

5

<b>

Define el texto en negrita

4

5

<base>

Define una dirección URL base para todos los enlaces en una página

4

5

<bdo>

Define la dirección de visualización de texto

4

5

<blockquote>

Define una larga cita

4

5

<body>

Define el elemento del cuerpo

4

5

<br>

Inserta un salto de línea simple

4

5

<button>

Define un botón

4

5

<caption>

Define una leyenda de la tabla

4

5

<cite>

Define una citación

4

5

<code>

Define el texto el código informático

4

5

<col>

Define los atributos de las columnas de la tabla

4

5

<colgroup>

Define los grupos de columnas de la tabla

4

5

<dd>

Define una descripción de la definición

4

5

<del>

Define el texto eliminado

4

5

<div>

Define una sección en un documento

4

5

<dfn>

Define un término de definición

4

5

<dl>

Define una lista de definiciones

4

5

<dt>

Define un término de definición

4

5

<em>

Define el texto con énfasis

4

5

<fieldset>

Define un fieldset

4

5

<form>

Define una forma

4

5

<h1> to <h6>

Define una cabecera a cabecera de 6

4

5

<head>

Provee información sobre el documento

4

5

<hr>

Define una regla horizontal

4

5

<html>

Define un documento html

4

5

<i>

Define el texto en cursiva

4

5

<iframe>

Define una ventana de línea secundaria (cuadro)

4

5

<img>

Define una imagen

4

5

<input>

Define un campo de entrada

4

5

<ins>

Define el texto insertado

4

5

<kbd>

Define el texto del teclado

4

5

<label>

Define una etiqueta para un control de formulario

4

5

<legend>

Define un título en un fieldset

4

5

<li>

Define un elemento de la lista

4

5

<link>

Define una referencia de recurso

4

5

<map>

Define un mapa de imagen

4

5

<menu>

Define una lista de menús

4

5

<meta>

Define la información de meta

4

5

<noscript>

Define una sección de NoScript

4

5

<object>

Define un objeto incrustado

4

5

<ol>

Define una lista ordenada

4

5

<optgroup>

Define un grupo de opciones

4

5

<option>

Define una opción en una lista desplegable

4

5

<p>

Define un párrafo

4

5

<param>

Define un parámetro para un objeto

4

5

<pre>

Define un texto preformateado

4

5

<q>

Define una cita corta

4

5

<samp>

Define el código de ejemplo equipo

4

5

<script>

Define una secuencia de comandos

4

5

<select>

Define una lista seleccionable

4

5

<small>

Define el texto pequeño

4

5

<span>

Define una sección en un documento

4

5

<strong>

Define el texto fuerte

4

5

<style>

Define una definición de estilo

4

5

<sub>

Define el texto subíndice

4

5

<sup>

Define el texto en superíndice

4

5

<table>

Define una tabla

4

5

<tbody>

Define un cuerpo de la tabla

4

5

<td>

Define una celda de la tabla

4

5

<textarea>

Define un área de texto

4

5

<tfoot>

Define un pie de la tabla

4

5

<th>

Define un encabezado de la tabla

4

5

<thead>

Define un encabezado de la tabla

4

5

<title>

Define el título del documento

4

5

<tr>

Define una fila de la tabla

4

5

<ul>

Define una lista desordenada

4

5

<var>

Define una variable

4

5

 

Esta tabla puede ayudar a aprender las inclusiones de nuevo código y ir descartando las etiquetas antiquadas.

Comments Off

Experimentando en HTML5

May 27 2011 Autor: J.P Aulet under General,HTML 5

El nuevo HTML5 nos está dejando muchos novedosos proyectos, experimentos y sitios especializados en recojer estos primeros pasos en esta nueva versión de HTML. Aquí os dejo algun experimento interesante o divertido que hacen uso intensivo del motor de dibujo ‘canvas’:

Google Gravity:Google gravity

Skeetch:  Permite dibujar en la pantalla mediante el ratón.

Bacterium: Generador de ‘bacterias’ que se infectan entre ellas.

3D Particules : Visualizador en 3D de partículas con diferentes formas.

Más experimentos en  Chrome Experiments.

Comments Off