Etiqueta: html

Chatwee – sencillo sistema de chat para sitios web

Publicado el

por Fco. José Hidalgo

¿Estás planteándote incorporar un servicio de chat en tu propio sitio web, pero no quieres complicarte la vida en su gestión? Pues bien, Chatwee es una interesante opción a tener en cuenta, ya no sólo por la facilidad de instalación y personalización, sino además por su gestión.

Tan sólo tendrás que registrarte gratuitamente y obtener la lí­nea de código que te ofrece a continuación, para que la insertes en la estructura de tu sitio web. Además, podrás elegir el color del sistema de chat y tener acceso a las estadí­sticas de actividad.

¿Y qué verán tus visitantes? Pues una barra inferior en la que podrán registrarse o participar directamente de manera anónima con el resto de usuarios.

Enlace: Chatwee

Author Rank y el nuevo posicionamiento; no sin «personas», no sin Google +, ¡un antes y un después del SEO!

Publicado el

por Carolina Velasco

Hemos conocido a fondo a Google Penguin durante estos dí­as, hemos hablado de la importancia de las palabras clave y del marketing de contenidos quien se consolida como el lí­der indiscutible de las emociones ajenas.

Sabemos que Google busca la máxima calidad, la máxima innovación y la demostración por parte de las marcas y los consumidores de los aprendizajes adquiridos… somos su productos y lógico que busque la perfección máxima.

Si hablamos de perfección y de aspectos del nuevo algoritmo que, si bien no muy populares, si determinantes a la hora de conquistar el corazón del todopoderoso, no podemos dejar de hablar del Author Rank.

¿Qué es el Aurhor Rank?

Se trata de uno de los cambios más importantes del algoritmo Google desde sus inicios. Y aunque el panda y el Penguin han sido los grandes protagonistas, el Author Rank es mucho más relevante en términos de posicionamiento. Son los orí­genes del cambio más profundo en términos de posicionamiento, se inicia el ciclo en el que el posicionamiento será un aspecto relacionado con las personas. Continúa leyendo «Author Rank y el nuevo posicionamiento; no sin «personas», no sin Google +, ¡un antes y un después del SEO!»

Mozilla Thimble, sencillo editor online de HTML

Publicado el

por Miriam Schuager

Te habí­amos contado en un artí­culo anterior de Mozilla Webmaker. La premisa del programa es ofrecer herramientas para que todos puedan aprender a crear contenido en la web desde cero. Como parte de este compromiso de parte de Mozilla, ya podemos conocer Thimble, un sencillo editor online de HTML.

Cuenta con una interfaz muy sencilla, sin ningún tipo de complicaciones, ni distracciones para los usuarios. Verás la pantalla dividida en dos columnas, para que a medida que vayas ingresando el código puedas verlo reflejado en tiempo real. De esa manera, podrás ver los resultados inmediatamente, detectando los errores o cambios a realizar.

A medida que vas utilizando Thimble verás que contarás con varias ayudas, como por ejemplo, al situarte sobre una etiqueta surgirá información sobre la utilidad de la misma, con la posibilidad de conocer más desde otra página de Mozilla. Luego podemos guardar nuestro trabajo a través de un enlace, obtener una URL para integrarla a nuestro sitio web o compartirlo en las redes sociales.

Esto es lo que puede verse por el momento en Thimble, que aún no ha sido lanzado oficialmente, por lo que quizás podamos ver más detalles integrado cuando salga de su versión de prueba.

Enlace: Mozilla Thimble | Ví­a: Webmonky

Google publica una nueva guí­a de estilos HTML/CSS

Publicado el

por Juan Diego Polo

En el blog de Google para webmasters presentan una nueva guí­a para quienes trabajan con HTML y CSS, disponible en wwhts.com/IxMXyf y clasificada por temas.

El objetivo de crear este tipo de guí­as es permitir que el código escrito sea coherente y fácil de entender, ocupándose en este caso de una gran cantidad de asuntos relacionados con el formato HTML y CSS comentando las mejores prácticas para animar a los desarrolladores a trabajar con elegancia y siempre pensando en que alguien más leerá esas lí­neas de código.

Un buen lugar para encontrar consejos creados por una empresa que, desde luego, sabe del tema.

Codecademy ya no enseña solo Javascript, ahora añade cursos de HTML y CSS

Publicado el

por Juan Diego Polo

Los que usamos o hemos usado www.codecademy.com para aprender nociones básicas de Javascript con sus tutoriales interactivos sabemos cómo puede ser entretenido y productivo aprender programación en dicho sitio web.

Lo hemos comentando en varias ocasiones y codecademy no ha parado de crecer en usuarios, con cursos gratuitos de javascript que permiten ejecutar los ejercicios directamente dentro de su plataforma.

Ahora anuncian, ví­a mashable, que no se limitarán con Javscript, comenzando sus cursos de HTML y CSS hoy mismo.

El de HTML ya lo podemos encontrar aquí­, con lecciones extremadamente básicas, ideal para quien empieza desde cero. El de CSS seguramente lo subirán durante las próximas horas.

Recordad que en codecademy podéis ser los profesores de vuestros propios cursos, como indicamos aquí­ en enero.

Live CSS Mod – Extensión de Chrome para ver el resultado de nuestra alteración de código en tiempo real

Publicado el

por Juan Diego Polo

Si estamos alterando el código html, css o js de una página web seguramente tendremos que ir pulsando f5 para ir cargando los cambios realizados. Con la extensión que nos presentan ahora no es necesario, ya que monitoriza constantemente las alteraciones en los archivos para mostrar el resultado en tiempo rea.

De esta forma podemos ir programando con nuestro editor de textos favorito y tener abierta la página web que, como si fuera una animación, irá cambiando respondiendo a los cambios que realicemos en los archivos.

En la página de la extensión comentan algunos puntos débiles, más relacionados con los lí­mites impuestos por Google a la hora de acceder a directorios de archivos, aunque seguramente funcionará bien en la mayorí­a de los casos en los que uséis un servidor web para pruebas.

Link: Live Css mod

Consejos para preparar tu sitio web ante un aumento de tráfico

Publicado el

por Juan David Quiñónez

Un nada despreciable compendio de consejos han armado en el blog oficial de Google Webmasters destacando algunos puntos a tener en cuenta en caso de que nuestro crezca tanto y se vuelva tan popular que requiera de ayuda extra para mantenerse activo. También son útiles para los portales prestos a la cobertura de eventos o temas que llaman una excesiva atención parcialmente.

1. Crea una versión ligera del sitio

NO, no se trata sólo de optimizar los sitios en busca de una mejor experiencia para el usuario -algo de lo que ya se ha escrito bastante- quitando el peso a la carga de elementos, es ir más allá al crear una versión ligera del sitio que se pueda «activar» tan pronto se supere determinado tope de visitas. Puede ser mostrando la versión móvil también a los usuarios que entran desde un PC de escritorio, o bien generando páginas ligeras.

Se recomienda crear, usando preferiblemente HTML estático en vez del dinámico, versiones alternas para la Homepage (en muchas ocasiones la que se lleva el mayor porcentaje de visitas) o de las páginas virales que empiezan a recibir incluso mayor número de peticiones. Prescindir de muchas imágenes y del Flash también es de ayuda.

2. Aprovecha los servicios de terceros

Continúa leyendo «Consejos para preparar tu sitio web ante un aumento de tráfico»

Usabilla Discover – Para guardar los diseños HTML que más nos gusten de la web

Publicado el

por Juan Diego Polo

Si estamos navegando por un sitio que tiene una forma de mostrar listas especialmente interesante, o una bonita manera de publicar galerí­as, o de incluir marcos en sus imágenes… cualquier componente html que veamos y que nos llame la atención, podremos ahora guardarlo en nuestra cuenta de Usabilla Discover.

Solo tenemos que incluir el bookmarklet en nuestro navegador y pulsarlo cuando veamos algo de interés. En ese momento podremos seleccionar cualquiera de los elementos existentes en el sitio, permitiendo clasificarlo y guardarlo en nuestro perfil.

El resultado es un flujo de componentes HTML que recuerda a la forma que tiene Pinterest de mostrar imágenes, existiendo la posibilidad de navegar por los elementos más populares de dicha web.

Usabilla se encuentra en fase beta cerrada, siendo necesario pedir invitación en su página principal.

Os dejo con el ví­deo de presentación:

Link: Discover Usabilla | Via TNW

Dabblet – espacio de pruebas para códigos HTML y CSS

Publicado el

por Fco. José Hidalgo


Dabblet es una herramienta que nos permitirá experimentar y realizar pruebas tanto con códigos HTML como con códigos CSS, incluidos los estilos más recientes de HTML5 y CSS3, de manera que iremos haciendo las oportunas modificaciones del código, viendo los resultados de inmediato, a través de nuestro navegador, y pudiendo guardar los resultados en nuestra cuenta de GitHub si nos identificamos con ella.

Permite el uso de la librerí­a -prefix-free, lo que nos evitará tener que ir añadiendo prefijos a lo largo de nuestro código CSS, y además tenemos hasta cuatro modos de visualización, usando aquella que nos sea más cómoda.

Para comenzar tan sólo tenemos que irnos a Dabblet y comenzar a jugar con los códigos, pudiendo ver el resultado de nuestros experimentos a pantalla completa si así­ lo queremos.

Enlace: Dabblet | Ví­a: TNW

BearCSS – Genera un archivo CSS a partir de HTML

Publicado el

por Juan Diego Polo

BearCSS es una aplicación que permite generar una plantilla de un archivo CSS usando los elementos especificados en el archivo HTML que le indiquemos.

El archivo generado contendrá las clases, id y elementos del HTML, ayudando a realizar las tareas más monótonas del diseño de la hoja de estilo y permitiendo que dediquemos más tiempo a crear.

Se trata de un proyecto creado en HTML5/CSS, jQuery y PHP por Kyle Gawley y Jordan Henderson, quienes dejan sus datos de contacto disponibles en la página principal de BearCSS.

Link: BearCSS | Ví­a TNW