Menú Simple con etiqueta menú en HTML5 y CSS3

Escrito por Jose M Ramirez en . Publicado en Tutoríal

Menú Simple con etiqueta menú en HTML5 y CSS3

La promesa de HTML5 se basa en la semántica, que no es más que llamar las cosas por su nombre. Esto hace el código más simple para el maquetador, quien edite a futuro y los crawler de buscadores. Sin embargo a pesar del esfuerzo de los exploradores más modernos en integrar todas las características de HTML5 y CSS3, aun no todo soportan los atributos de la etiqueta ‘menu’. Aunque si soportan la etiqueta como tal y podemos empezar a usarla para empezar a poner el código de nuestros sitios al día recordando que para garantizar que se visualice perfectamente debemos usar algunos trucos.

Círculos con CSS3 y efecto hover

Escrito por Jose M Ramirez en . Publicado en Tutoríal

Círculos con CSS3 y efecto hover

Siguiendo con los tutoriales sencillos pero divertidos de CSS3 para animar aquellos que temen un poco al código, continuamos con los círculos y los efectos que podemos agregar para hacerlos más atractivos. Basado en el mismo principio de nuestro tutorial circulo con CSS3, agregaremos algún condigo adicional y crearemos el efecto hover que se trata de hacer cambiar de color el objeto cuando se coloque el mouse sobre él. Es el mismo efecto que tienen en muchos sitios cuando colocamos el mouse sobre los enlaces y vemos que este cambia, sin embargo el método será diferente y mucho más fácil. Tendremos nuestro mismo círculo color verde y cuando coloquemos el cursor sobre él este cambiara a color verde claro. Veamos cómo.

Como hacer círculos con CSS3

Escrito por Jose M Ramirez en . Publicado en Tutoríal

Como hacer círculos con CSS3

CSS3 es todo un mundo nuevo a descubrir a la hora escribir nuestros estilo, una de las que más divertida puede parecer es la capacidad que tiene de crear formas y figuras solo limitado por tu imaginación. En el pasado a la hora de incluir bordes redondeados en nuestros sitios debíamos recurrir a imágenes, esta; si bien era una solución efectiva, agregaba peso a la carga de la página web. Ahora es tan simple de hacer con pocas líneas de código usando las técnicas de CCS3 y todo será interpretado por el explorador, lo mejor es que es aún mucho más fácil que hacerlo con imágenes.

Enlaces externos NoFollow en WordPress con Nofollow for external link

Escrito por Jose M Ramirez en . Publicado en Desarrollo Web

Enlaces externos NoFollow en WordPress con Nofollow for external link
Hace rato estuve hablando sobre la importancia de la relación NoFollow para los enlaces salientes de nuestro sitios, pero mostrare lo que yo considero es la mejor forma de hacerlo en WordPress sin estar colocando la relación de forma manual a cada enlace que colocamos, más aun si nuestro sitio se basa en noticias y constantemente estamos citando fuentes, no es recomendable tener tantos enlaces con DoFollow, o bien, si vendemos enlaces; google en sus directrices recomienda que estos lleven el NoFollow. Para esto usaremos un plugin que con solo instalar y activar tendremos todos los enlaces salientes con la relación que queremos y además todos abrirán en una nueva página, así cuando alguien hace clic en un enlaces externo de tu página, no termina por abandonar si no que esta se abre en una nueva pestaña del explorador sin sacar al usuario de tu sitio.

Extracto de artículo en feed con FeedBurner

Escrito por Jose M Ramirez en . Publicado en Desarrollo Web

Extracto de artículo en feed con FeedBurner
Aunque muchos no lo sepan FeedBurner te da la opción de enviar los artículos del feed completos o por extractos. La primera se aplica por defecto cuando creas el feed pero la segunda opción es muy útil si deseas que tus lectores solo vean una introducción del artículo y vayan a tu sito por el resto del contenido. Con esta pequeña modificación puedes incrementar en un pequeño porcentaje tus visitas ya que los lectores de feed que obtenían todo el contenido de tu sitio desde su reader favorito, ahora se ven obligados a entrar a tu página por el resto del contenido. Además que FeedBurner tiene el defecto de que aquellas fuentes que publican videos con su propio reproductor, en algunos casos termina mostrando la ruta del video en el servidor y no el cuadro del reproductor o algún mensaje que evite que el visitante descargue el video directamente por el enlace. Lo mismo pasa con el audio o archivos mediante gestores de descarga.

Auto publicar en todas las redes sociales a la vez con TwiterFeed

Escrito por Jose M Ramirez en . Publicado en Desarrollo Web

Auto publicar en todas las redes sociales a la vez con TwiterFeed
Socializar con el contenido de tu sitio web es fundamental en la internet moderna, publicar las actualizaciones de tu página en tu cuenta de Twitter y FaceBook es una ventaja que no se puede desaprovechar, ¡aún más si puedes hacerlo de forma automática! La mejor forma de enviar información a las redes sociales es usando el feed de tu sitio web, en esto entraba FeedBurner a tomar partido publicando tus actualizaciones en Twitter de forma automática, pero en los últimos meses se ha vuelto deficiente el servicio y no integra FaceBook en las redes donde puedes publicar. Por esa razón otros servicios han tomado terreno y después de probar muchos el que mejor hace el trabajo es TwitterFeed.

Traducción Theme Inspire de YooTheme al Español

Escrito por Jose M Ramirez en . Publicado en Desarrollo Web

Traducción Theme Inspire de YooTheme al Español
Para quienes son usuarios de YooTheme ya será obvio que la plantilla que usa este blog corresponde a Inspire, un tema muy versátil y limpio de YooTheme, además de flexible, contiene la combinación de colores que necesitaba para agregar al sitio. Debo reconocer que no tiene muchas ediciones en el código de mi parte, así que es muy fácil identificarla, aunque no garantizo que en el futuro no tenga cambios. Una de las cosas que si creí prioritario fue traducir la plantilla al español, dado que hablaría bien mal de mí como desarrollador si no fuera capaz de traducir una plantilla a mi propio idioma.

Crear Texto Editable con HTML5

Escrito por Jose M Ramirez en . Publicado en Tutoríal


Unas de las mejoras que trajo HTML5 fue la modificación del atributo ‘contenteditable’ haciendo más fácil integrarlo a cualquier parte de nuestro código en algunas etiquetas. Aunque realmente esta función ya existe en muchos sitios web con plugins y editores de texto externos tipo WYSING, la siempre es tener todo de forma nativa, tomando en cuenta que esto no supera la manejabilidad del que ya es el más usado, se puede considerar el atributo como un inicio de los editores texto en HTML5.

La aplicación es increíblemente sencilla si estas familiarizado con HTML, simplemente se agrega luego de la etiqueta como cualquier atributo seguido de ‘true/false’ para activar o desactivar.

Como Eliminar Blog de Blogger.com

Escrito por Jose M Ramirez en . Publicado en Tutoríal


Hace poco me preguntaron cómo eliminar un blog de blogger.com, aunque me parece que es muy fácil; cuatro días después otra persona me hizo la misma pregunta. Rápidamente note que la confusión existente es gracias a la nueva interfaz de blogger donde algunos puedan ver movidas ciertas funciones que no desaparecieron, solo cambiaron de lugar. En vista de lo comentado me pareció oportuno mostrar de manera gráfica como se hace y cualquiera que tenga la duda pueda hacerlo fácilmente.

Las razones para que eliminar un blog pueden ser varias, tanto como no querer continuar un proyecto o bien mudarlo a otra plataforma más flexible como wordpress en hosting propio.

Enlaces NoFollow con HTML

Escrito por Jose M Ramirez en . Publicado en Tutoríal

Enlaces NoFollow con HTMLLos enlaces con la relación ‘NoFollow’ son importantes para el SEO, es la forma que le decimos a los buscadores que no recomendamos ese enlace, que es una referencia útil para el contenido pero no debe seguir ese enlace. Tomando en cuenta que los buscadores cuentan la cantidad de enlaces ‘DoFollow’ (enlaces que si se debe seguir) que tienes en tu sitio y mientras mayor sea el numero peor será para ti, lo mejor es colocar los enlaces con la relación ‘NoFollow’ y curarse en salud.

Para hacerlo existen muchas formas dependiendo de que si tu sitio está en CMS o bien hecha a mano a puro código personalizado, sin embargo la cual sea el caso, el método que no fallara para ninguno de los casos, es hacerlo usando HTML.

Sígueme en twitter

Twitter

Suscríbete al Feed

RSS-Feed

Red de Blogs

Red de Blogs iBlogLabs