Cuando inscribes tu sitio en la red de CloudFlare, todo tu tráfico pasa por la Red inteligente de CloudFlare. CloudFlare optimiza automáticamente la carga de las páginas, para que tus visitantes obtengan la mayor velocidad y el mejor rendimiento.

Yo lo he estado probando con sitios de tráfico moderadamente alto y he visto como los tiempos de carga de mis páginas van desde 4 segundos a 2 segundos …

Si estás usando WordPress, debes saber que CloudFlare está integrado en W3 Total Cache

Related posts:

1. Javascript y AJAX para SEO

link

no hay entradas relacionadas.

Es seguro que aquí no estén todas las herramientas que hubiese querido poner, pero pienso ir actualizando este post para ir agregando nuevas herramientas.

CSS Generators

• CSS3 Generator
• Button Maker
• Gradient Editor
• CSS3 Please
• Border Radius Generator

Sprite Generators

• Sprite Box
• Canvas CSS Sprite Generator
• Nav-o-Matic

CSS/Javascript Compressors

• Clean CSS
• Google Closure Compiler
• CSS Drive CSS Compressor

Fonts

• Fontsquirrel Font Face Generator
• Type Tester
• TypeChart
• EM Calculator

Layouts and grids

• Grid Layout Generator
• Blueprint Grid CSS Generator
• CSS Portal Layout Generator

Related posts:

1. Alrededor de la web: jshack, Tripoli & Learn something everyday
2. Mario Kart en la vida real

Revisando en mis bookmarks he decidido hacer una lista de recursos para aprender sobre Backbone.js y algunos temas relacionados. Todo comienza con Understanding MVC And MVP (For JavaScript And Backbone Developers)

• Backbone.js Tutorial – by noob for noobs
• Backbone Fundamentals (Libro)
• Backbone.js by example – Part 1
• The Responsibilities Of The Various Pieces Of Backbone.js
• Backbone Patterns
• Two headaches explained when you’re getting started with backbone.js
• BackboneFu

Aparte de los enlaces superiores que solo están dedicados a Backbone.js también quise poner algunos enlaces que tratan de temas relacionados muy estrechamente.

• Understanding JavaScript OOP
• The Single Page Interface Manifesto
• Seven JavaScript Things I Wish I Knew Much Earlier In My Career

Creo que esta lista vá a ir creciendo con el tiempo y según mis bookmarks, no es que haya buscado, pero me gustaría encontrar tambien posts sobre Backbone.js en español.

Si tienes algún enlace que pueda agregar en la lista escríbelo en un comentario.

Related posts:

1. Cual es la motivación para comenzar una nueva empresa
2. Javascript y AJAX para SEO
3. Menús Dropdown con jQuery

Con esta explicación se pueden implementar los comentarios de Facebook en cualquier website, y es precisamente por eso que quería hacer notar como instalar los comentarios de Facebook sin el uso de un plugin, porque cada CMS tiene una manera distinta de implementar los comentarios, así que quise explicar como implementarlos en cualquier CMS de una forma parecida.

Paso 1 – Crear una applicación de Facebook.

Lo primero es crear una aplicación de Facebook para que represente a tu website. Esto se puede hacer en el centro de desarrolladores de Facebook. Haz click en + Crear Nueva Aplicación y entra el nombre de tu website, selecciona que aceptas los Facebook Platform Policies y continúa.

Una vez la App está creada vas a ser redirigido a una pantalla donde se pueden editar las propiedades de tu app. Ahora mismo no tienes que editar nada, solo hacer click en el link de Website y copiar la App ID. Este ID lo vas a utilizar posteriormente para indentificar a quienes pueden moderar los comentarios en tu website.

paso 2 – Añadir el Facebook Javascript SDK a WordPress

Ahora hay que agregar el Facebook Javascript SDK al template de WordPress. Agrega el código  a continuación en el header.php justo antes de la etiqueta </body> y sustituye el App ID que está en la linea 5 por el del paso anterior.

<!-- Facebook JavaScript SDK -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '141109849335437', status: true, cookie: true,
xfbml: true});
};

(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<!-- End Facebook JavaScript SDK -->

paso 3 – Agregando las herramientas de moderación

Mientras editas el <head> … </head> pega el código a continuación y sustituye de nuevo el App ID por el que copiaste en el paso 1. Esta etiqueta del Open Graph le dice a Facebook que asocie este website con la app especificada.

<!-- Facebook Open Graph Tags -->
<meta property="fb:app_id" content="141109849335437"/>
<!-- End Facebook Open Graph Tags -->

Paso 4 – Agregando el plugin de comentarios

Ya que has agregado el Javascript SDK al header de tu template, lo próximo que debes hacer es agregar el facebook comments plugin al archivo comments.php

Yo opté por eliminar los comentarios de WordPress de mi template, pero no tienes que hacer lo mismo, lo comentarios de Facebook y los de WordPress pueden co-existir.

Para agregar los comentarios a tu template crea o sustituye el archivo comments.php por el siguiente código:

<div id="comments">

<?php if ( comments_open() ) : ?>
 <div id="fbcomments">
 <div id="fb-root"></div>
 <script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script>
 <fb:comments href="<?php the_permalink(); ?>" width="630" num_posts="10" ></fb:comments>
 </div>
 <?php endif; ?>

</div>

Estas líneas van a verificar que los comentarios estén abiertos para esta entrada antes de insertar el código de los comentarios de Facebook.  Se pueden cambiar la cantidad de comentarios (num_posts) y el ancho (width) para que cumpla con tus necesidades.

paso 5 – Comprobar los comentarios

Si ejecutaste todos los pasos anteriores correctamente, puedes dirgirte a una entrada cualquiera tu blog y bajar hacia donde están los comentarios y ver algo como esto:

Asumiendo que estás logueado en Facebook cuando haces esto deberías ver una opción para agregar comentario, vista del moderador y otra para editar las configuraciones, si no, debes verificar que la app Id del paso 1 están puestas correctamente en el header.

Para moderar los comentarios dirigete al Facebook comments moderation tool

Related posts:

1. Como comparto desde Twitter con mis amigos de Facebook
2. Usando los Shortcodes de WordPress
3. Imágenes para los posts en WordPress 2.9

Todos los bloqueos mentales son diferentes para cada quien y para cada tarea individualmente, así que es difícil decir que lo que funcionaría en un caso funcione para el otro, pero despues de haber experimentado y leído sobre distintas metodologías, hago un resumen de algunas cosas que generalmente ayudan a retomar el paso frente a nuestros proyectos despues de no haber podido comenzar a trabajar en ellos en un momento dado.

1. Preguntate a ti mismo, que ganas con quedarte bloqueado?
2. Asegurate de conocer bien las herramientas con las que vas a trabajar para que no pases de largo las oportunidades de aprovechar el tiempo.
3. Asegurate de conocer bien la tarea que debes desarrollar, el problema que debes arreglar o la naturaleza del trabajo al que te vas a dedicar.
4. Ataca el problema varias veces, trata de conocer todas las perspectivas posibles del problema en cuestión
5. Escribe todas las ideas relevantes (y no relevantes) que puedas relacionar con el proyecto. Hazlo de una forma organizada.
6. Busca inspiración en proyectos pasados que hayas terminado tu o alguien que conozcas. Busca problemas similares y observa como otros los han resuelto.
7. Habla con amigos y colegas sobre tu trabajo y tambien sobre su trabajo, trata de resolver un problema similar al tuyo, pero en menor escala, observa si esto te trae una visión mas clara.
8. Encuentra alguien imparcial con quien comentar tu problema.
9. Planifica cual es el próximo paso una vez termines con este proyecto.

Si pudiste superar el bloqueo mental, recuerda celebrarlo. Celebra tu capacidad mental, es el regalo más grande que se te ha dado. Con tu mente tienes la capacidad y los recursos para superar cualquier reto y encontrarle soluciones a cualquier problema al que te enfrentes.

Mantén tus pensamientos frescos y tu creatividad fluirá y tus ideas van a crecer cada vez más.

no hay entradas relacionadas.

example.com/portafolio

y que nos de el chance de tener un template específicamente para esa dirección, algo como

page–portafolio.tpl.php

Para que esto sea posible, debemos implementar el hook_preprocess_page y agregar las sugerencias de templates antes de pasarlo al theme system de Drupal.

Así se hacía en Drupal 6:

Así se hace en Drupal 7:

Las diferencias son claras! Bueno, quizas no tanto, pero las diferencias si son importantes, por ejemplo:

• Antes los nombres de los templates utilizaban un solo guión – para separar las palabras, ahora usan dos guiones –
• Cuando definimos el nombre del archivo que vamos a sugerir como template sustituimos el guión por dos underscores __ el theme system se encarga de traducir esto a — en el nombre del archivo.
• Antes agregabamos la sugerencia a $vars['template_files'] ahora lo hacemos a $vars['theme_hook_suggestions']

Cabe recordar que este código va en el template.php de nuestro Theme.

Related posts:

1. Asegurando Drupal – Contenido
2. Asegurando Drupal – Cuentas
3. Imágenes para los posts en WordPress 2.9

Somos muchos, buenos, pero no compartimos mas que en Twitter y tenemos mucho mas que compartir que 140 caracteres.

Soy un usuario de Twitter, me gusta mucho la espontaneidad, pero hay algunas caracteristicas que me vienen a la mente de lo que mas me gusta de los blogs y no son necesariamente las cosas que nos atraen a todos de Twitter:

• Un blog post no se pierde casi instantáneamente en un timeline (usualmente lleno de tweets no relacionados a un mismo tema)
• Yo particularmente uso mi blog como referencia para temas con los que estoy trabajando.
• Un post puede ser tan largo o tan corto como uno quiera.
• Es mas fácil mantener una conversación en un blog con los comentarios y trackbacks.
• Se puede profundizar mas sin un límite de caracteres.
• Los comentarios agregan valor a la conversación y ayudan a descubrir a nuevos recursos y personas según sus respuestas.

Mi relacion con mi blog es un poco mas distante que la de muchos, y a muchos de los que van a leer este post los he conocido por Twitter, pero sigo pensando en las cosas buenas de una blogósfera en la que debatimos temas que nos interesan y son relevantes para nuestro entorno autóctono que me animo a seguir pensando en las virtudes de que usemos mas nuestros blogs para mantener una conversación saludable sobre temas que nos interesan solo a nosotros y a nuestro entorno particular.

Hay muchos blogs abandonados me imagino que es por lo mismo, la conversacion se movio de los blogs a Twitter, asi que con mantener la blogosfera activa me refiero a que comentemos mas en los blogs, pongamos nuestros links en los comentarios y retomemos la conversacion que hemos dejado un poco atras, me imagino que es por el efecto de arrastre que ha tenido el hecho de que ya no usamos nuestros blogs.

La idea original de #ideasofmarch es de postear mas en nuestros blogs durante el mes de marzo, pero ya estamos un poco tarde para eso, asi que mi invitación es que usemos mas nuestros blogs en el 2011 que en el 2010.

Related posts:

1. Como comparto desde Twitter con mis amigos de Facebook
2. 20 scripts de greasemonkey para mejorar la experiencia en Twitter

Los shortcodes hacen eso y más y definitivamente van a lograr que tu vida desarrollando themes de WordPress  sea más fácil.

Un ejemplo

Con este código podemos agregar un link a nuestro perfil de Twitter en nuestros posts escribiendo [twitter-link]

Un ejemplo mejor, Posts

Ya que podemos agregar este tipo de funcionalidad a nuestra edición de posts, vamos a hacer algo un poco más interesante, crear un shrotcode que nos permita integrar una lista de posts de una categoría determinada en nuestros posts, por ejemplo:

… esto podemos usarlo asi:

[category-posts category="programacion" num="5"]

Y en su lugar va a aparecer una lista de posts de la categoría programación dentro de nuestro post.

Related posts:

1. Imágenes para los posts en WordPress 2.9
2. Miniposts en WordPress
3. Como utilizar los comentarios de Facebook en WordPress

En este website los propietarios tienen un punto de acceso común a las actualizaciones y noticias del residencial como un listado con los teléfono y correos electrónicos de todos los miembros de la directiva.

El desarrollo de este website incluyo una lista de correos donde los administradores envían anuncios importantes a todos los inquilinos del residencial.

Este proyecto fué desarrollado con PHP y MySQL usando el framework Codeigniter.

no hay entradas relacionadas.