Está en la página 1de 39

Cmo utilizar el acortador de URLs de Google en tu sitio web

Desde hace un tiempo, Google posee el dominio de un acortador de URLs propio, pero no fue hasta hace unos das que decidieron publicar el API de su acortador de URLs a todo el que quiera conocerlo. Con este truco, podrs acortar URLs desde tu sitio web utilizando slamente un poco de PHP. Fuente original del artculo: David Walsh Blog Traduccin realizada por elWebmaster.com La clase que crearemos se llamar GoogleUrlApi. Ser bastante compacta y el cdigo resulta, a grandes rasgos, sencillo de leer: PLAIN TEXT 1. // Declarar la clase 2. class GoogleUrlApi { 3. 4. // Constructor 5. function GoogleURLAPI($key,$apiURL = 'https://www.googleapis.com/urlshortener/v1/url') { 6. // Keep the API Url 7. $this->apiURL = $apiURL.'?key='.$key; 8. } 9. 10. // Acortar una URL 11. function shorten($url) { 12. // Send information along 13. $response = $this->send($url); 14. // Return the result 15. return isset($response['id']) ? $response['id'] : false; 16. } 17. 18. // Expandir una URL 19. function expand($url) { 20. // Enva esta informacin 21. $response = $this->send($url,false); 22. // Vuelve a los resultados 23. return isset($response['longUrl']) ? $response['longUrl'] : false; 24. } 25. 26. // Enviar informacion a Google

27. function send($url,$shorten = true) { 28. // Create cURL 29. $ch = curl_init(); 30. // SI estamos acortado una URL... 31. if($shorten) { 32. curl_setopt($ch,CURLOPT_URL,$this->apiURL); 33. curl_setopt($ch,CURLOPT_POST,1); 34. curl_setopt($ch,CURLOPT_POSTFIELDS,json_encod e(array("longUrl"=>$url))); 35. curl_setopt($ch,CURLOPT_HTTPHEADER,array("Con tent-Type: application/json")); 36. } 37. else { 38. curl_setopt($ch,CURLOPT_URL,$this>apiURL.'&shortUrl='.$url); 39. } 40. curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); 41. // Ejecutar el post 42. $result = curl_exec($ch); 43. // Cerrar la conexin 44. curl_close($ch); 45. // Devolver el resultado 46. return json_decode($result,true); 47. } El constructor requiere tu clave de Google API. Esta clase puede manejarse con dos mtodos: acortar y expandir. Cada mtodo toma la larga o corta URL, contacta a Google, y devuelve su contraparte. Si la contraparte no es encontrada, o el API del acortador de URLs de Google est cado, nos ser devuelto como false, por lo que por favor asegrate de no dejar ningn error. Ahora creemos una instancia de GoogleUrlApi para acortar o expandir una URL: PLAIN TEXT 1. 2. 3. 4. 5. 6. // Crear instancia con una clave $key = 'xhjkhzkhfuh38934hfsdajkjaf'; $googer = new GoogleURLAPI($key);

// Test: Acortar una URL $shortDWName = $googer>shorten("http://davidwalsh.name"); 7. echo $shortDWName; // returns http://goo.gl/i002 8. 9. // Test: Expandir una URL 10. $longDWName = $googer->expand($shortDWName); 11. echo $longDWName; // returns http://davidwalsh.name

Los mtodos shorten() y expand() efectivamente devuelven sus contrapartes. Si bien esta clase est simplificada, la API del acortador de URLs de Google provee otras cosas ms, como listas de URLs y trackeo de uso. Fuente original del artculo: David Walsh Blog Traduccin realizada por elWebmaster.com

Cmo crear un acortador de URLs


Seguramente alguna vez has utilizando un acortador de direcciones URLs, son servicios que nos dan la posibilidad de generar direcciones web cortas para poder recordarlas ms fcilmente. Desde el sitio web de David Walsh nos ensean una muy sencilla forma para que podamos crear nuestro propio acortador de URLs utilizando simplemente PHP, MooToolsJavaScript- y TinyURL. El XHTML:
1. <p><strong>URL:</strong> <input type="text" id="url" size="40" /> <input type="button" id="geturl" value="Get URL" /></p> 2. <p id=newurl></p>

El cdigo PHP:
1. if(isset($_GET['url'])) 2. { 3. die(get_tiny_url(urldecode($_GET['url']))); 4. } 5. 6. //gets the data from a URL 7. function get_tiny_url($url) 8. { 9. $ch = curl_init(); 10. $timeout = 5; 11. curl_setopt($ch,CURLOPT_URL,http://tinyurl.com/apicreate.php?url=.$url); 12. curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); 13. curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout); 14. $data = curl_exec($ch); 15. curl_close($ch); 16. return $data; 17. }

El Javascript MooTools:

1. window.addEvent('domready',function() { 2. var TinyURL = new Class({ 3. //implements 4. Implements: [Options], 5. //options 6. options: { 7. checkURL: 8. }, 9. //initialization 10. initialize: function(options) { 11. //set options 12. this.setOptions(options); 13. }, 14. //a method that does whatever you want 15. createURL: function(url,complete) { 16. var req = new Request({ 17. url: this.options.checkURL + ?url= + url, 18. method: get, 19. async: false, 20. onComplete: function(response) { complete(response); } 21. }).send(); 22. } 23. }); 24. 25. 26. // usage // 27. var new_tiny_url = new TinyURL({ 28. checkURL: grab-tiny-url.php 29. }); 30. 31. $(geturl).addEvent(click,function() { 32. if($(url).value) { 33. var newu = new_tiny_url.createURL($(url).value,function(resp) { 34. $(newurl).set(html,'The TinyURL is <a href=%27%20+%20resp%20+%20%27> + resp + </a>. Go ahead, try it!).setStyle(color,'green); 35. }); 36. } 37. }); 38. });

checkURL, es la URL del snippet PHP de arriba. La accin real sucede cuando se invoca el mtodo createURL() que pasa el mtodo a URL hasta que se achica y una funcin onComplete que toma lugar cuando la URL se recibe. Fuente: David Walsh

FoxyURL: Acortando URLs con un clic

FoxyURL es una extensin muy liviana para Mozilla Firefox para acortar direcciones URLs con un slo clic. La extensin instala un botn en nuestra barra de herramientas. Haciendo clic sobre el botn desde cualquier sitio, obtendremos su URL acortada. El almacenamiento de URLs es indefinido y esta extensin gratuita funciona en cualquier lugar en que funcione el navegador Mozilla. Descargar FoxyURL aqu Si lo prefieres, puedes utilizar directamente el servicio online de FoxyURL que no requiere descarga alguna. Fuente: LifeHacker

Acortando automticamente URLs largas con PHP


a conocemos servicios como TinyURL que nos permiten acortar URLs extensas para ponerlas como enlaces o incluirlas en e-mails (son ideales para usar en Twitter tambin ^_^) pero la cuestin es que no podemos hacer esto con cada URL de un sitio o foro. Nos volveramos locos! Para evitar dolores de cabeza lo mejor es usar una potente funcin de PHP que nos permita acortar automticamente las URLs extensas. Te dejo el cdigo para que lo veas, slo tienes que copiarlo y pegarlo, luego lo pruebas en tu servidor local y vers cmo tu vida se hace ms fcil. Adelante!

Script PHP para acortar URLs extensas


La idea es pasar de una URL extensa a una as:
http://www.google.com/search?h[ ... ]afe&btnG=Search

Aqu est el cdigo que hace falta para que lo copies en tu sitio.
<?php function acortarurl($url){ $longitud = strlen($url); if($longitud > 45){ $longitud = $longitud - 30; $parte_inicial = substr($url, 0, -$longitud); $parte_final = substr($url, -15);

$nueva_url = $parte_inicial."[ ... ]".$parte_final; return $nueva_url; }else{ return $url; } } $url_larga = "http://www.google.com.pe/search?hl=Google+Search&meta="; $url_corta = acortarurl($url_larga); echo"<a href=\"$url_larga\">$url_corta</a>"; ?>

Haz la prueba! Fuente: RibosoMatic

WordPress: Mostrar fecha y hora de la publicacin al estilo Twitter


Si usamos Wordpress en nuestro sitio web, podemos mostrar fecha y hora de nuestros posts, comentarios y cualquier tipo de publicacin al estilo Twitter ("hace x minutos", "horas", "das"), con un sencillo truco. Fuente original del artculo: WP-Snippets Traduccin realizada por elWebmaster.com Si se trata de pginas o posts, coloca este cdigo donde quieras que se vea la fecha y hora, siendo lo ideal colocarlo al pie de la publicacin: PLAIN TEXT 1. <?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' ago'; ?> Si en cambio, se trata de comentarios, coloca el siguiente cdigo: PLAIN TEXT 1. <?php echo human_time_diff(get_comment_time('U'), current_time('timestamp')) . ' ago'; ?> Por ltimo, un truco un poco ms complejo: Si quieres que la fecha y hora se muestre al estilo Twitter pero que al transcurrir un determinado tiempo de publicado el elemento,

vuelva a mostrarse de la manera tradicional, envuelve el cdigo elegido entre estas otras dos porciones de cdigo que te daremos a continuacin. Aqu va el primero: PLAIN TEXT 1. <?php 2. $time_difference = current_time('timestamp') get_the_time('U'); 3. if($time_difference <86400) { Inmediatamente colocas el cdigo elegido anteriormente, y luego completas con el resto del cdigo: PLAIN TEXT 1. 2. 3. 4. } else { the_time(); }; ?>

Y listo! Fuente original del artculo: WP-Snippets Traduccin realizada por elWebmaster.com

Cuatro plugins para Twittear desde tu WordPress


Twitter es el famoso servicio de micro-blogging y pseudo red social que nos permite enviar esas conocidas micro-entradas (o Tweets) sobre lo que estamos haciendo para que nuestros seguidores estn al tanto. WordPress es la conocida plataforma de gestin de contenido enfocada a la creacin de blogs. La pregunta es: Por qu no unir estos dos magnficos servicios? Es para esto que se crearon los siguientes plugins WP que les dejo a continuacin. Twitter for Wordpress: Es un sencillo plugin que mostrar tus ltimos Tweets en tu blog WP. Twitpress: Presenta un Tweet definible por el usuario en su cuenta de twitter que notificar a cualquier seguidor o amigo de que una nueva entrada se ha publicado en su blog. Twitter Tools: Es un plugin que genera una completa integracin entre tu WP y tu cuenta de Twitter.

Twitme: Es un excelente plugin que prcticamente convierte nuestro blog en Twitter porque posee el 90% de las funcionalidades de esta web.

Tres plugins para escribir cdigo en tu blog de WordPress


Como todos ya bien sabemos la plataforma WordPress nos ofrece una infinita cantidad de posibilidades para personalizarla segn nuestros gustos y necesidades, poniendo a nuestra disposicin muchsimos plugins. Es por eso que para todos los desarrolladores les traigo hoy tres excelentes plugins de cdigo fuente para WordPress que nos muestran la sintaxis de acuerdo a cada lenguaje de manera sencilla y con buena apariencia. Google Syntax Highlighter for WordPress: Se trata de un plugin que nos permite integrar en nuestro WP, de forma muy sencilla, el resaltador de sintaxis de Google. WP-Syntax: provee un resaltamiento de sintaxis limpio y soporta una gran cantidad de los ms populares lenguajes. SyntaxHighlighter Plus: Te permite postear fcilmente cdigo de sintaxis resaltado sin perder su formato y sin la necesidad de hacer cambios manuales.

Los mejores plugins de SEO y posicionamiento para WordPress


Hace poco vimos una serie de tips y plugins para aumentar la seguridad en nuestro blog de WordPress. Pero un factor que tambin es muy importante es el posicionamiento (SEO), por lo que tambin es bienvenida esta lista de plugins para optimizar tu blog para los buscadores (sobre todo Google ^_^). Hay de todo y para todos los gustos, plugins que nos permiten modificar adecuadamente los ttulos, meta tags y keywords de cada pgina, otros para ayudar con el tema del linking y los mapas del sitio (Google Sitemaps), incluso algunos para hacer un seguimiento de las acciones de los usuarios (con Google Analytics).

Los mejores pluguins de SEO y posicionamiento para WordPress

Meta data: o All In One SEO Pack: Optimiza ttulos y meta tags. o HeadSpace2: Optimiza ttulos, dercripciones y keywords. o HeadMeta: Optimiza descripciones y ttulos. o Duplicate Content Cure: Insierta el metacomando noindex, follow para evitar que dupliques contenido y seas penalizado por Google. Permalinks: o Permalink Validator: Valida los enlaces y evita errores 301 o 404. o Advanced Permalinks: Genera mltiples estructuras de permalinks. o Permalinks Moved Permanently: Ayuda a que los viejos permalinks redireccionen a los nuevos. Linking: o WP 2.3 Related Posts: Muestra enlaces relacionados a travs de un tag de WordPress. o NS Recent Posts: Muestra los ltimos posts modificados. o RB Internal Links: Genera enlaces a otros posts al estilo wiki. o Link Harvest: compila una lista con todos los enlaces salientes y genera un widget para mostrarlos (un linkroll). Otros: o TrustMeter for Google: Te avisa si tu pgina est considerada como sitio seguro (trusted). Analytics: o xooAnalytics: Realiza un seguimiento del trfico saliente, con Google Analytics. Google Analytics for Wordpress: Hace un seguimiento de todos los clics que hacen los usuarios, tambin mediante Google Analytics Sitemaps: o Google XML Sitemaps: Crea un Google Sitemap para tu blog. o Google Sitemaps - Append UTW Tags: Agrega automticamente todos tus tags al final del mapa del sitio.
o

Qu opinan? As cualquiera llega al primer puesto, jejeje (^_^).

Cmo utilizar Dropbox para organizar y gestionar tus proyectos


Aunque es claro que la gestin del proyecto es esencial para el xito de cualquier proyecto web, solemos complicarnos al momento de decidir la mejor manera de llevarlo a cabo. La complejidad de manejar mltiples personas significa que habr instancias donde todos necesiten acceder a los mismos archivos e informacin, y probablemente lo hagan en horarios inesperados. Con Dropbox, esto est solucionado.

Fuente original del artculo: 3.7 Designs Traduccin realizada por elWebmaster.com Mientras que Dropbox fue originalmente intencionado para facilitar el almacenamiento de archivos en la nube, actualmente es una poderosa herramienta para gestionar proyectos. No solamente es un rpido mtodo de organizacin y modificacin de archivos sino que tambin posee un formato con el que todos los que hayan utilizado alguna vez una PC ya se encuentran familiarizados. Si ests diariamente trabajando con equipos, entonces ya debes encontrarte familiarizado con estos tres mtodos de comunicacin primarios voz, e-mail y documentos. Tenemos reuniones en persona o por telfono, nos comunicamos electrnicamente en la forma de mensajes rpidos (no siempre e-mail, pero principalmente) y luego compartimos documentos. Documentos que pueden ser reportes, hojas de clculo, piezas de diseo, etc Mientras que Dropbox probablemente no sea un gran mtodo para manejar voz o e-mail, hace un gran trabajo en cuanto a compartir documentos se refiere. Cuando miras a travs del lente de un proyecto de diseo web , terminas con un montn y montn de documentos al que necesitaremos acceder, modificar y actualizar algunas veces. Esto incluye:

Contenido Fotos Arte Estrategia / lente Diseos de concepto Instrucciones

Lejos de otros servicios que requieren inicios de sesin, subidas, taggeos Resulta ms sencillo colocarlos en un directorio que compartes con todo el resto del equipo y listo. De esa manera, cuando alguien actualiza un archivo, tendrs acceso inmediato a los cambios. Esto es especialmente til si tienes instrucciones y procesos bien documentados que permitan que nuevos miembros del equipo puedan entender rpidamente el mecanismo y aprender lo que necesitan.

Estructura de directorios
Adems, puedes estructurar tus directorios por proyectos de la manera que quieras. La consistencia hace ms fcil pasar de proyecto a proyecto, por lo que se recomenda considerar de antemano qu directorios sern necesarios y cmo sern agrupados. Si bien siempre recibir mejoras a medida que el proyecto avance, esta es la estructura bsica recomendada:

Informacin del proyecto o Acceso al sitio o Especificaciones y linea de tiempo

Instrucciones o Worksheets Archivos de cliente o Contenido o Fotografas Estrategia Diseos o Artworks o Conceptos o Entregables o Plantillas XHTML/CSS

Todos en el equipo debern registrarse en Dropbox para obtener una cuenta con 2GB gratuitos. Dale un intento! Fuente original del artculo: 3.7 Designs Traduccin realizada por elWebmaster.com

Freelancers: 7 tips para organizar y administrar mejor tu tiempo


La semana pasada vimos algunas de las herramientas online que todo freelancer debe tener en cuenta para optimizar su rendimiento. Pero nos han quedado en el tintero, adems, unos consejos que te ayudarn a sacar provecho de tu tiempo. Fuente original del artculo: 1WD.CO Traduccin realizada por elWebmaster.com

1) Entrnate para evitar la procrastinacin


Un correcto manejo del tiempo no requiere un gran entrenamiento, ni tampoco algn talento innato. Todo se trata de autodisciplina. Despues de todo, al ser freelancers, somos de alguna manera nuestros jefes. Es fcil distraerse cuando se supone que deberamos estar trabajando, por ejemplo, pasar horas en Facebook o Twitter sin darnos cuenta el precioso tiempo que estamos gastando en hacer nada. Esto genera que no seamos todo lo productivos que queremos ser, y eso puede significar entonces que no hagamos el dinero que realmente queremos. Es por eso que la autodisciplina no es algo que debemos descuidar.

2) Lleva un cronograma laboral

La mayora de los freelancers trabajan a horas errticas, en el momento que les sale y no en base a un horario planificado, lo que puede alterar su salud y tica laboral. A veces, es tentador continuar el trabajo durante la noche con tal de terminar tareas pendientes y otras veces, derrochamos mucho tiempo procrastinando. Dado que el trabajo de freelancer no tiene un horario preestablecido, y no hay un jefe que nos establezca un cronograma laboral, ser nuestra responsabilidad asignarnos uno. Lo ideal es que creemos un cronograma semanal en el que no slo definamos las horas que dedicaremos al trabajo, sino tambin a nosotros, nuestros amigos y familia.

3) Especifica tus objetivos


Establecer metas te ayudar a mantenerte focalizado mientras trabajas en una tarea o proyecto. Sin objetivos especificados, tenders a trabajar ms lento, con menos compromiso y determinacin. Anota tus objetivos para cada da, y especifica una fecha lmite (aunque tus clientes no hayan establecido una).

4) Categoriza y prioriza
Recuerda que eres un gran equipo de un solo integrante. Por lo cual, todas las reas correran por tu cuenta, desde el marketing hasta el diseo. Es por eso que es aconsejable que priorices tus tareas, agrupando las que son similares, asignndoles un horario especfico.

5) Organiza tu escritorio
Un espacio de trabajo organizado es de mucha ayuda para maximizar el tiempo y eficiencia. Un escritorio limpio te asegura que no malgastars tu tiempo en buscar all las herramientas que necesites, las cuales deben estar visibles y a tu alcance.

6) Tmate mltiples descansos breves


Es facil perder la nocin del tiempo cuando ests concentrado en una tarea. Puedes notar, repentinamente, que has dedicado demasiadas horas en un problema especfico. Si no tienes cuidado, esto puede derivar en una sobrecarga mental y disminuir tu eficiencia. Esto a su vez generar que tomes descansos ms extensos de lo que necesitas, o peor an, que te quedes dormido. Lo ideal es que a lo largo de tu labor toms rpidos y breves descansos, de aproximadamente tres minutos: Come un snack, ve a tomar un poco de aire fresco Esto har una gran diferencia en la calidad de tu trabajo.

7) No te sobrecargues de trabajo
No trabajes demasiado! No te comprometas con demasiados proyectos a la vez con el slo objetivo de hacer ms dinero. Si te fuerzas demasiado, la calidad de tu trabajo se ver seriamente comprometida. Trabajar demasiado puede causar stress, presin y resentimiento

hacia tu trabajo. Tmalo con calma, y encuentra un momento para relajarte. Busca tiempo para hacer cosas que disfrutas y pasa tiempo de calidad con tus seres queridos. Para llevar a cabo estos consejos con mayor eficiencia, te aconsejamos utilizar las 6 herramientas online para organizar y administrar tu tiempo que compartimos la semana pasada. Haz clic aqu para visitar el artculo 6 herramientas online para organizar y administrar tu tiempo (ideal para freelancers) >> Fuente original del artculo: 1WD.CO Traduccin realizada por elWebmaster.com

6 herramientas online para organizar y administrar tu tiempo (ideal para freelancers)


El freelancing es una de las mejores formas de trabajar en el mundo. Puedes trabajar a tu propio ritmo Pero manejar el tiempo libre no es nada fcil, hay demasiadas distracciones Si quieres maximizar tu tiempo, aqu te sugerimos algunas herramientas que te ayudarn a administrarlo. Fuente original del artculo: 1WD.CO Traduccin realizada por elWebmaster.com

Rescue Time

Rescue Time es una herramienta que almacena informacin acerca del tiempo que utilizas en trabajar y el que usas en otras tareas no relacionadas. Con esos datos elabora un profundo analisis de tu jornada laboram indicando cunto tiempo inviertes en redes sociales, entretenimiento, escribir, editar y asuntos relacionados. Adems, puedes seleccionar la opcin Enfcate para bloquear voluntariamente los sitios web que te resultan distractorios. Otras herramientas online del estilo son Toggl y Bill4Time. Y si quieres que la aplicacin sea de escritorio, descargable, puedes probar yaTimer. Haz clic aqu para visitar la aplicacin online Rescue Time >>

Remember The Milk

Hay varias herramientas on line para armar listados de tareas pendientes, pero Remember the Milk es uno de los mejores. Es divertido y fcil de usar. Puedes planear tareas diarias, semanales y hasta mensuales. Puedes categorizar tareas de acuerdo a su prioridad o dificultad. Recibir recordatorios via e-mail, SMS, Yahoo e incluso Skype. De esa manera, ya no tendrs excusa para olvidarte de nada. Otras herramientas online del estilo son Toodledo y Ta-Da List. Haz clic aqu para visitar la aplicacin online Remember The Milk >>

30 Boxes

Un calendario es algo con lo que un freelancer siempre debe contar. La herramienta 30 Boxes es la mejor manera de seguir el rastro de fechas lmites y de ordenar tus prioridades sabiamente. Es una gran herramienta para organizar cosas y recordar eventos importantes e incluso cumpleaos. Otra herramienta online del estilo es Google Calendar. Haz clic aqu para visitar la aplicacin online 30 Boxes >>

Backpack It

Ser multitarea es una habilidad integral que todo freelancer debera tener. Los freelancers pueden tener la necesidad de manejar varias tareas y proyectos al mismo tiempo. Backpack It es una herramienta online que te ayudar a administrar mltiples proyectos sin pensar en nada ms. Permite crear listas de tareas pendientes por cada proyecto, configurar pginas y mantenerlas e incluso, compartir documentos importantes, todo en un solo lugar. Haz clic aqu para visitar la aplicacin online Backpack It >>

Mind 42

Mind 42 es una herramienta de mapeo mental que organiza tus ideas, pensamientos y conceptos en un diagrama de rbol. Es la solucin a la organizacin y seguimiento de ideas que puedes compartir con tus clientes, colegas y compaeros de trabajo en forma online. Puedes subir imgenes, notas y enlaces URL para completar tus ideas. Puedes crear mapas mentales individuales, o hacer un brainstorming en grupo en tiempo real. Es perfecto para administrar mltiples proyectos freelance en simultneo. Haz clic aqu para visitar la aplicacin online Mind 42 >>

Plaxo

Desde los ms pequeos hasta los ms grandes tienen problemas a la hora de administrar sus contactos. Seguramente necesites una buena herramienta de administracin de contactos y para ello existe Plaxo. Esta aplicacin se dedicar a almacenar tu informacin de contacto o de tus clientes, colegas, empleados, empleadores y ms, con la idea de organizar tus contactos Puede ser sincronizada con otros programas como Address Book y Microsoft Outlook. Haz clic aqu para visitar la aplicacin online Plaxo >> Para aprovechar mejor estas herramientas, no dejes de darles uso a travs de los 7 tips para organizar y administrar mejor tu tiempo que tambin hemos publicado. Haz clic aqu para visitar el artculo 7 tips para organizar y administrar mejor tu tiempo >> Fuente original del artculo: 1WD.CO Traduccin realizada por elWebmaster.com

Freelancers: 7 tips para organizar y administrar mejor tu tiempo


La semana pasada vimos algunas de las herramientas online que todo freelancer debe tener en cuenta para optimizar su rendimiento. Pero nos han quedado en el tintero, adems, unos consejos que te ayudarn a sacar provecho de tu tiempo. Fuente original del artculo: 1WD.CO Traduccin realizada por elWebmaster.com

1) Entrnate para evitar la procrastinacin


Un correcto manejo del tiempo no requiere un gran entrenamiento, ni tampoco algn talento innato. Todo se trata de autodisciplina. Despues de todo, al ser freelancers, somos de alguna manera nuestros jefes. Es fcil distraerse cuando se supone que deberamos estar trabajando, por ejemplo, pasar horas en Facebook o Twitter sin darnos cuenta el precioso tiempo que estamos gastando en hacer nada. Esto genera que no seamos todo lo productivos que queremos ser, y eso puede significar entonces que no hagamos el dinero que realmente queremos. Es por eso que la autodisciplina no es algo que debemos descuidar.

2) Lleva un cronograma laboral

La mayora de los freelancers trabajan a horas errticas, en el momento que les sale y no en base a un horario planificado, lo que puede alterar su salud y tica laboral. A veces, es tentador continuar el trabajo durante la noche con tal de terminar tareas pendientes y otras veces, derrochamos mucho tiempo procrastinando. Dado que el trabajo de freelancer no tiene un horario preestablecido, y no hay un jefe que nos establezca un cronograma laboral, ser nuestra responsabilidad asignarnos uno. Lo ideal es que creemos un cronograma semanal en el que no slo definamos las horas que dedicaremos al trabajo, sino tambin a nosotros, nuestros amigos y familia.

3) Especifica tus objetivos


Establecer metas te ayudar a mantenerte focalizado mientras trabajas en una tarea o proyecto. Sin objetivos especificados, tenders a trabajar ms lento, con menos compromiso y determinacin. Anota tus objetivos para cada da, y especifica una fecha lmite (aunque tus clientes no hayan establecido una).

4) Categoriza y prioriza
Recuerda que eres un gran equipo de un solo integrante. Por lo cual, todas las reas correran por tu cuenta, desde el marketing hasta el diseo. Es por eso que es aconsejable que priorices tus tareas, agrupando las que son similares, asignndoles un horario especfico.

5) Organiza tu escritorio
Un espacio de trabajo organizado es de mucha ayuda para maximizar el tiempo y eficiencia. Un escritorio limpio te asegura que no malgastars tu tiempo en buscar all las herramientas que necesites, las cuales deben estar visibles y a tu alcance.

6) Tmate mltiples descansos breves


Es facil perder la nocin del tiempo cuando ests concentrado en una tarea. Puedes notar, repentinamente, que has dedicado demasiadas horas en un problema especfico. Si no tienes cuidado, esto puede derivar en una sobrecarga mental y disminuir tu eficiencia. Esto a su vez generar que tomes descansos ms extensos de lo que necesitas, o peor an, que te quedes dormido. Lo ideal es que a lo largo de tu labor toms rpidos y breves descansos, de aproximadamente tres minutos: Come un snack, ve a tomar un poco de aire fresco Esto har una gran diferencia en la calidad de tu trabajo.

7) No te sobrecargues de trabajo
No trabajes demasiado! No te comprometas con demasiados proyectos a la vez con el slo objetivo de hacer ms dinero. Si te fuerzas demasiado, la calidad de tu trabajo se ver seriamente comprometida. Trabajar demasiado puede causar stress, presin y resentimiento

hacia tu trabajo. Tmalo con calma, y encuentra un momento para relajarte. Busca tiempo para hacer cosas que disfrutas y pasa tiempo de calidad con tus seres queridos. Para llevar a cabo estos consejos con mayor eficiencia, te aconsejamos utilizar las 6 herramientas online para organizar y administrar tu tiempo que compartimos la semana pasada. Haz clic aqu para visitar el artculo 6 herramientas online para organizar y administrar tu tiempo (ideal para freelancers) >> Fuente original del artculo: 1WD.CO Traduccin realizada por elWebmaster.com

PHP Benchmark: Punto de referencia para programadores PHP


PHP Benchmark es el sitio que utiliza Chris Vincent para hablar de PHP, contactarse con otros programadores y pasar tips tiles sobre distintas maneras de resolver tareas de todo tipo (loop, output, etc.) con comparaciones en tiempo real de varias soluciones para el mismo problema. Un sitio para tener en Favoritos y entrar la prxima vez que te preguntes si foreach es realmente la mejor herramienta para tu trabajo.

PHP: Manejo de variables y clases de fecha y hora en PHP 5


Una pequea gema escondida viaja envuelta en cada nueva instalacin de PHP: la extensin Datetime, que contiene la clase DateTime y sus hermanos. Idealmente, todo lo que puedes hacer con las funciones date_* , lo puedes hacer con estas clases. Fuente original del artculo: Web Builder Zone Traduccin realizada por elWebmaster.com Aqu hay algunos ejemplos de cdigo en los que veremos como usar DateTime en forma productiva, aunque algunas funciones puede que slo estn disponibles para PHP 5.3. PLAIN TEXT

1. <?php 2. 3. class DateTimeTest extends PHPUnit_Framework_TestCase 4. { 5. public function testSupportsAdditionfDays() 6. { 7. $date = new DateTime('2010-11-26'); 8. $date->add(new DateInterval('P15D')); // Period of 15 Days 9. $this->assertEquals('2010-12-11', $date>format('Y-m-d')); 10. } 11. 12. public function testSupportsSubtractionOfMonths() 13. { 14. $date = new DateTime('2010-11-26'); 15. $date->sub(new DateInterval('P20M')); // Period of 15 Days 16. $this->assertEquals('2009-03-26', $date>format('Y-m-d')); 17. } 18. 19. public function testSupportsDifferenceOfDates() 20. { 21. $stopDate = new DateTime('2010-11-26'); 22. $startDate = new DateTime('2010-10-28'); 23. $duration = $stopDate->diff($startDate); 24. $this->assertEquals('29', $duration>format('%d')); 25. } 26. 27. // never use mktime() again 28. public function testSupportsAlsoTimeAndOperatorOverloading() 29. { 30. $datetime = new DateTime('2010-11-26 12:00'); 31. $this->assertTrue($datetime> new DateTime('2010-11-26 11:00')); 32. $this->assertTrue($datetime == new DateTime('2010-11-26 12:00')); 33. $this->assertTrue($datetime <new DateTime('2010-11-26 13:00')); 34. } 35. }

Como puedes ver en este cdigo, adems de DateTime hay otras clases como DateTimeZone (es decir fecha, hora y zona horaria), DateInterval (representa una cantidad determinada de tiempo) y DatePeriod (representa dos fechas prefijadas). La combinacin de estas clases maneja casi todo escenario de la aplicacin PHP tpica, quien busca una extensin de fecha y hora que funcione y no se interponga con el resto de la lgica de negocio, forzando por ejemplo los desarrolladores a implementar manejo de zonas horarias. PHP tiene una maravillosa librera de fecha y hora, que involucra zonas horarias regionales, aos bisiestos, y todo lo que puedas imaginar. Y est orientado a objetos: no hay excusa para crear tu propio cdigo de manejo de fechas. Quieres algo an ms impactante? Doctrine 2 posee un tipo definido dentro de su componente DBAL que se asigna a un campo de DateTime de un objeto a una fecha o una columna de fecha y hora en la base de datos. Esto significa que puede crear objetos as: PLAIN TEXT 1. class User 2. { 3. /** 4. * @var DateTime 5. * @Column(type="datetime") 6. */ 7. private $lastLogin; 8. 9. /** 10. * You will never have a broken date time string in your domain 11. * classes again. The type hinting will take care of that. 12. */ 13. public function setLastLogin(DateTime $lastLogin) 14. { 15. $this->lastLogin = $lastLogin; 16. } 17. // ... 18. } Y seguir utilizando el ORM sin problemas, incluso si la variable no es una cadena u otro tipo primitivo, que son las variables tpicas exigidas por los ORM para simplificar el mapeo. No es la idea proponer el esparcir un objeto primitivo en todas tus clases de dominio, pero es mejor que un string que almacene un valor complejo como por ejemplo, una fecha (es decir, Date).

Siempre puedes envolver un objeto DateTime, posiblemente con otros campos, cuando sientes que un concepto est faltando: PLAIN TEXT 1. class BirthDay 2. { 3. /** 4. * @var DateTime 5. private $date; 6. 7. /** 8. * @var string 9. */ 10. private $personName; 11. 12. public function howOld(DateTime $currentDate) 13. { 14. // ... 15. } 16. } DateTime es un ejemplo de como PHP es un lenguaje que "incluye bateras", presentando funciones nativamente disponibles en una API orientada a objetos, en lugar de una serie de funciones al estilo de C, pero desconectadas entre s. Fuente original del artculo: Web Builder Zone Traduccin realizada por elWebmaster.com

Colocar el logo de tu empresa en el inicio de sesin de Wordpress


Cuando realizamos un sitio para un tercero, o cuando ya nos cansamos de la tpica pantalla de inicio de sesin de Wordpress, comenzamos a considerar el reemplazarlo por algo original. Hoy vamos a compartir contigo un sencillo truco que te permitir reemplazar este tradicional inicio con uno propio, facilmente intercambiable, en el que puedes incluir el logo de tu empresa para que se luzca. Para ello, debes editar el archivo functions.php y editarlo (si no existe en el directorio de tu theme, entonces puedes crearlo) y agregar all el siguiente cdigo: PLAIN TEXT

1. function custom_admin_logo() { 2. echo '<style type="text/css"> 3. #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/admin_ logo.png) !important; } 4. </style>'; 5. } 6. add_action('admin_head', 'custom_admin_logo'); Una vez hecho esto y guardados los cambios, deberas almacenar en la carpeta /images/ (o la que hayas utilizado, en caso de que hayas alterado el cdigo) una imagen con el nombre admin_logo.png. Esa imagen ser ahora el logo en cuestin. Y eso es todo! Puedes ver otro mtodo del que ya hemos hablado ingresando a este otro artculo Fuente original del artculo: WP-Snippets Traduccin realizada por elWebmaster.com

Wordpress: Cmo colocar tus Sticky Posts en cualquier parte del sitio
WordPress posee una propiedad bastante genial llamada Sticky Posts, que muestra estos posts sobre el resto de tus artculos, pero slo si tu tema est programado para que funcione as. En esta nota, te mostraremos un truco que te permitir mostrar los ltimos Sticky Posts en cualquier lugar de tu tema WordPress. Asumiendo que ya has creado una pgina template personalizada y/o tienes el loop listo, pega el siguiente cdigo antes de el loop: PLAIN TEXT 1. <?php 2. /* Get all sticky posts */ 3. $sticky = get_option( 'sticky_posts' ); 4. 5. /* Sort the stickies with the newest ones at the top */ 6. rsort( $sticky ); 7.

8.

/* Get the 5 newest stickies (change 5 for a different number) */ 9. $sticky = array_slice( $sticky, 0, 5 ); 10. 11. /* Query sticky posts */ 12. query_posts( array( 'post__in' => $sticky, 'caller_get_posts' => 1 ) ); 13. ?> Este cdigo puede ser utilizado en slider o cualquier otra propiedad avanzada que desees implementar en tu sitio. El snippet est sobre todo orientado hacia un sitio de WordPress que tiene una pgina principal personalizada o un look estilo revista. Fuente: WP Beginner

Gua de Tags para disear tu template de WordPress


En DBS>Interactive han publicado una gua de referencia de tags para ahorrarte tiempo al crear tu template de Wordpress. Est extrada del Codex de WordPress.org, que es extenso como la Biblia, por eso es tan til este resumen de una sla pgina. Lo bueno es que si hacemos clic sobre cualquier tag veremos que se abre una pestaa con informacin detallada, como para que nos saquemos todas las dudas. Incluye detalles sobre tags de autor, categoras, comentarios, fecha, links, posts, etc. Que la aproveches!

Un portal de juegos hechos completamente en DHTML y Javascript


Como ya debes saber, existen miles de sitios que recopilan juegos realizados en Flash. Pero existe uno muy peculiar, dedicado a los juegos realizados exclusivamente con DHTML y JavaScript. No te pierdas lo que este lenguaje es capaz de hacer por el mundo de los videojuegos. Javascript Gaming es el nombre del sitio que alberga un amplio listado de juegos realizados de esta manera. Es visita obligada de todo desarrollador que quiera conocer las posibilidades y a su vez, los lmites de los lenguajes de programacin y diseo web que utiliza a diario.

Los juegos estn organizados y categorizados por gnero, autor, ao en el que fueron creados y la tecnologa usada en los mismos, adems de una breve descripcin acerca del mismo. Dado a que el sitio est enfocado a la exploracin del cdigo, encontrars indicado especficamente lo utilizado en el juego, por ejemplo, si hace uso de la librera YUI, de SoundManager2 o si se vale slo de DHTML. Haz clic en este enlace para visitar Javascript Gaming >> Fuente original del artculo: Nihilogic Traduccin realizada por elWebmaster.com

Windows recortados: Corriendo XP a la velocidad de la luz


Para todos los que estaban por botar a la calle su computadora porque est desactualizada, lenta como una tortuga, etc., llega la solucin que estaban esperando: versiones de Windows editadas para que mquinas antiguas corran XP a una velocidad sorprendente. Con esta gua aprenders todo lo bsico que hay que saber sobre estos SO recortados para que puedas revivir tu vieja PC sin morir en el intento. Manos a la obra! La computadora de mi novia era un cacharro inservible. La compr en el ao 90 y pico, un Celeron equivalente a una Pentium II, de marca (es decir, incompatible hasta con sigo misma), que a duras penas soport la instalacin de 128 Mb de RAM, con un HD de 20 GB y, lo peor de todo, con la horrenda versin de Windows 2000 que no es ni chicha ni limonada, y lleg al ao 2007 llena de spam, spyware, etc. y tardando media hora para abrir

Word. Lo mismo cuando al encenderla o apagarla, uno poda almorzar mientras se prenda y cenar mientras se cerraba Windows.

Un Celeron similar al de mi novia Preocupado por solucionar esta situacin decid investigar sobre los Windows recortados, haba ledo acerca de ellos por la red, saba que eran versiones del S.O. (generalmente Win XP SP2) modificadas por gente que sabe para que ocupen casi nada de memoria y corran a una velocidad increble incluso en mquinas viejitas y desactualizadas. En realidad no es difcil comprender cmo se logra llegar a estas versiones recortadas de Windows. Lo que consume la mayor cantidad de memoria en Windows son procesos que, aunque algunos los usen, debemos aceptar que estn de ms para el usuario comn. Servicios de red en su mayora, ocupan todos los recursos de una mquina y hacen que Windows se vuelva muy pesado (y aqu es donde pierde contra otros SO), lo lento que se vuelve por momentos, los famosos cuelgues, etc., provocan todo tipo de problemas a los usuarios. Las versiones recortadas de Windows se instalan en alrededor de media hora, de forma automtica, y corren en cualquier PC con un mnimo de memoria. Si comparamos, Windows XP consume mnimo 64 MB (slo para poder instalarlo), y 256 MB para funcionar bien.

Ahora pueden rerse, una de las versiones recortadas (luego veremos cul en profundidad) requiere slo 32 MB de RAM. As es. 32 contra de 64 a 256. Todo un dato. En esta imagen pueden ver la comparacin del XP normal contra una versin recortada.

No digo que los que tengan una PC de ltima generacin se pasen a una versin recortada, pero es una excelente solucin para rescatar aquella computadora que estaban por tirar a la basura y que ahora puede correr XP como si se tratara de Win 98 (incluyendo la mejora del aspecto esttico, no me digan que no les importan esas cosas). Windows desatendidos Son llamados de esta manera porque no requieren accin alguna del usuario para instalarlos ms que tocar una sola tecla o un clic. Nada de siguiente, acepto el contrato, etc. Existen varias versiones, dado que son modificaciones realizadas por los usuarios y de ninguna manera estn avalados ni distribuidos por Microsoft. Queda a criterio de cada uno el hecho de instalarlos, pero pueden probarlos y vern la diferencia. Las versiones ms populares son 3:

Suricata OS Mangosta Edition: Por gracioso o raro que suene el nombre, es una versin muy slida, consume los mencionados 32 MB y, correctamente instalado puede hacer que un pedazo de chatarra parezca un Pentium 4 HT.

Windows UE7: Esta es una de las versiones ms alabadas, la ms desatendida de todas, aunque tiene un defecto: consume ms memoria que el Suricata OS.

Windows Angelical 4.5: Esta es una nueva versin que se ha vuelto muy popular, tambin consume ms recursos que el Suricata OS, pero no tanto como Windows UE7, si bien es tan desatendido como este.

Para quienes ya se estn babeando con la idea de correr XP en su cacharro, aqu van los consejos y recomendaciones:

Haz un resguardo de los Drivers del Hardware de tu PC (DriverMax lo hace en forma automtica, por ejemplo). Una vez instalado el nuevo Windows XP recortado, puedes reinstalar los drivers para que todo funcione de maravilla. Salva los archivos que desees conservar, es improbable que se borren, pero mejor prevenir que curar. Ten en cuenta que habr algunos servicios como Internet o conexin a impresoras que estarn desactivados por defecto. Los mismos se activan desde Inicio/Panel de Control/Herramientas Administrativas/Servicios. (Haz clic aqu para ver una gua de como hacerlo). Si no usas internet o impresora en la PC, no har falta configurar nada.

Instalando un Windows desatendido: 1. Primero hay que descargar alguna de las versiones recortadas, basta con buscar en Google Suricata OS, Windows desatendido, etc. 2. Una vez te bajaste todo, descomprimes los archivos con WinRar o WinZip y los guardas en una carpeta. 3. Copias todo a un CD con algn programa como Nero, pero no en la forma tradicional, sino como una imagen de disco desde el archivo .iso que acabamos de bajar. 4. Listo! Slo tienes que poner el disco copiado en la unidad de CD y reiniciar Windows. Al reiniciarse el sistema arrancar desde el CD, y te preguntar si quieres instalar el nuevo SO. Una vez aceptamos se hace todo de forma automtica. Cabe aclarar que mi recomendacin es el Suricata OS Mangosta Edition. Por qu? Porque es el nico que tuve oportunidad de probar en profundidad (la PC de mi novia ahora vuela, es ms segura y corre todos los programas que ella quera, como Photoshop, Messenger, Office, etc). Los requerimientos son: P1 166Mhz 32MB RAM Video 2MB (8MB para transparencias) Disco 700MB (podemos ejecutar las aplicaciones desde el CD) Sin embargo deberan probar las otras opciones que son tan recomendadas por los usuarios de la red. Este es un screenshot de Suricata OS:

Y este screenshot es de Windows UE7:

Por ltimo, y para los ms inquietos, les comento que el programa que te permite ir deshabilitando las partes pesadas de Windows es el nLite, les dejo unos enlaces al manual de nLite, un tutorial de cmo usarlo y otro de cmo crear su propia versin de Windows XP recortado (ver al pie de la nota).

Espero haber colaborado con todos los que pidieron una solucin al problema de las mquinas desactualizadas No duden en enviar todas sus dudas y comentarios! Links de descargas:

DriverMax, para hacer el backup de los drivers. nLite, para hacer tu propio recorte de Windows. Manual de nLite online. La gua definitiva del Windows Desatendido.

Artculos relacionados

vLite 1.1: Windows Vista recortado QTAddressBar: la barra de exploracin de Vista en XP FireTune: poniendo Firefox a punto para correr en Windows Telefnica duplicar gratis la velocidad del ADSL en Espaa Cul es la mejor versin de Windows hasta el momento?

Crea texto con forma de graffitis


Para crear algn diseo original nos puede resultar muy til esta aplicacin online gratuita llamada Graffiti Creator que nos da la posibilidad de crear graffitis de forma rpida y sencilla. Para utilizarla tan solo debemos seleccionar el tipo de fuente que nos interesa, escribir lo que deseamos y empezar a personalizarlo mediante distintos efectos y colores. Los resultados son verdaderamente espectaculares. De una forma rpida e increblemente simple podremos crear distintas imgenes que nos servirn tanto para decorar nuestro blog o sitio web, como para imprimirlos y pegarlos en alguna lmina o carpeta. Hagan clic aqu para trabajar con esta herramienta. Fuente: Hombre Lobo

CSS Text Wrapper (beta): dale forma a los prrafos de texto


La gente de Idea Shower siempre tiene algo nuevo y til para sorprendernos, en este caso se trata de CSS Text Wrapper, una aplicacin online que te permite dar forma a los prrafos de texto de tu sitio web. Por medio de un sencillo editor podemos modificar la caja contenedora de los textos, obteniendo las ms variadas formas, para amoldar a otros elementos de los sitios o por simple esttica. Por medio de un sistema de nodos y vectores, podemos indicar qu tipo de forma queremos darle al texto, para luego copiar un cdigo generado automticamente que pegaremos en nuestro sitio. Podemos elegir entre:

CSS/XHTML XHTML con Classes Javascript

Tambin podemos pegar el texto que queramos editar, para ya tenerlo incluido en el cdigo. La siguiente imagen es un ejemplo. Se utiliz el mismo texto de este artculo.

Haz clic aqu para comenzar a usar CSS Text Wrapper. Fuente: DosBit

CSS: Sencillo truco para alinear el texto en sentido vertical


Alinear el texto en vertical no es un recurso muy usado en estos das, pero suelen darse ocasiones donde puede ser til. Para realizarlo, recurrimos a varios mtodos, como la utilizacin de imgenes o Javascript. Pero existe un sencillo truco que nos permitira lograr esta alineacin de texto en unas pocas lineas de cdigo, utilizando CSS y valindonos de los espacios en blanco entre caracteres. Quieres verlo? Este es el cdigo que debes utilizar. Debes colocarlo bajo el tag head de tu cdigo HTML: PLAIN TEXT 1. <style> 2. h1 { white-space: pre; } 3. </style> Luego, dentro del body, debes utilizar el tag h1 al que le hemos dado el estilo con CSS, para lograr el efecto:

PLAIN TEXT 1. 2. 3. 4. 5. 6. 7. 8. 9. <h1> J E F F R E Y </h1>

Bsicamente, hemos colocado un espacio en blanco luego de cada caracter, y luego, al colocar cada espacio en blanco como pre con el cdigo CSS que aadimos, le indicamos al texto que debe comportarse como si tuviese un tag pre. Y as es como se logra este efecto de la manera ms sencilla y rpida. Haz clic en este enlace para ver una demostracin >> Fuente original del artculo: NetTuts+ Traduccin realizada por: elWebmaster.com

CSS: Centrando texto en ambos sentidos


Si slo tienes una palabra suelta o una sola lnea de texto, existe una forma inteligente de centrarla verticalmente en un bloque con CSS. Programas la altura del texto (line-height) para que sea igual a la altura (height) de la caja. Funciona perfectamente, a menos que el texto necesite ser envuelto. Un globo de dilogo es el ejemplo clsico de un lugar donde podras desear que el texto est centrado tanto horizontal como verticalmente y sea adaptable a mltiples lneas. Hay un pequeo y sencillo truco CSS para esto El HTML no es nada elegante. El rea es simplemente la regin con la que estamos trabajando, donde podemos programar la posicin (position: relative); para poder posicionar absolutamente el texto que est dentro del globo.
<div class="area"> <div class="bubble"> <p>To look best, text should really be centered inside this bubble both vertically and horizontally.</p> </div> </div>

El globo (en el cdigo lo llamaremos bubble) lo programaremos para que se muestre como una tabla, que en verdad no hace mucho por s misma, pero podemos programar el elemento <p> adentro para que sea una celda de la tabla; lo que nos permite utilizar sobre l la propiedad de alineacin vertical.
.area { width: 300px; height: 300px; background: url(../images/abe-bg.png) no-repeat; position: relative; } .bubble { position: absolute; left: 93px; top: 21px; width: 135px; height: 84px; display: table; } .bubble p { display: table-cell; vertical-align: middle; text-align: center; }

Esto genera los resultados esperados y en pocos minutos. Qu pasa con IE <= 7? IE 8 soporta tablas CSS, pero IE 7 y las versiones anteriores no lo hacen. Por lo que a continuacin les dejo el parche para hacer que funcione a la perfeccin en IE 6 y 7:
.bubble p { position: relative; font-size: 11px; margin-top: inherit; *clear: expression( style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"), style.clear = "none", 0 ); }

Fuente: CSS-Tricks