Después de una larga espera para la versión 3.0, WordPress Thelonious está entre nosotros . Y con esta nueva versión vienen nuevas características; aunque la comunidad de WP ha estado trabajando duro para mantener actualizados la gran mayoría de temas, miles de bloggers se han visto en la necesidad de buscar un nuevo tema para su sitio, y los que van iniciando en esta aventura seguramente querran contar con un tema que apoye todas las novedades de WordPress 3.0 . A continuación te presento, una colección de los mejores temas gratuitos para esta nueva versión de WP.

1. The Morning After

The Morning After es un tema magazine creado originalmente por la comunidad WordPress y que cuenta con más de 100 mil descargas. Ahora ha sido revitalizado por Woothemes; puede ser “viejo”, pero aún este tema aún está increíble.

Información | Demo | Descarga

2. Titán

Un tema para WordPress, refinado, equilibrado, excepcional y hermoso . Incluye un cuadro de código personalizado y soporte nativo para Twitter, Flickr y Facebook. También existe una versión PRO de este tema.

Información | Demo | Descarga

3. Gadget

Un tema muy elegante en formato magazine, especialmente para los amantes de la tecnología. Cuenta con soporte para las nuevas características de WordPress 3.0.

Información | Demo | Descarga

4. Seven Five

El tema “Seven Five”, es un tema minimalista que goza de una gran popularidad, desde su lanzamiento hace unos meses. En la versión 1.5 se han agregado nuevas características de personalización.

Información | Demo | Descarga

5. Side Blog

Como su nombre lo dice Side Blog es un tema enfocado a los blogs basados en WordPress con diversas opciones de personalización y administración de contenido, widgets y mucho más.

Información | Demo | Descarga

6. Outline

Outline es un tema creado para tener una tipografía impecable y el uso de casi todas las opciones que deseas en WordPress, soporta las nuevas características de WP 3.0, y es un tema secundario (child theme) del tema framework Hybrid, por lo que lo debes tener instalado para que funcione.

Información | Demo | Descarga

7. Simplo

Simplo es un tema fácil de instalar, que cuenta con seis variantes de color, menús desplegables, formulario de contacto basado en AJAX y soporte para las novedades de WordPress 3.0.

Información | Demo | Descarga

8. Boldy

Boldy es un tema fácil de instalar, con paginación, widget para mostrar tus últimos tweets, paginación, Lightbox, formulario de contacto basado en AJAX y soporte para las novedades de WordPress 3.0.

Información | Demo | Descarga

9. AutoFocus

AutoFocus es un tema simple y limpio de WordPress desarrollado para aquellos fotógrafos que quieren mostrar su trabajo. Es un tema secundario (child theme) del tema framework Thematic, por lo que lo debes tener instalado para que funcione. También existe una versión PRO de este tema.

Información | Demo | Descarga

10. Structure

Structure es un tema para WordPress de alta calidad con un diseño moderno y minimalista, que dispone de dos opciones de color, Existe una versión premium que cuenta con características mejoradas no incluidas en la versión gratuita.

Información | Demo | Descarga

Si tienes infinidad de bits de HTML5, CSS3, JavaScript y PHP rodando en la cabeza y te ves obligado a tratar de recordarlo cada vez que inicias un proyecto, es hora de organizarse . En este artículo encontraras una serie de servicios que no solamente te ayudan a almacenar fragmentos de código (localmente y online) sino también a compartirlos fácilmente con otros. Podrás obtener códigos útiles en varios idiomas de programación y acceder a tu repositorio de código personal desde cualquier lugar.

1. Snipplr

Snipplr fue diseñado para resolver un problema sencillo, mantener nuestras cosas organizadas. Puedes mantener todos los fragmentos de código que utilizas con frecuencia en un sólo lugar que es accesible desde cualquier PC. Además puedes compartir tu código con otros visitantes y aprovechar los fragmentos de los demás .  Snipplr también trabaja con TextMate (Editor de textos con GUI para Mac OS X).

2. CodeSnippets

Code Snippets es un repositorio público de código fuente. Puede crear fácilmente tu colección personal de fragmentos de código, clasificarlo con etiquetas o palabras clave, y compartirlo con el mundo. También cuentas con la opción de mantenerlo privado, en dado caso que así lo requieras.

3. byteMyCode

byteMyCode es un proyecto diseñado para hacer más fácil la tarea de compartir código fuente. Es una comunidad con el objetivo de encontrar, compartir, revisar y comentar los fragmentos de código. Sirve como una herramienta de organización de los pequeños fragmentos de código que nunca sabes cuando los vas a necesitar. También es muy útil cuando necesitas enviar un fragmento de código a un amigo o compañero de trabajo, pero no tienes los medios para hacerlo.

4. Snippetsmania

Snippetsmania es una colección gratuita de acceso a fragmentos de código. Actualmente soporta 34 lenguajes de programación diferentes. Todo el mundo está invitado a aportar sus propios fragmentos de código y no es necesario crear una cuenta para compartirlos, ni para dejar comentarios. Sin embargo, poseer una cuenta te da la capacidad de realizar un seguimiento de tus propios fragmentos y comentarios en tu página de usuario.

5. Codesnipp

Codesnipp es un sitio social para que los desarrolladores puedan publicar sus fragmentos, compartir código con otros desarrolladores y recibir ayuda en la codificación.

6. Smipple

Smipple es un servicio social para guardar, almacenar, organizar y compartir fragmentos de código con tus amigos y compañeros de trabajo. Haz amigos. Mejora tus habilidades de codificación. Presume.

7. Copy Paste Code

Copy Paste Code te permite publicar tu código con sintaxis coloreada para los lenguajes de programación más populares que existen. Después de publicar, puedes compartir tu código con tus colegas y amigos. También tienes la capacidad de descargar fragmentos de código, protegerlos con contraseña y publicar revisiones de estos. Si registras una cuenta, también puedes realizar un seguimiento de todos los fragmentos que haz publicado y ver todos los comentarios con mayor rapidez.

8. Ideone

Ideone es un compilador de línea y una herramienta de depuración que te permite compilar y ejecutar en línea código en más de 40 idiomas de programación. También puedes compartir código de una manera más ordenada.

9. PasteSite

PasteSite es una herramienta que te permite enviar una muestra de código que a continuación puedes ver con resaltado de sintaxis desde el sitio Web.

10. Slexy

Slexy es una herramienta potente, hábil, y atractiva. Utilízala para mostrar código, depurar errores o para compartir con otros usuarios de Internet en todo el mundo.

Imagen | Dmitry Baranovskiy

Chrome, el navegador Web desarrollado por Google, va ganando popularidad rápidamente, y uno de los factores que influyeron a tal éxito fue el soporte para extensiones o plugins incorporado a finales de enero para Windows y a mediados de febrero para otras plataformas. Estos complementos son de gran utilidad para desarrolladores y diseñadores Web, que pueden hacer su labor de una forma más rápida y eficiente. Editar HTML, probar páginas en diferentes resoluciones de pantalla, mejorar el rendimiento de sus aplicaciones, son algunas de las funciones que pueden realizar desde el navegador .

1. Firebug Lite

Firebug Lite pone a nuestra disposición una gran cantidad de herramientas de desarrollo Web mientras se navega. Puede editar, depurar y monitorear CSS, HTML y JavaScript de cualquier página web. A pesar de ser una versión reducida de Firebug, las características con las que cuenta son los suficientemente potentes para la mayoría de desarrolladores y diseñadores Web.

2. Web Developer

La extensión Web Developer para Google Chrome agrega un botón a la barra del navegador con varias herramientas de desarrollo Web. Incluye multitud de utilidades para el CSS, formularios, imágenes, cambiar el tamaño de ventana y herramientas de validación. No solamente funciona en Windows, sino que es compatible con otros sistemas operativos o plataformas como Linux y Mac OS X.

3. Pendule

Pendule es un set de herramientas de desarrollo Web para Chrome. Es una extensión sumamente simple en el aspecto visual pero muy poderosa en las herramientas que posee, como mostrar el código fuente de página, deshabilitar el CSS, seleccionar un color, ocultar las imágenes, mostrar el atributo ALT de las mismas y cuenta con acceso rápido al servicio de validación de CSS, HTML y feeds.

4. Speed Tracer

Speed Tracer es una herramienta que te ayudará a identificar y a solucionar problemas de rendimiento en tus aplicaciones Web. Se encarga de analizar como se ejecuta tu aplicación para tener una mejor idea o una perspectiva de dónde se gasta el tiempo y posteriormente resolver problemas de Javascript, CSS y más. Esta extensión para Google Chrome funciona tanto en Windows como en Linux.

5. Resolution Test

Resolution Test es una extensión enfocada en los desarrolladores que necesitan probar páginas Web en diferentes resoluciones de pantalla. Puedes cambiar el tamaño del navegador rápidamente con la lista de resoluciones utilizadas comúnmente y al mismo tiempo cuenta con la posibilidad de personalizar esta lista. Una característica extra es que ofrece la posibilidad de activar el servicio Google Browser Size.

6. Eye Dropper

Eye Dropper (Gotero) es una herramienta muy útil para los desarrolladores Web, ya que permite elegir el color de cualquier página Web por medio de un selector de color avanzado, mediante una pequeña ventana emergente y con sólo mover el mouse por la pantalla. Aunque no es tan poderoso como lo es en Firefox, y presenta algunos ligeros errores, es una de las mejores opciones que existen para Google Chrome.

7. Chrome Sniffer

Chrome Sniffer es un plugin para el desarrollador Web, que necesita inspeccionar frameworks, CMS (Sistema de gestión de contenidos) y bibliotecas JavaScript que se ejecutan en un determinado sitio Web. Lo hace de una forma muy simple, mostrando un icono en la barra de direcciones indicando el sistema que se detecto. Puede detectar más de 50 CMS y se añadiran más en futuras versiones.

8. Lorem Ipsum Generator

Lorem Ipsum Generator es una extensión que crea texto de relleno al azar. Utiliza un agradable y minimalista diseño. Su objetivo principal es utlizar la menor cantidad de código y de memoria en Chrome, por lo que es muy ligero, a diferencia de muchos otros plugins que hacen complicada esta tarea utilizando un código extenso. “No necesitas una bazooka para matar una rata, ¿verdad?”.

9. Aviary Screen Capture

Aviary Screen Capture te ayudará a tomar una captura de pantalla de cualquier página Web y editarla directamente en el navegador con las aplicaciones de Aviary.com. Realiza una captura de pantalla de la parte visible de cualquier página Web y luego abre instantáneamente la  captura en un editor básico de imágenes donde se puede marcar (dibujar flechas y rectángulos) y editar (cortar, rotar y cambiar el tamaño).

10. IE Tab

IE Tab muestra páginas Web utilizando Internet Explorer en una pestaña. Es una extensión solamente para Windows, y fue creada porque algunos sitios (por suerte, cada vez menos  ) solamente pueden ser visitados usando IE, y con esta herramienta podrás visitarlos sin salir de Chrome. Es útil para los desarrolladores que quieran probar el motor de renderizado de IE.

Imagen | COG LOG LAB

CSS (Cascading Style Sheets) es un lenguaje usado para dar forma o presentación a un sitio Web. El nivel 3 (CSS3) se encuentra en desarrollo desde finales del 2005. Sin embargo, muchos pioneros han desarrollado impresionantes creaciones basándose en nuevas técnicas e ideas . No olvides que si quieres disfrutar de estos “experimentos”, que conllevan horas de esfuerzo, más vale que uses como navegador Web a Safari, aunque también puedes utilizar las versiones más recientes de Google Chrome y Firefox .

1. Opera Logo CSS

El logo de Opera, el navegador web y suite de Internet creado solo con CSS, sin imágenes, por el diseñador gráfico y Web David Desandro. Puedes compararlo con la versión original en imagen. ¿Notas alguna diferencia? Se ve mejor en Safari 4, Chrome 5 y Firefox 3.6.

2. Pure CSS Coke Can

Una lata de Cola-Cola, creación de Román Cortés, que muestra un creativo uso de los mapas de desplazamientos mediante barras de scroll. El código es muy pequeño, por lo que la carga es muy rápida. Funciona en la mayoría de navegadores Web, excepto en Internet Explorer 6.

3. CSS 3D Meninas

Otra creación de Román Cortés, que tomando como referencia el cuadro de Las Meninas, pudo lograr este efecto 3D con código CSS y HTML, sin javascript ni flash, y usando tres imágenes. Funciona en las últimas versiones de los navegadores Web más populares.

4. Pure CSS Twitter ‘Fail Whale’

Un experimento de Steve Dennis, que retrata a la famosa ballena de Twitter en movimiento con CSS. Funciona en Safari y Chrome, mientras que ve horrible en Internet Explorer, aun en su versión 8, la más reciente .

5. Our Solar System in CSS3

Un intento de recrear nuestro sistema solar utilizando CSS, HTML y animación. El resultado es sorprendente y muy interesante. Funciona correctamente en Safari, Chrome y Firefox, mientras que a los ojos de Internet Explorer nuestro universo es plano y aburrido.

6. jQuery DJ Hero

Mediante la combinación de CSS3 y jQuery, esta creación nos da la posibilidad de girar los discos usando los controles en pantalla. Además su autor nos habla de una futura versión en la que se incluira sonido real. Funciona en las versiones más recientes de Safari, Chrome y Firefox.

7. Social Media Icons in Pure CSS

Una práctica colección de iconos sociales, creados utilizando las nuevas propiedades de CSS3 y etiquetas HTML, sin ningún tipo de imagen.

8. Anigma

Un juego experimental programado por Benjamín Meyer para mostrar las funcionalidades de CSS3, en especial las transiciones y las animaciones. Este juego rompecabezas funciona en Safari, Chrome y Firefox.

9. Spiderman cartoon CSS3

Una recreación de la introducción de la caricatura “Spiderman” de 1967, la animación ha sido elaborada con CSS3 y se ha utilizado HTML5 para el audio.

10. Star Wars HTML and CSS

Este impresionante experimento de la apertura de Star Wars Episode IV ha sido hecho solamente con CSS y HTML. Funciona exclusivamente en Mac OSX 10.6 y el navegador Safari en su última versión; aunque si no posees estos requisitos, su autor, Guillermo Esteves, ha subido un vídeo a YouTube, para el disfrute de todos.

Imagen | Simon Pow

Si buscas hacer tu sitio WordPress más social, los plugins son una excelente opción . Existe una gran cantidad de estos, que facilitan la posibilidad de compartir contenido a nuestros lectores, y al mismo tiempo mejorar la imagen de nuestro sitio. Al encontrar tal variedad de plugins, es fundamental elegir el que mejor encaje en el diseño y estilo de nuestro sitio WordPress. A continuación te presento mi colección de plugins favoritos para cumplir dicha función .

1. Sociable

Añade automáticamente enlaces a tus redes y marcadores sociales favoritos en tus entradas, páginas y en tu feed RSS. Puedes elegir entre 99 diferentes sitios sociales. Es fácil de instalar y funciona desde la versión 2.6 de WordPress.

2. SexyBookmarks

Con un nombre “atrevido”, SexyBookmarks ha demostrado ser una herramienta exitosa al conseguir que los visitantes y lectores envíen el contenido a diversos sitios sociales. Este plugin, que posee un gran estilo, funciona a partir de la versión 2.7 de WordPress.

3. AddToAny

Este plugin le ayudara a tu audiencia a compartir, marcar como favorito y enviar por correo electrónico tu contenido a más de 100 marcadores sociales. El plugin es altamente personalizable e inteligente, ya que coloca en la parte superior del menú los servicios sociales que utilizan tus usuarios, basándose en el historial de navegación. Funciona a partir de la versión 2.8 de WordPress.

4. AddThis

Promete que obtendrás más tráfico en tu sitio mediante su instalación. Los usuarios pueden promocionar tus contenidos en casi 300 redes sociales y sitios de marcadores. El botón es pequeño, discreto, de carga rápida y reconocido en toda la Web. Además pudes obtener una cuenta gratuita para ver cómo tus lectores comparten tus contenidos. Funciona a a partir de la versión 2.3 de WordPress.

5. Get Social

Este plugin agrega un cuadro flotante para compartir tu contenido en diversos sitios sociales. Siempre visible y accesible, al lado de  los artículos y/o páginas, incluso si el usuario se desplaza por los msmos. Se auto-ajusta a todas las resoluciones de pantalla y tamaños de ventana. Es compatible con la mayoría de los navegadores Web y funciona a partir de la versión 2.7 de WordPress.

6. Drag-To-Share eXtended

Este plugin imita la funcionalidad de exitosos sitios Web, dónde la funcionalidad de compartir en diversos sitios sociales es impulsada por las imágenes que acompañan los artículos; mediante una brillante e intuitiva forma: la de arrastrar las imágenes. Requiere como mínimo la versión 2.8 de WordPress.

7. Socialize

Es una forma fácil de añadir marcadores sociales, ya sea dentro del contenido, o debajo del mismo. Es un plugin fácil de manejar en el que puedes seleccionar los sitios que deseas. Funciona desde la versión 2.7 de WordPress.

8. Share and Follow

Un plugin diseñado para los usuarios que quieren ahorrar tiempo al diseñar y desarrollar su sitio WordPress. Incluye opciones para colocarse en diferentes lugares del sitio, así como widgets y diferentes tamaños de iconos.  Requiere la versión 2.9 de WordPress.

9. Light Social

Es un plugin ligero, que inserta una serie de vínculos de participación social en la parte inferior de cada artículo. Cuenta con varias opciones sencillas de configurar. Ofrece una carga rápida y un impacto mínimo en tu sitio. Funciona a partir de la versión 2.9 de WordPress.

10. SocialGrid

Es un widget sencillo, que facilita la labor de añadir y organizar enlaces a tus distintos perfiles sociales en Internet. Ofrece enlaces para más de 25 redes sociales diferentes. Este plugin trabaja correctamente con la versión 2.8 de WordPress o superiores.

Imagen | bengrey