El futuro de las paginas web y los navegadores
Paginas Web Estรกticas vs Dinรกmicas
DIFERENCIA ENTRE DISEÑO WEB Y DESARROLLO WEB ¿Cuál es la diferencia entre el diseño web y desarrollo web? La diferencia entre el diseño web y desarrollo web se ha vuelto confusa. Esta confusión puede causar problemas para una empresa de diseño web y sus clientes ya que el diseño de páginas web se ha convertido en un término genérico que abarca el diseño y desarrollo. Es importante que las empresas para que sus clientes sean conscientes de que un sitio web exitoso requiere de un excelente diseño y desarrollo. Igualmente, los clientes deben estar dispuestos a hacer el esfuerzo por comprender la diferencia. Esta comprensión hace que el proceso de especificación y aprobación sea más sencillo. Diseño de páginas web determina la apariencia. Que cubre el diseño, la navegación y los colores de un sitio web (También puede incluir el diseño gráfico y logo), está más preocupado por la estética y la experiencia del usuario de las funciones. Un diseñador de páginas web crea sitios fáciles de usar y adecuados para su propósito.
En contraste, el desarrollo web ofrece las funciones y características. Se trata de la programación de servicios de fondo y no el rostro de un sitio web. Funciones previstas en el desarrollo web incluyen el registro, los sistemas de gestión de contenidos, comercio electrónico y las aplicaciones de base de datos, además de permitir a los visitantes interactuar en un sitio web. La investigación ha demostrado que los visitantes juzgan una web en tan sólo unos segundos. Por lo tanto, se requiere hacer el diseño de páginas web atractivo y fácil de usar y un buen desarrollo se requiere crear buenas funciones de enlaces de interés. Lo ideal sería que los diseñadores y desarrolladores trabajaran juntos para retener a los visitantes y fomentar las visitas de retorno. En conclusión, tanto el diseño como el desarrollo web son esenciales para producir un sitio efectivo deben estar integrados para así ofrecer la mejor creación de páginas en circulación.
¿Te has preguntado cuando visitas una página web de donde vienen esas palabras e imágenes? Es el Word Wide Web. En estos días si contamos con una conexión a internet el usar la web es bastante fácil, podemos visitar billones de páginas desde mascotas de cocodrilo hasta el clima en Holanda. Para ayudarte a entender cómo funciona pretendamos que podemos minimizarnos, seguir los cables de nuestro computador y explorar lo que hace funcionar la web. Para llegar a la web necesitamos una conexión desde nuestra casa o compañía hasta el resto del mundo online, esto usualmente pasa a través de los cables de teléfono, televisión o también satélites. Esta conexión significa que información de todas partes del mundo puede llegar a nuestras computadoras. Si pudiéramos ver la conexión, la información que viene de ella sería como pequeños paquetes de código, esto no tiene mucho sentido para algunas personas por eso necesitamos un traductor que trasforme los paquetes de código en palabras, música, imágenes,
sonidos que vemos en la página web, para esto usamos un navegador, que transforma la información y la vuelve útil para nosotros, pero ese código debería venir de algún lugar ¿verdad? Si lo pudiéramos ver desde nuestra casa, veríamos que viene desde otro computador que no es regular sino que está diseñado para hacer páginas web disponibles llamado servidor, así que toda la información que vemos viven en este servidor. Si existiera un solo servidor esto sería simple, pero existen millones de páginas webs y servidores. Necesitamos una manera de buscar una página web específica en un servidor específico y esas son las direcciones web, si tenemos la dirección web correcta podremos con seguir la página web y servidor especifico. Por ultimo lo llamamos web porque todos los servidores están conectados, podemos pasar de un servidor a otro por medio de las direcciones web. Y así es como terminamos nuestro recorrido por el mundo del World Wide Web
2004
Consorcio World Wide Web (W3C) anuncia que funcionara con “WHAT” Working Group
Donde el “WHAT” Working Group nació Fundada en 2004. WHATWG con miembros de Apple, Fundacion Mozilla, y Oper a Software se juntan para desarrollar HTML5.
W3C decide dejar de trabajar en XHTML y comienza a colaborar con “WHAT” Working Group así evolucionar HTML como tecnología.
Oct. 2006 Firefox 3 es compatible con HTML5 Firefox 3 permite que HTML 5 sea visto en el buscador, Chrome, Safari y eventualmente lo seguirán.
2008
Primera versión de HTML5 es publicada
2008
Youtube ofrece video reproductor HTML5
Ene. 2010
Escrito por Ian Hickson es introducida pero vendrán mas cambios. Expertos dicen que HTML5 es una tecnología evolutiva constante que nuca estará totalmente terminada.
Abr. 2010 Steve Jobs “destruye” Flash en una carta abierta Jobs explica que Flash nunca será aceptado en dispositivos Apple. Esto hace que muchas compañías comiencen a usar HTML5.
Solo puede ser activado a través de TestTube. Un mejor reproductor llegara en Julio 2010.
Documentos Scribd cambian a HTML5 Esto crea una mejor UI para usuarios que leen documentos en tablets.
May. 2010
34% del top de 100 paginas web usan HTML5 En Septiembre de 2011 34% de las mejores 100 paginas web traficadas de Alexa usan HTML5.
Twitter lanza nueva versión basada en HTML5 para iPad
Sep. 2011
Ago. 2011
El Globo de Boston abre subscripciones solo en BostonGlobe.com Usa diseño responsive y CSS3 permitiendo a la website adaptar su tamaño a el tamaño de la pantalla en que se presente.
Pandora comienza a crecer con HTML5
Ago. 2011 Amazon crea Kindle Cloud Reader
Pandora comienza a hacer el cambio a HTML5 reproductor. Mostrando menos rigidez que Flash Player, mas fácil de cargar y mas rápido.
Amazon crea una nueva versión de Kindle eBook reader app. La nueva versión de HTML5 da acceso a los clientes a su contenido estando offline directamente de su buscador.
Mar. 2011
Julio 2011
Dec. 2010
Tienda Chrome Store abre Abre su tienda digital en HTML5, haciendo que aplicaciones Apple no-web sean fáciles de comprar en tablets.
Arcade Fire lanza un film interactivo basado en HTML5
Ago. 2010
Un año después de su lanzamiento se lanza “The Wilderness Downtown”, gana el Grand Prix award y en Canes el award por pulicidad in la categoría de Cyber.
Disney compra inicializador de juegos en HTML5 Compra “Rocket Pack” basado en Heisinki. Su intencion es clara: romper el monopolio tienda-app y crear juegos directos en la web usando HTML5
Adobe deja de hacer Flash para dispositivos móviles
Linkedln crea aplicación nativa para iPad
La compañía hace publico su planes para finalizar el desarrollo de Flash para móviles en orden de buscar un enfoque en la herramienta de desarrollo HTML5 .
Linkedln siempre ha tenido aplicación móvil desde 2008 pero en 2012 vio el lanzamiento de su aplicación nativa al 95% en HTML5 para iPad. La aplicación ha sido apreciada por su sencillez y diseño moderno.
Nov. 2011
Flickr obtiene un nuevo cargador Html5
Abr. 2012
Junio 2012
Wix.com: +1.000.000 paginas web HTML5 creadas por usuarios Esta milla fue alcanzada en 90 días después que la plataforma de publicidad lanzara su pagina web constructora en HTML5.
Esta implementación de HTML5 expide cargar archivos más grandes.
Enero 2013
Se espera que la adopción de HTML5 sobrepase más del billón (1.000.000.000)
HTML5 compatible con smartphones será vendido en ese mismo año.
¿Quieres saber todas las etiquetas de HTML 5 que existen?
<th>
Define una celda de encabezado en una tabla
<thead>
Agrupa los encabezados de una tabla
<time>
Define fecha / hora
<title>
Define un título para el documento
<tr>
Define una fila en una tabla
<track>
Define texto de la pista para elementos multimedia (vídeo y audio)
<ul>
Define una lista desordenada
<var>
Define una variable
<video>
Define un vídeo o película
<wbr>
Define un posible salto de línea
Etiqueta
Función
Etiqueta
Función
<!–…–>
Define un comentario
<button>
Define un botón clickeable
<!DOCTYPE>
Define el tipo de docuemento
<canvas>
Se usa para dibujar gráficos en pantalla
<a>
Define un hipervínculo
<caption>
Define el título de una tabla
<abbr>
Define una abreviación
<cite>
Define el título de un trabajo
<address>
Define la información de contacto del autor / propietario del documento
<code>
Define un trozo de código de programación
<area>
Define un área dentro de un mapa de imagen
<col>
Especifica las propiedades de la columna para cada columna del elemento <colgroup>
<article>
Define un artículo
<colgroup>
Especifica un grupo de una o más columnas de una tabla
<aside>
Define el contenido lateral del contenedor de una página
<command>
Define un botón command al que un usuario puede invocar
<audio>
Define contenido de sonido
<datalist>
Especifica en un input una lista pre-definida de opciones
<b>
Define texto en negrita
<dd>
Define la descripción de un ítem en una lista de definición
<base>
Especifica la base donde se abrirán todas las URL del documento
<del>
Define un texto que ha sido definido en un Mdocument
<bdi>
Aísla una parte del texto que puede tener un formato diferente del texto externo
<details>
Define detalles adicionales que el usuario puede ver o esconder
<bdo>
Sobreescribe la dirección del texto
<dfn>
Define el término de una definición
<blockquote >
Define una sección que tiene otra fuente
<dialog>
Define una caja o ventana de dialogo
<body>
Define el cuerpo del documento
<div>
Define una sección en un documento
<br>
Define un salto de línea
<button>
Define un botón clickeable
Etiqueta
Función
Etiqueta
Función
<dl>
Define una lista de definición
<iframe>
Define un frame en línea
<dt>
Define un término (un ítem) en una lista de definición
<img>
Define una imagen
<em>
Define énfasis en un texto
<input>
Define un control de entrada de texto
<embed>
Define el contenedor de una aplicación externa (no html)
<ins>
Define texto que ha sido insertado en un documento
<fieldset>
Grupo de elementos relacionados en un formulario
<kbd>
Define entrada del teclado
<figcaption>
Define el título para una figura <figure>
<keygen>
Define un campo generador de claves para formularios
<figure>
Especifica auto-contenido
<label>
Define el rótulo para un elemento <input>
<footer>
Define el pie de página de un documento
<legend>
Define un título para los elementos <fieldset>, <figure>, <details>
<form>
Define un formulario html
<li>
Define un ítem de una lista
<h1> a <h6>
Define encabezados o títulos
<link>
Define la relación entre un documento y un recurso externo (generalmente con hojas de estilo)
<head>
Define información hacerca del documento
<map>
Define un mapa de imagen del cliente
<header>
Define la sección de encabezado del docuemnto
<mark>
Define texto resaltado o marcado
<hgroup>
Grupo de encabezado (<h1> a <6>)
<menu>
Define la lista de un menú
<hr>
Define un cámbio de temática a partir de una línea dibujada
<meta>
Define un metadato de un documento
<html>
Define la raíz del documento
<meter>
Define una medida escalar en un rango conocido
<i>
Define una parte del texto de modo alternativo
<nav>
Define un link de navegación
Etiqueta
Función
Etiqueta
Función
<noscript>
Define un contenido alternativo para los usuarios que no soportan scripts del cliente
<script>
Define un script del lado cliente
<objet>
Define un objeto embebido
<section>
Define una sección de un documento
<ol>
Define una lista ordenada
<select>
Define un drop-down list
<optgroup>
Define un grupo de opciones relacionadas en una lista desplegable
<small>
Define texto pequeño
<option>
Define una opción en una lista desplegable
<source>
Define los recursos para elementos multimedia
<output>
Define el resultado de un cálculo
<span>
Define una pequeña sección de un documento
<p>
Define un párrafo
<strong>
Define un texto en negrita
<param>
Define un parámetro para un objeto
<style>
Define un estilo para la información de un documento
<pre>
Define texto pre-formateado
<sub>
Define un texto que es subíndice
<progress>
Representa el progreso de una tarea en una barra
<summary>
Define un encabezado visible para el elemento <details>
<q>
Define una cita corta
<sup>
Define un texto que es superíndice
<rp>
Define que debe mostrar en navegadores que no soportan scripts de ruby
<table>
Define una tabla
<rt>
Define una pronunciación de caracteres
<tbody>
Define el cuerpo de una tabla
<ruby>
Define una notación de ruby
<td>
Define una celda en una tabla
<s>
Define texto que no es correcto
<textarea>
Define un control de entrada de múltiples líneas
<samp>
Define un ejemplo de salida de un programa
<tfoot>
Agrupa los footer contenidos en una tabla
Es la última evolución del lenguaje de las Hojas de Estilo en Cascada (Cascading Style Sheets), y pretende ampliar la versión CSS2.1. Trae consigo muchas novedades altamente esperadas , como las esquinas redondeadas, sombras, gradientes , transiciones o animaciones, y nuevos layouts como multi-columnas, cajas flexibles o maquetas de diseño en cuadrícula (grid layouts).
Los módulos y el proceso de estandarización
El Nivel 2 de CSS necesitó 9 años, desde Agosto de 2002 hasta Junio de 2011, para alcanzar el estado de Recomendación. Esto fue debido al hecho de que algunas características secundarias fueron retiradas de las especificaciones globales, con el fin de acelerar la normalización de las características no problemáticas, el Grupo de Trabajo CSS de la W3C, en una decisión referida como la doctrina Beijing dividió CSS en componentes más pequeños llamados módulos cada uno de estos módulos es ahora una parte independiente del lenguaje y se dirije a la estandarización a su propio ritmo mientras algunos módulos son ya recomendados de la W3C, otros todavía son borradores iniciales tambíen se añaden nuevos módulos cuando se identifican nuevas necesidades.
Los módulos y el proceso de estandarización Formalmente, no existe un estándar de CSS3 por sí solo cada módulo es estandarizado independientemente, por lo que el estándar CSS consiste en CSS2.1 modificado y extendido por módulos terminados, no necesariamente todos con el mismo nivel numérico por tanto, puede ser definido un panorama del CSS estándar listando (enumerando) CSS2.1 y los módulos maduros. El consorcio W3 publica periódicamente ciertos snapshots(imágenes), como en 2007 o 2010. Aunque hoy en día ningún módulo con nivel mayor al 3 es estandarizado, esto cambiará en el futuro. Algunos módulos, como Selectors 4 o CSS Borders y Backgrounds nivel 4 tienen ya un borrador de edición pese a que aún no tienen un estatus de primer borrador de trabajo.
JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas. Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario. Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios. A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de programación Java. Legalmente, JavaScript es una marca registrada de la empresa Sun Microsystems.
A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo hacían con módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a desarrollarse las primeras aplicaciones web y por tanto, las páginas web comenzaban a incluir formularios complejos. Con unas aplicaciones web cada vez más complejas y una velocidad de navegación tan lenta, surgió la necesidad de un lenguaje de programación que se ejecutara en el navegador del usuario
Brendan Eich, programador de Netscape pensó en adaptar tecnologías existentes al navegador Netscape Navgator 2.0 que iba a lanzarse en 1995. inicialmente denominado LiveScript.
Historia Posteriormente, Netscape firmó una alianza con Sun Microsystems para el desarrollo del nuevo lenguaje de programación. Además, justo antes del lanzamiento Netscape decidió cambiar el nombre por el de JavaScript. La razón del cambio de nombre fue exclusivamente por marketing, ya que Java era la palabra de moda en el mundo informático y de Internet de la época. La primera versión de JavaScript fue un completo éxito y Netscape Navigator 3.0 ya incorporaba la siguiente versión del lenguaje, la versión 1.1. Al mismo tiempo, Microsoft lanzó JScript con su navegador Internet Explorer 3. JScript era una copia de JavaScript al que le cambiaron el nombre para evitar problemas legales. Para evitar una guerra de tecnologías, Netscape decidió que lo mejor sería estandarizar el lenguaje JavaScript. De esta forma, en 1997 se envió la especificación JavaScript 1.1 al organismo ECMA European Computer Manufacturers Association). ECMA creó el comité TC39 con el objetivo de "estandarizar de un lenguaje de script multiplataforma e independiente de cualquier empresa". El primer estándar que creó el comité TC39 se denominó ECMA-262, en el que se definió por primera vez el lenguaje ECMAScript. Por este motivo, algunos programadores prefieren la denominación ECMAScript para referirse al lenguaje JavaScript. De hecho, JavaScript no es más que la implementación que realizó la empresa Netscape del estándar ECMAScript.
Saltos de línea y tabulaciones se consideran como un espacio al escribir el código. Javascript distingue entre mayúsculas y minúsculas. No es obligatorio el punto y coma al final de una sentencia o instrucción, siempre que haya cambio de línea. El cambio de línea supone en la mayoría de las veces el fin de la sentencia. Comentarios de una línea: // comentario Comentarios de varias líneas:/* comentario ..... fin comentario */
Elementos Y sentencias
Normas de escritura
Variables Formas de escribir el código
Definición Directamente: dias = 7 Mediante var : var meses = 12
En la propia página: <script type="text/javascript"> ... (código) ... </script>
Tipos de variables: Númericas: Su valor es un número entero o real Cadenas: Su valor es una cadena de texto. Se escribe entre comillas. Booleanos: Sus dos posibles valores: true (verdadero) y false (falso). Objetos: Para guardar elementos más complejos.
En un archivo aparte: <script type="text/javascript" src="archivo.js"></script>
Clases de variables según su ámbito: Locales: funcionan sólo dentro del elemento donde se ha creado. Se crean mediante var Globales: Todas las demás, que son la gran mayoría. Disponibles en toda la página. Cambiar tipo de variable: Veremos simplemente cómo pasar de número a cadena y viceversa. Convertir una cadena en número: n="43"; n=Number(n) Convertir un número en cadena: n=toString(n)
En los elementos HTML: <p onclick="alert('este es mi primer script')">
Caracteres especiales Para escribir caracteres que pueden ser problemáticos: \n : Salto de línea. \" : Comillas dobles. \' : Comillas simples. \t : Tabulador. \r : Retorno del carro. \f : Avance de página. \b : Retroceder espacio. \\ : Contrabarra. Operadores numéricos Asignación simple Signo igual :Asigna un valor a una variable, creándola o modificándola: a = 6; b = 3
Paginas Web Estáticas
Paginas Web Dinámicas
Son ideales para las empresas que no quieren muchas pretensiones con su sitio web, sino simplemente informar a sus clientes de sus productos y dar a conocer su perfil de empresa entre otros. La principal ventaja es lo económico que pueden resultar. Su diseño y desarrollo es más rápido que el de una web dinámica pero el usuario no puede seleccionar, ordenar o modificar los contenidos o el diseño de la página.
Estas permiten la creación de aplicaciones dentro de la propia web y ofrecen una mayor interactividad con los usuarios que la visiten. Su creación es más compleja, ya que se requiere de conocimientos específicos de lenguajes de programación y gestión de bases de datos. Con este tipo de páginas web se puede hacer todo lo que se desee. La web 2.0 es realmente la web dinámica , esa en la cual los usuarios interactúan con la información contenida en la web, ya que dicha información varía en tiempo real de acuerdo a las opciones tomadas por el usuario.
Ausencia de movimiento y funcionalidades. Realizadas en XHTML o HTML. Acceder al servidor para cambiar contenidos de la página. Opacidad a los deseos o búsquedas del visitante a la página. Lento y manual el proceso de actualización.
Infinitas posibilidades en su diseño y desarrollo. El visitante puede alterar el diseño, contenidos o presentación. Se utilizan varias técnicas de programación. El proceso de actualización es muy sencillo. Permite muchas funcionalidades como bases de datos, foros, etc. En definitiva, si tu empresa solo quiere mostrar su historia, productos o servicios, lo mejor sería una página web estática, pero si lo que necesitas es una web mediante la cual puedas hacer ventas, recibir pagos, almacenar estadísticas, etc, tu elección debe ser la página web dinámica.
Este 2019 esta cargado de muchas oportunidades, hablando como desarrollador, y se debe a la cantidad de opciones que tienes para elegir.
Pros: Integración impecable con Windows 10. Buen rendimiento de Javascript. Además su motor es libre. Compatible con Chromium en la forma de renderizar las páginas, lo que mejora la experiencia al navegar. Instalado de serie en los nuevos sistemas operativos de Windows. Eficiente consumo de RAM. Contras: Futuro con cambios, en estos momentos los desarrolladores se encuentra cambiando su motor a Chromium. Extensiones pobres. Solo compatible con Windows. Gran parte del código es propietario, al menos por ahora.
Pros: Buena velocidad (me atrevería decir que el más rápido). Interfaz liviana. Bien adaptado a los servicios de Google. Compatible con todos los Sistemas Operativos y Smartphones. Un motor de Javascript fantástico. Origen de Node. Herramientas de desarrollo impecables. Extensiones nativas interesantes: como Gmail sin conexión, Google Docs (un Office), videoconferencia, compartir escritorio, videojuegos… (Entre muchas otras). Contras: Google te intenta forzar a utilizarlo. Demasiadas actualizaciones, aunque se aplican automáticamente. Gran uso de memoria RAM, lo cual puede ser un problema para ordenadores limitados (Menos de 1Gb). Parte de código privativo a pesar de venir del software libre. ¿Qué escondes?
Pros: Comprometidos con ofrecer un buen producto. Su motor ha sido limpiando y optimizando con Quantum. Todas las extensiones que puedas desear. Buena compatibilidad. Interfaz personalizable fantástica. Versión Smartphone muy interesante. Consume menos memoria que Chrome, y ahora con Quantum menos RAM que antes. Software integrado muy interesante: capturas de pantalla, Pocket, monitor de extensiones, gestor de descargas independiente… Filosofía del Software libre en estado puro. Contras: Puedes notar que algunos Diseñadores Web dan más prioridad a Chrome que a Firefox, por lo que te encontrarás algunas páginas que te dan problemas. Interfaz ostentosa. Estoy seguro que se puede conseguir más espacio con los mismos botones en la ventana. Las actualizaciones llegan muy despacio.
Pros: Sublime integración con Mac OS X y iOS. Interfaz limpia, clara y sencilla. Inteligente aprovechamiento del touchpad. Si tienes Mac OS, el navegador más rápido sin duda. No dejan de optimizarlo. Contras: Código propietario, como todo el software de Apple. Inseguro. Suele estar un poco desactualizado. Solo para Apple. Y posiblemente siempre será así. Extensiones básicas. Su única intención de existir es dar un navegador bonito y herramientas básicas para los desarrolladores de Apple. El funcionamiento es básico comparado con la competencia. Siempre por detrás en los estándares. Te toparás que no siempre te va a funcionar en algunos sitios.
Pros: Modo Turbo. Ideal para conexiones lentas. Versiones para Smartphones geniales. Contras: Código propietario. Aunque en este caso es entendible ya que la compañía vive del software. Pocas actualizaciones. Les cuesta mucho sacar nuevas versiones y para Linux llegan con mucho retraso. La perdida de su magnífico cliente de correo integrado. Ahora es independiente, pero no es lo mismo. No ofrece nada nuevo. Salvo una barra a la izquierda cuando lo inicias.
Pros: Al ser el proyecto padre de Chrome, podemos decir que tiene todo lo bueno. 100% libre. Inapreciable diferencia con Chrome por parte del usuario. Contras: En Windows, las actualizaciones son incómodas. Arriesga poco o nada.
PAGINAS
.
HTML5, la próxima gran revisión de HTML, el lenguaje de Internet que va a revolucionar la forma en que los desarrolladores y diseñadores web crean sitios web y la forma en que los visitantes las utilizan. Esta siendo editado por Ian Hickson de Google y David Hyatt de Apple, dos de las mayores mentes creativas de la web Además de permitir a los desarrolladores/diseñadores web a usar un código mas limpio, más simple, y más consistente, HTML5 les ayudará a liberarse de los confines de los plugins de terceros como Flash. Por primera vez, será posible lograr coherencia entre las interfaces de los reproductores de video y el diseño del sitio web en general. Los usuarios serán capaces de girar, mover, cambiar de tamaño e incluso detectar movimiento en un vídeo, mientras juegan, utilizando los controles de vídeo incorporado. A través del elemento canvas HTML5, los usuarios serán capaces de hacer los gráficos y las imágenes sobre la marcha, sin necesidad de plugins. Además de demos y otros experimentos en línea, en realidad hay un número de sitios usando HTML5 hoy en día, aunque pocos, de ser el caso, aprovechan al máximo las capacidades potenciales del lenguaje. Exploramos 25 de los mejores a continuación, la gran mayoría de los cuales pertenecen a los desarrolladores web y agencias de desarrollo web dispuestas a mostrar sus habilidades en HTML5 a los clientes potenciales. Echa un vistazo y examina el código para penetrar en el futuro de la Internet. Se advierte, sin embargo, pocas se ven correctamente en Internet Explorer.
SE ACABO Este es el fin de nuestra edición especial dedicada a el diseño y desarrollo de páginas web. Si en realidad te interesa esta rama, procura mantenerte siempre actualizado de lo nuevo, innovador y las tendencias. No solo te guíes por las cosas superficiales, trata de destacar y sobresalir por tus dotes como programador creativo. Esperamos que nos este acompañando en una edición en los temas de Ingeniería de Sistemas. Katherine Gaspare
¿Te gustaría saber más sobre programación, diseño y desarrollo web? No te pierdas nuestra próxima edición.