Pruebenlo mirenlo y saquen sus conclusiones. En el vídeo hago un recorrido rápido, rápido.

Nosotros podríamos programar una tarea para que si somos etiquetados en Facebook automáticamente se guarde una copia de esa foto en Drop Box.

O bien podríamos configurar un nuevo una receta para recibir un correo cada vez que un blog en particular publica una actualización. Un servicio relativamente nuevo que seguramente ha mostrado aún muy poco.

El ejemplo de abajo muestra por ejemplo información concentrada a la izquierda por encima de la línea de los 600px. Esto genera que el usuario lea solamente eso y se marche del sitio. Entonces es imposible realizar un recorrido completo por el mismo.

No es necesariamente correcto este concepto:

Ahora visualizamos un diseño que nos muestra que los usuarios nos deslizamos por el contenido. Este nos va llevando de a poco. La página de Basecamp. O sea, usamos el scroll y nos metemos de lleno en todo el diseño.

Esto esta bien hecho, o al menos tiene mas sentido:

Ellos le dicen: “La vida despues de los 600px.”

Hay una librería no obstante que me gustaría probar que permite hacer algunas cosas con Python y WordPress. Se vale del protocolo XML-RPC de publicación para esto.

Su nombre es: WordPresslib y su creador es Michele Ferretti. Lo interesante es que con esta biblioteca uno puede:

-       Publicar un nuevo Post.

-       Editar uno ya publicado.

-       Borrar uno.

-       Y muchas cosas más con trackbacks y categorías también.

En resumidas cuentas es cuestión de mirarla y ponerse a probar.

Está en Git Hub y pueden acceder haciendo click aquí.

NinjaWPass es un plugin de WordPress que permite tener un nivel de seguridad extra en el panel de Administración. Dicen que es tan eficiente contra hackers que grandes corporaciones bancarias lo estan utilizando para protejerse de los hackers.

Este sistema agrega una segunda contraseña al panel de administración que nosotros deberemos elegir con anterioridad. Luego a la hora de iniciar sesión se nos pediran tres letras de la misma.

Por otra parte este plugin avisa por correo electrónico cuales fueron todos los accesos realizados. Simple pero efectiva y por sobre todo útil para evitar el robo de contraseñas a través de keyloggers.

Vista en vivo:

Personalización en vivo

Ahora nos permite observar una barra en el lado izquierdo de la pantalla, con las opciones de personalización del Theme,  pudiendo (dependiendo del theme) colocar en vivo imágenes de cabecera, color de fondo, color de enlaces, cambiar títulos, imagen de fondo, y permite seleccionar imagen estática de inicio.

Embebido de tweets:

Ahora al embeber tweets en nuestros post es mas fácil que nunca: tan simple como copiar el URL del tweet y pegarlo en el post, wordpress reconocerá automáticamente el tweet y lo mostrara  limpia y elegantemente, pero al parecer solo funciona con alguos themes preparados para tal fin. Ademas incluirá los botones de retweet, reply, favorite y el boton de seguir, si, todo con solo pegar un enlace.

También ha incluido el html captions para imagenes, y muchas mejoras para la carga del front-end de la pagina

He visto servicios como estos antes y este es de momento el que mejor lo hace, por 5 dólares al mes. Indefectiblemente será decisión de uno elejir si prefiere pagarle a un Webmaster por un diseño que sea adaptable a todos los dispositivos o usar un servicio como estos.

El punto a favor que tiene es que lo unico que hay que hacer es introducir la url de nuestro sitio. La Web lo analiza y crea su versión móvil en segundos.

Por supuesto la compatibilidad es con todos los dispositivos, lease Android, Apple o Windows Phone.

Pueden probarlo de forma gratuita registrándose en el sitio.

El theme es la cara de tu web

Seleccionar un theme para tu blog depende principalmente de la temática, ya que no puedes usar un theme rosado para un sitio de Call Of Duty, ni uno negro con calaveras para un sitio web acerca de bebes. Segun lo que he aprendido, te escribo estas sencillas recomendaciones, para que tu sitio sea agradable al usuario:

• Simple: mientras mas simplicidad, mejor, evita que el usuario tenga que pensar para saber como navegar en tu web, ten presente que siempre debes de darle la información a tres clicks de distancia como mucho.
• Lectura: si no quieres a tu lectores vomitando,mejor no coloques un fondo verde chillón con letras amarilla, esta combinacion no es agradable al ojo humano, opta por el tipico fondo claro (blanco, gris claro, colores pasteles con un tono muy bajo) sobre letras negras (o muy oscuras).
• Destacados:siempre habrá algún post mas interesantes que otro, por eso es recomendable tener una seccion de “destacados”, bien sea en forma de slider, o en el mismo sidebar.
• Aprende de los grandes:  podras observar que los sitios mas usados son cada dia mas simples y minimalistas, como es el caso de google search, una barra de busqueda y dos botones. Aunque en tu caso no es un buscador, sino un blog, visita sitios que tengan renombre en la web, mira sus diseños, y trata de inspirarte para uno propio.

HTML5 = Mejor SEO

HTML5 contiene nuevas etiquetas, como lo son <header>, <footer>, <aside>, <article>, entre otras, que benefician mucho  el SEO en nuestro sitio debido que le especifican directamente al motod de busqueda el tipo de contenido que encontrara dentro de las etiquetas. Todo theme de WordPress es actualizable a HTML5, si eres un conocedor de la materia, se te puede hace facil, pero de no serlo, tienes mucho material en internet

Mira este tutorial para convertir tu theme a html5

El HTML5 de WordPress no depende de la “versión de WordPress” ni nada por el estilo, recuerda que las etiquetas y los estilos del sitio son tomados en su totalidad del theme, por lo tanto, es este el que debe ser configurado con la nueva semántica.

También los themes de WordPress tambien puede ser desarrollados con CSS3, lo que puede permitir un diseño responsable, esto quiere decir, que el sitio se vería correctamente en todos los dispositivos (Android, iPhone, iPad, Tablets, Laptops, entre otros), todo con EL MISMO CODIGO. No Con los plugins que generan un sitio nuevo completamente diferente.

Por defecto

Twenty Eleven es el theme por defecto de WordPress, y este esta hecho con HTML5, CSS3 y diseño responsable, ademas que posee un panel para agregar opciones de personalización, que a pesar de que es un theme muy sencillo, prestan mucha ayuda para una básica personalización.

Hay todo un movimiento que se esta gestando en el mundo del diseño Web. El mismo gira en torno a extraños conceptos que no por eso dejan de ser fascinantes.

Node.js es el primer ejemplo de esto. Algo que quizas jamas se nos paso por la cabeza Java Script corriendo no del lado del cliente sino en un servidor, respondiendo diversas peticiones.

Pero llamo mi atención tambien todo lo que gira en torno a CSS y hojas de estilo. Y en esta entrada quiero hacer una mención especial a LESS. Basicamente consiste en un archivo JS que nosotros importamos a nuestro diseño. ¿Qué hace este archivo? Pues lisa y llanamente dota a CSS como lenguaje de una serie de capacadidades extra. Entre ellas por ejemplo -la mas notoria al menos- la posibilidad de utilizar variables para almacenar datos (por ejemplo un color) y reutilizarla una y otra vez.

Pero si esto te parece poco LESS te dotara de Mixins, reglas anidadas, operaciones y un montón de cosas.

Veamos un pequeño ejemplo de un codigo CSS hecho con LESS:

Source code

@nice-blue: #5B83AD; @light-blue: @nice-blue + #111; 
#header { color: @light-blue; }

Es claro que como se ve en el ejemplo podemos utilizar la variable light-blue con el elemento que nosotros queramos. Esto es sin duda maravilloso. Los mixings serían algo de este calibre:

Source code

.bordered { border-top: dotted 1px black; border-bottom: solid 2px black; }

Aquí en cierta forma hemos definido una “propiedad” que luego podemos utilizar dentro de otro elemento! Esta seria la forma:

Source code

#menu a { color: #111; .bordered; } .post a { color: red; .bordered; }

Lo cual devolvería claro algo como esto:

Source code

#menu a { color: #111; border-top: dotted 1px black; border-bottom: solid 2px black; } .post a { color: red; border-top: dotted 1px black; border-bottom: solid 2px black; }

Que son los valores que hemos seteado a bordered.

Pueden descargar el archivo JS aquí y ya mismo comenzar a utilizarlo en sus Webs.