Está basado en jQuery y se requiere desde la versión 1.4.1 o superior. Además, para implementarla en nuestros sitios, necesitamos descargar dos plugins que vienen en el mismo archivo. En la página web del autor, podemos encontrar un ejemplo de cómo implementar esta galería, con el siguiente código:

<img src="thumb1.jpg" data-large="image1.jpg" />
    <img src="thumb2.jpg" data-large="image2.jpg" />
    <img src="thumb3.jpg"  data-large="image3.jpg" />

    <script>
      $('img[data-large]').touchGallery({
        getSource: function() {
          return $(this).attr('data-large');
        }
      });
    </script>

Como se menciona anteriormente, la galería esta optimizada para Safari Mobile y dispositivos touch, aunque en otros navegadores también funciona, en este caso se utiliza las fechas direccionales para la navegación en la galería.

Demo y descarga: Neteye

Visto en Kabytes

Link: Creative 404 Error Pages

Posee un código bien organizado con etiquetas, para una fácil personalización y utiliza código estándar HTML y CSS. El paquete contiene 3 páginas personalizables (Inicio, Galería y Página), archivos PSD; el template posee menús desplegables e íconos sociales.

Classic Luxury es compartido mediante SixRevisions y únicamente puede usarse con fines personales, es decir que no puedes vender productos derivados ni re-distribuirlo.

Demo

Descargar template (.zip, 0.2 Mb)

La página por defecto de este error, solos nos presenta “No encontrado” y nos recomienda volver “atrás” o verificar la dirección. Por eso es recomendable personalizar estás páginas, agregando información más útil. Algunos elementos de gran ayuda que pueden incluirse son: un enlace al sitemap del sitio, si posee, un enlace al Home y, preferentemente, una caja de búsqueda. En Creativos Online, nos presentan una lista de 40 ejemplos de páginas de Error 400 para inspirarnos.

Visto en Creativos Online

La plantilla es oscura, con predomino de azul y una estructura simple. Se incluyen 6 páginas en distintos PSD, cada una con capas bien identificadas para una mejor personalización. Las plantillas incluídas son Home, Sobre Nosotros, Blog, Entrada, Portafolio y Contacto.

BlueMasters es gratuito para uso personal o comercial. Puedes descargarlo desde aquí.

El sistema de Disqus se integra con los CMS más populares como WordPress, Blogger, Tumblr, MovableType, Drupal, Joomla, Squarespace, Yola/SynthaSite, DokuWiki, Storytlr, Sweetcron, entre muchos otros. Además los usuarios podrán identificarse con sus cuentas de FaceBook, Twitter u OpenID.

En el caso de WordPress, podemos descargar un plugin oficial de Disqus, que además de automatizarnos el proceso nos permite exportar los comentarios que ya están en el blog.

Disqus Comments | Visto en Xyberneticos

Entre los navegadores podemos encontrar a Firefox desde su versión 2, Chrome desde la versión 3, Internet Explorer desde la versión 6 y Safari desde su versión 3. Entre los sistemas operativos, encontramos por ahora Windows y Mac OS X. En las visualizaciones podemos seleccionar dos ventanas, por lo que hace más sencilla la comparación de las vistas.

BrowserLab forma parte de la suite Adobe CS Live, para utilizarlo requiere registro y es totalmente gratuito si lo haces antes del 30 de abril del 2011.

BrowserLab | Adobe CS Live | Visto en Web Resources depot

En este sitio podemos encontrar 7 ejemplos: video, tipografía, galerías, transiciones, audio, vistas en 360° y Visitas Virtuales. Todas aprovechando al máximo las características del html5, sin utilizar el complemento de Flash. Para probar estos ejemplos debemos descargarnos la nueva versión de Safari.

En el Safari Dev Center también podemos encontrar otros ejemplos, así como también una breve descripción de cómo está programado cada ejemplo. Para los desarrolladores web, tenemos la posibilidad de descargar códigos de estos ejemplos para entender mejor el funcionamiento y también algunas guías.

Ejemplos de HTML5 | Safari Dev Center

Como pueden ver en la imagen, el template tiene tonos oscuros verde azulados. Es SEO friendly, programado en XHTML, posee un efecto de slider gracias a jQuery, donde cada enlace del menú es un marcador diferente de la misma página. Este template es de una sola página, ideal para sitios que necesiten mostrar información de una manera rápida y llamativa.

La licencia nos permite utilizarla con fines personales o comerciales, siempre y cuando mantengamos el enlace en la parte inferior de la página. Para facilitarnos la edición, el código posee comentarios que nos ayudan a identificar cada parte de la web.

Demo | Descarga | Web Del autor