El nuevo lanzamiento de la mas reciente versión del código mas utilizado para la creación de paginas web, el html5, ha traído consigo nuevas aplicaciones que intentan darle un mayor profesionalismo a nuestras paginas web, en esta ocasión te presentamos una aplicacion que se encarga de recopilar diversas plantillas especiales para este código, la aplicacion lleva por nombre, Free Html5 Templates.

Free Html5 Templates, es una aplicacion web completamente gratuita en la cual, encontraremos una diversa variedad de plantillas diseñadas bajo el código Html5. La aplicacion cuenta con una sección destinada a las plantillas comerciales, que podemos descargar desde este mismo sitio, ademas actualizan constantemente su colección de plantillas, una de las cosas que debemos destacar de la aplicacion, es que todas las plantillas html5 son completamente gratuitas y muchas de ellas cuentan con una gran calidad.

Enlace: Free Html5 Templates

Con Tucuyux podremos crear pestañas con información que deseemos ver en nuestra página de Facebook.  Y es que tal y como sale en la publicación de la gente de hatsnew.com, con esta herramienta web se podrán crear HTML personalizados, además de enlaces para Twitter, mapas de Google y pare usted de contar. Eso sin dejar de mencionar, que todo es en español.

Esta es una plataforma con la que definitivamente podremos definir qué es lo que queremos en nuestro Facebook, además es muy fácil de utilizar.

La única desventaja de Tucuyux es que no puede ser utilizado por todas las personas que tengan página en Facebook, sino para aquellos que cuentan con más de 1500 fans.  Lo que indica que es una buena opción para administrar muy bien la información que se publicará y, para las cuentas de empresas y artistas, es de mucha utilidad.

Vale acotar, que el contenido que se genera en Tucuyux se crea en diferentes categorías y se va mostrando en la página de Facebook mientras lo hacemos.

No dejes de echarle un vistazo a esta herramienta que seguro te servirá de mucha ayuda y además es gratis.

En muchas ocasiones cuando estamos diseñando una pagina web, llega un momento en que tenemos que echarle un vistazo, a nuestros viejos apuntes de programación en html, para realizar una edición en algún parte de nuestro diseño. Muchas de las veces también podemos llegar a encontrarnos con la necesidad de buscar algún código extra, para ayudarnos a retocar ese código y para hacerlo podemos utilizar Qip.Li.

Qip.li, es un sencillo editor de código html online, que podemos utilizar para crear el código y ver una pequeña visualización de como quedaría implementado en nuestra pagina web. La interfaz se divide en dos ventanas, izquierda donde veremos el código html y derecha donde veremos la visualización como si fuera la pagina web. La aplicacion nos permite guardar y compartir nuestros proyectos con los usuarios del sitio, o en caso de que no queramos compartirlos, nos permite protegerlos por medio de una contraseña para ingresar a la pagina.

Enlace: Qip.Li

Si estas buscando formas de mantener a tus visitantes entretenidos mediante pasatiempos que cualquier persona pueda realizar, una de las mas gustadas acciones son los rompecabezas, en internet podrás encontrar cantidad ilimitada de sitios, los cuales te ofrecen varios rompecabezas que puedes agregar a tus paginas web, a continuación te hablaremos de una alternativa muy buena que lleva por nombre Photograph Puzzle Maker.

Photograph Puzzle Maker, es una aplicacion web gratuita que nos permite crear rompecabezas sencillos, e incrustarlos en nuestros sitios web, atravez de un código html que nos proporciona la pagina. Su utilizacion es muy sencilla, solo basta con subir una imagen, crear el rompecabezas y guardarlo en formato jpg, gif, bmp o png. También nos permite seleccionar, la forma de las fichas que contendrá el rompecabezas, cabe mencionar que la aplicacion no requiere registro para su utilizacion.

Enlace:  Photograph Puzzle Maker

Freedom Share es un servicio simple que permite publicar fácilmente páginas web sin saber HTML .

Parece un editor WYSIWYG funcional, similar a Word para escribir un formato de texto, insertar imágenes y enlaces.

Así puedes publicar la página en Internet, escribir un título y decidir si hacerlo público o mantenerlo privado.

Si lo desea, también se puede modificar más tarde. La página puede ser compartido y difundido a través de un vínculo especial o un código QR.

FreedomShare.eu es una herramienta gratuita que no requiere registro.

Pen.io es un servicio conveniente y eficiente que permite publicar páginas web con facilidad sin conocimientos de HTML o programación de otros idiomas.

Basta con asignar un título y una contraseña para editar la página cuando se desee y luego proceder a crear.

Tras crearla obtenemos una URL como vinagre.pen.io que puede ser compartida en Internet.

Para cambiar el título basta con hacer clic en él y escribir un texto, lo mismo para el cuerpo de la página web.

Es también posible insertar videos de YouTube con sólo pegar el enlace después de la etiqueta “video” y añadir nuevas páginas con la etiqueta “página”.

HTML5 Elements, es un marco de referencia, una verdadera tabla regular de los elementos HTML. Contiene 104 artículos que corresponden a las etiquetas.

Al hacer clic en él obtendrá una descripción y enlaces a guías de referencia (Guía del desarrollador, y W3C W3Schools).

Las etiquetas están divididas de acuerdo a su función mediante el uso de diferentes colores. Puedes añadir un enlace a su sitio web y ver qué elementos basados en HTML5 estas utilizando

iPhone Signature Creator, es una aplicación que crea firmas de correo electrónico HTML para el iPhone.

El generador proporciona un acceso directo al lugar en la pantalla de inicio del teléfono con el que abre un formulario donde se introducen los datos personales que nos preocupan, como nombre, correo electrónico, teléfono y fax, dirección, sitio web, imagen de la insignia, Skype y los sitios sociales a la que estamos conectados.

Completado el proceso simple de creación de la firma HTML se obtiene con un simple clic y listo para usar en nuestro correo electrónico.

En última instancia es fácil de usar, gratis y sin registro, diseñado para profesionales y empresarios, sino también para aquellos que quieran personalizar sus mensajes de correo electrónico haciéndolos menos anónimos.

El proyecto se llama Project Griffin, y consiste un un framework para que los programadores puedan crear “aplicaciones” o extensiones para uTorrent. El objetivo es poder agregar funciones y características a uTorrent, pero sin volverlo pesado. Y no está mal, pues cada usuario podrá elegir la que le viene mejor, decidiendo él mismo hasta qué punto “llenarse” de extensiones.

Las “apps” serán hechas con HTML y JavaScript, y aunque por ahora solo haya cuatro disponibles, nos dan un buen indicio de lo que se viene: antivirus, integración con navegadores, o hasta streaming de video.

Me parece una excelente idea. uTorrent se caracteriza por ser liviano, y esta es la mejor manera de ofrecer más funcionalidades sin perder eso. Si quieren probarlo, ya está disponible la primera versión en la página de Project Griffin, como parte de los uTorrent Labs.

Vía: Download Squad

Hay muchos consejos, foros, programas y cursos que intentan enseñarnos como crear nuestra propia página web basándonos en lenguaje HTML. Confieso que a mí me costó mucho adaptarme y mas aprenderlo. Sin embargo, toda esta información puedes ser muy difícil de comprender.

A la final, todos terminamos aprendiendo y mucho resultan siendo grandes expertos (Exceptuándome :S) la verdad es que si hubiese descubierto a Web Page Maker hace algunos años, me hubiese ahorrado muchas horas de sueño.

Con Web Page Maker prácticamente no necesitas conocimientos en HTML (con esto no quiero decir que no debamos aprenderlo nunca), en unos minutos y sin mayor complicación podrás crear un proyecto web.

Para comenzar a utilizar el programa, debemos arrastrar cada elemento al sitio donde lo queremos ubicarlo, además, nos permite insertar imágenes, tablas, diapositivas, aplicaciones en java y flash.

Solo debes descargarlo y poner a volar tu imaginación.

Vía: PC Digital

Alguna vez me han preguntado como incluir un enlace de contacto que al ser pinchado abriera el gestor de correo electrónico y rellenara automáticamente varios campos del email. Es decir que al pinchar sobre el enlace se abriera un correo con los campos “Para” y “Asunto” ya rellenos con un texto prefijado.

Hoy vamos a ver como hacerlo, pero antes quiero hacerte un para de aclaraciones:

1º) Por experiencia se que si tienes un enlace del tipo mailto: lo más normal es que acabes con el correo lleno de spam, ya que algunos robots malintencionados que rastrean tu blog o página guardarán todas las direcciones que encuentren y las usarán para enviar spam.

2º) El enlace tipo mailto:, de manera formal, solo debería contener la dirección de correo electrónico, nada más. Por eso añadir parámetros (como el “asunto”) a este enlace es completamente incorrecto por lo que puede que no funcione en futuras versiones de navegadores web y dé errores a la hora de validar tu código. Para más información sobre esto te recomiendo leer “Como no usar mailto”.

Ya conoces los problemas pero si aún así necesitas este enlace para alguna red o aplicación privada aquí tienes como hacerlo (de todas formas en unos días veremos como hacerlo con php).

Un enlace del tipo mailto: tiene la siguiente estructura:

Nosotros añadiremos unos parámetros que determinarán el “asunto” (subject) y “el cuerpo de mensaje” (body):

De esta forma obtendremos un enlace “mailto” como el siguiente:

texto_del_enlace

Si pinchas sobre él verás que tu gestor de correos crea un email con los campos “Para” y “Asunto” rellenos y con un texto en el cuerpo del mensaje.

Dentro de unos días veremos la forma correcta de hacer ésto con PHP pero si no puedes usar este lenguaje entonces lo contenido en este artículo te servirá para salir del paso. Un saludo avinagrado.

Os debo un artículo desde hace varios meses y es que no se si recordaréis que por el mes de febrero sufrí un “pequeño” problema con la indexación de este blog por parte de Google.

Para refrescaros la memoria os recuerdo que el problema consistía en que Google mostraba unos caracteres chinos donde deberían de aparecer letras como la “ñ” o vocales acentuadas. Esto provocaba que una palabra como “artículos” fuese interpretada por Google como dos palabras “art” y “culos” al quedar separadas ambas por el carácter chino.

En ese artículo os contaba que debido a esto Google me mandaba búsquedas para la palabra “culo” (la mitad de la palabra “artículos”) y como en el post en el que os conté el problema también hablaba de los caracteres “asiáticos” pues Google empezó a considerarme el rey de los “culos asiaticos” y a mandarme visitas para esa búsqueda. Así de simple y así de chungo.

El caso es que después de probar montones de cosas para arreglar este problema se me ocurrió validar el código de mi página y bingo!!!

El servicio de validación de la w3C me mostró que en mi “Theme” tenía caracteres propios del lenguaje español sin convertir a sus entidades en HTML.

Para que todo el mundo lo entienda, si haces un Theme en WordPress y pones como conjunto de caracteres (charset) UTF-8 entonces no puedes escribir directamente en las plantillas de tu Theme algunos caracteres sin convertir a sus entidades HTML correspondientes. Por ejemplo:

* ñ se cambia por ñ
* á se cambia á

De modo que busqué todas las vocales acentuadas en mi Theme y las sustituí por las entidades correspondientes así como otros caracteres problemáticos como la “ñ”. Después de esto la página validaba correctamente y se acabó el problema.

Mi consejo es que reviséis vuestro código de vez en cuando, sobre todo después de cada modificación de la plantilla, para evitar evitar problemas innecesarios. Por cierto, como veis en la imagen de arriba esta página es completamente valida en XHTML 1.0 Transitional, excepto cuando inserto algún vídeo de YouTube que provee un código no valido y devuelve algún error, pero eso será tema para otro día

Saludos avinagrados.