Tag Archives: Blogs

Exelente recopilacion de plugins WordPress HTML 5 vía Ayuda WordPress para ir atrayendo tu atención hacia la importancia de HTML5 y, de paso, conocer unos buenos plugins.

Plugins HTML5:

1. Degradable HTML5 audio and video – Ofrece la posibilidad de incrustar vídeo y audio mediante shortcodes con soporte para degradados HTML5 de vídeo.
2. TagCloud html5 – Nube de tags en HTML5, basada en el tagcanvas-JS de http://www.goat1000.com.
3. HTML5 and Flash Video Player – Además de múltiples funciones para la incrustación sencilla de vídeo, ofrece soporte completo de vídeo HTML5.
4. WPtouch iPhone Theme – Este viejo conocido, que ofrece una versión móvil de tu sitio para smartphones, desde la versión 1.9.9 dispone de soporte para urls y comentarios HTML5:
5. AmR iCal Events List – Plugin de calendario que, desde la versión 2.6.1.0 dispone de soporte HTML5 para los espacios en blanco a la hora de añadir nuevos calendarios.
6. Transposh – translation filter for wordpress – Plugin que, cumpliendo los estándares HTML5, ofrece un sistema de traducción, mitad automático, mitad humano, de traducción de los contenidos de tu sitio.
7. wp-Typography – Plugin para mejorar las tipografías de tu sitio y, por supuesto, compatible con HTML5.
8. Fast and Secure Contact Form – Estupendo plugin que ofrece un formulario de contacto libre de spam, mediante captcha, y que cumple los estándares HTML5.

En este tutorial HTML 5 y CSS 3 podras crear una página de blog a través de técnicas de nueva generación HTML 5 y CSS 3. El Objetivo de este tutorial es para ir ponindonos un poco al dia con la forma en que será el desarrollo de sitios web cuando se terminen las especificaciones que los proveedores de navegadores han implementado. Si ya sabes HTML y CSS, no te sera de gran esfuerzo seguir adelante.

Que es HTML 5?

HTML 5 es la próxima gran versión de HTML. Introduce un montón de nuevos elementos que harán que nuestras páginas sean más semántica. Esto hará que sea mucho más fácil para los buscadores y lectores de pantalla para navegar por nuestras páginas, y mejorar la experiencia web para todos. Además, HTML 5 también incluirá APIs para dibujar gráficos en la pantalla, almacenamiento de datos sin conexión, arrastrar y soltar, y mucho más.

Estilo con CSS 3

CSS 3 se basa en los principios sobre los estilos, selectores y la cascada que tan bien conocemos de versiones anteriores de CSS. Añade un montón de nuevas características, incluyendo nuevos selectores, pseudo-clases y propiedades. El uso de estas nuevas características lo hace mucho más fácil para configurar su diseño.

En este tutorial HTML 5 y CSS 3 podras crear una página de blog a través de técnicas de nueva generación HTML 5 y CSS 3. El Objetivo de este tutorial es para ir ponindonos un poco al dia con la forma en que será el desarrollo de sitios web cuando se terminen las especificaciones que los proveedores de navegadores han implementado. Si ya sabes HTML y CSS, no te sera de gran esfuerzo seguir adelante.

Que es HTML 5?

HTML 5 es la próxima gran versión de HTML. Introduce un montón de nuevos elementos que harán que nuestras páginas sean más semántica. Esto hará que sea mucho más fácil para los buscadores y lectores de pantalla para navegar por nuestras páginas, y mejorar la experiencia web para todos. Además, HTML 5 también incluirá APIs para dibujar gráficos en la pantalla, almacenamiento de datos sin conexión, arrastrar y soltar, y mucho más.

Estilo con CSS 3

CSS 3 se basa en los principios sobre los estilos, selectores y la cascada que tan bien conocemos de versiones anteriores de CSS. Añade un montón de nuevas características, incluyendo nuevos selectores, pseudo-clases y propiedades. El uso de estas nuevas características lo hace mucho más fácil para configurar su diseño.

Muchas veces recurrimos a webs de fotos como Flickr o bancos de imágenes cuando necesitamos ciertas fotos gratuitas para nuestro blog, en este artículo vamos a hablar de PicApp , un sitio que te permite encontrar y usar fotos editoriales y creativas en tu blog. En este sitio encontraras imágenes de reconocidas agencias como Getty Images, Corbis, Pacific Coast News y Newscom entre otras.

PicApp con más de 20 millones de imágenes abarca todas las categorías imaginables, desde noticias, deportes, celebridades, moda, viajes y mucho más.

Las redes sociales siguen creciendo de forma constante y conectar tu sitio con los principales medios de comunicación social como Facebook y Twitter puede ayudar a construir tu tráfico y tu reputación en la red. Para empezar a difundir tus contenidos añade botones en tu sitio, hay muchísimas opciones, una podría ser los botones de Yahoo, o si utilizas WordPress aquí encontraras una lista de plugins, para facilitar a los usuarios compartir, imprimir, guardar…etc. Vamos a ver cuales son los pasos para empezar a difundir el contenido de tu sitio:

Facebook

Conectar tu sitio a Facebook

Muchos quieren utilizar Facebook para difundir sus webs, blogs o empresas pero no se atreven a utilizar su perfil personal. Si este es tu caso, una alternativa es crear una página en Facebook, mayormente utilizada para sitios web, empresas…Como se comento anteriormente en Crear Paginas o grupos en Facebook? Aunque también lo puedes hacer desde tu perfil personal.

Ahora conecta Facebook a tu sitio

Para conectar Facebook a tu sitio puedes utilizar Facebook Widgets es un Widget que contiene la imagen de tu pagina o perfil personal, el nombre, y el último estado, además de un listado del número de seguidores o de amigos… todos estos datos son opcionales y los puedes editar desde Facebook. Para colocar este Widgets ( Insignia de página) simplemente escoge el tipo de pagina donde insertarlo y pegar el código generado en tu sitio.

Ejemplo de Insignia de página:

Nicolasviroga.com

Promociona también tu página

Compartir contenido en Facebook

Para compartir tus artículos, noticias, post… Puedes añadir el feed de tu sitio. Son pasos muy rápidos y sencillos. Puedes ver aquí como Añadir en Facebook el feed de tu blog. También puedes añadir en tu sitio otras opciones como botón compartir o panel para admiradores, dos opciones que encontraras en Facebook Widgets.