Buscando por la red tutoriales y manuales de jQuery, me he topado con una colección de cursos online gratuitos muy interesante. Los cursos están divididos por temática: HTML, DHTML, CSS, PHP, JavaSript, jQuery y Ajax. Cada uno está alojado en un dominio distinto, aunque podremos acceder a cualquiera de ellos desde todos los cursos.

Lo interesante es que son completamente online. Los cursos están organizados de tal forma que podrás ir haciéndolos siguiendo un orden sin necesidad de tener conocimientos previos, ya que empezarás desde abajo (HTML y CSS) e irás aprendiendo conceptos que usarás más tarde, como DHTML, JavaScript o jQuery, que usarás para el manual de Ajax. Cada curso está dividido en varios temas, que en su mayoría, están formados por tres partes: definición y teoría; ejercicio resuelto; y ejercicio propuesto. De esta forma, además de aprender los conceptos, podrás comprobar cómo funcionan en la práctica e incluso probarlos tu mismo. Y en este último punto cabe destacar que todos los ejercicios propuestos podrás realizarlos a través del portal y ejecutarlos desde ahí.

» Curso online de HTML
» Curso online de CSS
» Curso online de DHTML
» Curso online de JavaScript
» Curso online de jQuery
» Curso online de PHP
» Curso online de Ajax

La tendencia del mercado laboral en sectores como la informática o las telecomunicaciones se está inclinando cada vez más hacia el teletrabajo, o dicho de otra forma, al trabajo desde casa o cualquier otro lugar a través de internet. Además, con el auge de la web 2.0. el trabajo como Freelance está experimentando un crecimiento paralelo.

oDesk permite a los contratadores publicar ofertas de trabajo a la vez que cualquier freelance puede registrarse y solicitar trabajar en el proyecto que más le interese. Ambos servicios se prestan de forma totalmente gratuita para ambas partes, aunque oDesk cobrará el 10% del pago de cualquier trabajo realizado.

Cualquier trabajador puede registrarse, subir su curriculum vitae, y superar varios exámenes elaborados por oDesk que certifican que posee los conocimientos publicados en su CV, además de indicar lo que desea cobrar por los trabajos realizados. Por otro lado, un contratador podrá subir ofertas de trabajo y el precio que está dispuesto a pagar por horas o proyecto, realizar entrevistas de trabajo y gestionar su equipo de trabajadores online a través de una serie de herramientas desarrolladas por oDesk. De hecho, los trabajadores tienen que descargarse una aplicación para controlar las ventanas activas y sumar las horas efectivas de trabajo.

Además, al igual que ocurre en Ebay, tanto los trabajadores como los contratadores pueden votarse entre sí tras realizar un trabajo, de forma que cualquier persona podrá comprobar si ambos son responsables y se puede confiar en ellos tanto para la elaboración de un trabajo como para la contratación para el mismo.

Más información | http://www.odesk.com

Como ya comenté en una entrada del blog, la tecnología sIFR (Scalable Inman Flash Replacement) nos permite reemplazar el texto en una página web por una imagen u objeto flash. El uso que podemos darle a este tipo de recurso es para la utilización de tipografías no convencionales en páginas web o por ejemplo, si queremos mostrar nuestro e-mail en formato imagen para que ningún spammer pueda encontrarlo (AboutUs.org lo utiliza para su wiki).

Para lograr reemplazar el texto por una imagen o un objeto flash en tiempo de ejecución se utilizan una serie de lenguajes de programación (JS, DOM, AS, etc.). Por suerte, en la red disponemos de diversos scripts y plugins que nos facilitan la tarea y basta con unas pocas instrucciones para poder utilizarlos.

El plugin jQuery sIFR es un addon para el framework de JavaScript jQuery que facilita reemplazar el texto en una página web a través de la tecnología sIFR y su implementación mediante el plugin jQuery Flash. A través de una función JavaScript buscará los elementos de texto que deseas reemplazar siguiendo el método DOM de jQuery. Para cada elemento encontrado, generará automáticamente un flash con la configuración que hayamos establecido (tamaño, color, tipografía, etc.), que gracias al plugin jQuery Flash, se embeberá correctamente en la página web.

Su uso es muy sencillo, basta con añadir la función al Framework de jQuery e invocarla cuando deseemos reemplazar el texto. Por ejemplo:

<div id=”oldtype”>Texto de ejemplo

<input onclick=”$(‘#oldtype’).sifr({font: ‘fonts/Medici Text’, color:’#f00′}); ” type=”button” value=”sIFR this…” />

<input onclick=”$(‘#oldtype’).sifr(false); ” type=”button” value=”UnsIFR this…” />

Más info | http://jquery.thewikies.com/sifr

://Urlfan nos ofrece una idea aproximada de la popularidad de nuestra página web o blog en internet. Sin embargo, a diferencia de Alexa, los datos mostrados son en tiempo real, valorando los hits que provengan de cualquier navegador y/o sistema operativo.

Este servicio recupera vía RSS miles de entradas de blogs cada día, que una vez filtradas (enlaces rotos o spam), son empleadas para determinar cuántas veces se ha mencionado tu web. De esta forma, se logra valorar la popularidad de tu página web o blog a través de la cantidad de personas que te han mencionado en sus respectivos sites. Cada página incluída en el ranking de ://Urlfan muestra dónde y cómo fue  mencionada, por lo que el ranking es 100% transparente; incluso podemos suscribirnos por e-mail para que nos avisen cada vez que nuestra web o blog ha sido mencionado en internet.

Podemos subir nuestro feed RSS manualmente para que recuperen la información de nuestras entradas y en caso de que hagamos mención de otro site que esté incluido en su ranking, actualizarlo. Además, publicarán reseñas de nuestros posts (no todo el artículo completo), para que en caso de que un usuario esté interesado en dicha información, visite directamente nuestra página. Estas reseñas están configuradas como noindex para que los buscadores no las interpreten como contenido duplicado y pueda perjudicarnos. Al subir nuestro feed, promocionarán nuestras entradas en su portal a través de Buzz Radar, servicio que muestra un listado de las keywords sobre las que más se ha escrito ese día y los blogs que hablan acerca de ellas.

Por otro lado, si incluimos un icono que enlace con ://Urlfan, tendremos a nuestra disposición una serie de ventajas y herramientas extra: detectar los feeds RSS automáticamente de cualquier página en la que esté incluído el icono; beneficios en la cola de blogs pendientes; promoción de las entradas más activas a través de Buzz Radar y estadísticas en tiempo real.

Más info | http://www.urlfan.com/

Joel Laumans pone a nuestra disposición, a través de su web personal, varias plantillas para photoshop de la interfaz de los principales navegadores: internet explorer 7, firefox 3 y Safari. El objetivo de este recurso es su utilización en la presentación  a un cliente del diseño de una página web. Añadir el marco de la interfaz de un navegador alrededor del diseño ayudará al cliente a captar una idea de cómo quedará finalmente la página web. Si acostumbras a realizar los diseños web con el photoshop, estas plantillas te ahorrarán mucho tiempo.

Todas las plantillas están incluidas en un fichero .PSD divididas en varios paquetes. Cada uno corresponde a un navegador distinto, del que disponemos de hasta tres resoluciones: 1280×1024, 1024×768 y 800×600. Además, podremos cambiar los títulos, barra de direcciones, barras de scroll y el favicon.

Más info | http://piksels.com/photoshop-browser-templates

Interesante recopilación de recursos para mejorar la Accesibilidad web de una página web o blog en Maestrosdelweb.com. Entre los recursos podemos encontrar extensiones para Firefox, validadores online como T.A.W. o Examinator, herramientas para visualizar el contenido simulando alguna carencia física o técnica de un usuario, y varias guías y manuales que nos acercarán al concepto de la Accesibilidad web y su aplicación en entornos web.

Más info | http://www.maestrosdelweb.com