TinyTable v3, la herramienta perfecta para tus tablas

Las tablas son los elementos que más han pasado en esta transición que estamos viviendo con Internet, de ser los elemento claves para la construcción de sitios web a ser elementos destinados a mostrar contenidos tabulados de forma semántica. Ahora ya no basta con eso, se han de sobrecargar de funcionalidades para facilitar la tarea de visualizar estos datos.

Por ello nace TinyTable, una herramienta que ya hemos visto en aNieto2k y que esta última versión, la 3.0, incorpora mejoras realmente interesantes.

La optimización definitiva de Wordpress

Hay que reconocer que aunque Wordpress es un buen software tiene una serie de puntos débiles que hacen que trabajar con él nos dé más de un dolor de cabeza. Entre los problemas que más detectamos es el excesivo consumo de memoria y de recursos en general que necesita para funcionar eficazmente. En estos casos, lo mejor es, sin duda, optimizar todo lo que Wordpress necesita para funcionar, desde el servidor web hasta el servidor de base de datos pasándo por las imágenes que servimos y el javascript que le hacemos llegar al usuario. Con esta guía podrás optimizar al milímetro cualquier aspecto de la instalación de tu Wordpress

Detecta si una fuente está disponible desde Javascript

Hace ya tiempo que mediante Javascript es posible detectar la disponibilidad de una fuente en el navegador del usuario.
fontwidth
(Ver Imagen)

Básicamente la idea es comparar el tamaño de un elemento que contega un texto de una fuente usada como base frente a la que queremos testear. Evidentemente este sistema no es infalible, ya que podemos encontrarnos con diferentes fuentes que tengan el mismo tamaño.

Preparándonos para la llegada de Wordpress 2.9

Wordpress 2.9 está a la vuelta de la esquina. Inicialmente se propuso el 31 de Octubre como fecha de publicación pero al ver que la fecha era un poco justa para testear todas las novedades que la próxima versión va a introducir se decidió posponer sin especificar fecha, aunque todo apunta a finales de Noviembre, principios de Diciembre.

Gestión de eventos vs Delegación de eventos

Este artículo llevaba ya más de un año entre los borradores, pero creo interesante darle salida. Así que es muy probable que este artículo te aburra, lo siento.

Una de las buenas prácticas de Javascript es el uso de eventos para separar la estructura de la funcionalidad, en ella especificamos la funcionalidad que los elementos indicados deberán ejecutar al ser accionados.

Este uso de eventos, puede ser tratado de dos formas:
  • Gestión de eventos
  • Delegación de eventos

Ambas ofrecen el mismo resultado, aunque, como veremos una es más óptima que otra a la hora de gestionar grandes cantidades de elementos.

Para enteder las diferencias entre ellas, mejor ver unos ejemplos y luego los comentamos.

Un vistazo a Balsamiq Mockups

El proceso de wireframing o, dicho más claramente, creación de bocetos de un sitio o aplicación web tiene tantas formas de acometerse como diseñadores hay.

Algunos prefieren el clásico papel y boli, otros se lanzan sin miedo al programa de edición de imágenes y algunos valientes, incluso, crean sus bocetos directamente en HTML y CSS.

Hace tiempo me puse a buscar una aplicación con la que hacer mis bocetos directamente en el ordenador pero sin tener que abrir programas demasiado pesados o complejos. A primera vista me enamoré de Balsamiq Mockups, una aplicación hecha con Adobe AIR, pero debido a su precio me embarqué en la tarea de buscar alternativas.

Hoy quiero confesar que no las encontré, ningún programa o aplicación web me satisfizo tanto y, finalmente, tengo mi licencia de Balsamiq Mockups.

HTML5 Glosary

Con la finalidad de hacer llegar a los desarrolladores las ventajas y la documentación necesaria sobre HTML5, HTML5Doctor crea HTML5Glosary. Un lugar donde encontraremos información sobre todos los tags HTML5 que podemos usar en esta última revisión del estándar

10 consejos para diseñar para web

Leo en CSSGlobe un artículo de esos que creo que todos deberíamos leer y guardar en nuestra memoria cuando nos ponemos a diseñar sitios web. El artículo se titula 10 short ‘n’ sweet tips on how to design for web.
De entre todos, si tuviera que escoger alguno, yo me quedaría con:

  • Recuerda que tienes poco tiempo para captar la atención del usuario
  • Formatea el texto adecuadamente
  • Crea gráficos sencillos y claros
  • Utiliza el espacio en blanco

Para leer el resto de los consejos junto con una interesante explicación sobre cada uno de los puntos dirígete a CSS Globe.

Las reglas aun no escritas del diseño web

rompe-las-reglas-detailed
Tom Kenny ha publicado un interesante articulo en Inspected Element donde menciona algunas reglas aun no escritas sobre diseño web, a que se refiere con que aun no han sido escritas? bueno es simple son cuestiones tecnicas las cuales tomas en cuenta y aprendes con el paso del tiempo, es mas por sentido comun y conocimiento general, Tom menciona algunas pocas las cuales son:

  • No imprimir un diseño web
  • No bases las desiciones sobre usabilidad en la manera como tu piensas
  • Manejar el diseño en grupos
  • Nunca utilizar Inline Styling (CSS dentro de HTML)
  • Prueba tus diseños en diferentes resoluciones y navegadores

Swish-e: indexador contenido web y ficheros

Swish-e es una libería que permite indexar texto, e-mail, PDF, HTML, XML y Microsoft® Word/PowerPoint/Excel, también permite usar filtros para indexar PDF, gzip o PostScript. Tiene una lista de características sin fin.

Swish-e es rápido y existe una librería PECL para poder usarla.


Swish-e

Ejemplos interesantes de uso de CURL

Ejemplos muy interesantes y útiles usando la librería CURL:

10 awesome things to do with cURL

80 patrones para los fondos de tus sitios web

Recopilación con 80 patrones para usar como fondos en páginas web.




80 Stunning Background Patterns For Your Websites » »

39 recursos desde deviantArt

39 recursos, algunos de ellos muy interesantes, recogidos desde deviantArt.


39 Free Buttons And WebDesign Resources From Deviantart » »

7 soluciones para chatear de urgencia



TinyChat

A la hora de tratar con un cliente por internet, lo más lógico es recurrir a programas como el Messenger o Skype, pero en el ordenador dónde estamos no siempre tenemos esa posibilidad, por lo que debemos considerar otras.

Si no nos queda otra que usar un chat online, tenemos que tener claras las posibilidades. Tras el salto os dejo las que para los chicos de WRD son las siete mejores soluciones online para comunicarnos con alguien más, todos enlazados.

10 plugins/tuts de jQuery para mejorar tu web



slide panel jquery 10 plugins/tuts de jQuery para mejorar tu web

jQuery es sin duda alguna la librería de JavaScript que más recursos y aportaciones de third parties posee en el mundo entero, y para los que estamos acostumbrados a usarla, todo esto es una maravilla.

Tras el salto te dejo de regalo 10 plugins con sus tutoriales que van a hacer que puedas mejorar el contenido de tu sitio para mostrarlo de una forma más elegante, más dinámica y al fin y al cabo, más amigable para el usuario.

Fuente | CatsWhoCode



35 portfolios en los que inspirarse



Seventy7

No me cansaré jamás de repetir que la inspiración es una de las cosas más importantes de todo diseñador y creativo, especialmente si lo hacemos de los mejores. Por otra parte, no es fácil dictaminar quienes son los mejores en algo así, pero podemos hacer una aproximación.

En esta recopilación tenemos 35 portfolios muy bien diseñados y con un atractivo bastante interesante, que hace que resulten llamativos a la persona que entra en la web para contratarnos. Tenéis todos tras el salto.

Fuente | Designm.ag

Wordpress 2.8.6 versión de seguridad

Wordpress anuncia la versión 2.8.6 que solventan 2 problemas de seguridad que pueden ser explotados por usuarios registrados. Es recomendable actualizar si estamos trabajando con varios authores ya que mediante XSS pueden obtener privilegios de posteo.[Descargar]

Tutorial: Fondo Animado con jQuey


animated-background

Si has usado anteriormente esta librería de Javascritp, te habrás dado cuenta de la capacidad de esta para fabricar efectos visuales con pocas líneas de código, bueno pues esta ocasión no será la diferencia ya que se trata de hacer un efecto que es muy llamativo y le da un toque elegante a nuestra página.

En este tutorial se muestra como hacer un fondo animado con jQuery de manera fácil, con una sola imagen, el código fuente esta disponible para su descarga y puedes ver el demo aquí.

Enlace | Cats Who Code

CU3ER - Regulador de imagen en 3D para crear transiciones


cu3er.jpg

CU3ER es un regulador de imagen en 3D para crear transiciones entre diapositivas, una opción muy interesante para implementar tanto en proyectos personales como comerciales. Se manipula mediante XML para el suministro de las imágenes y puede ser personalizado en caso de considerarlo necesario. Una propuesta muy interesante.

Ver Demo - Descarga

Via WebResourcesDepot - Intenta

Consejos para optimizar el uso de tu tiempo como freelance

Manejo del tiempoPara quienes trabajamos como freelance, es importante seguir consejos para optimizar el uso de tu tiempo al momento de sacar un trabajo o proyecto. Sin embargo, también es útil que identifiques un par de estrategias para optimizar tu trabajo, como establecer metas por día.
Uno de los grandes distractores son las redes sociales. Ellas pueden ser muy útiles para encontrar inspiración, recursos o nuevas ideas, pero si para algo son buenas es para hacer que te olvides del reloj y que te vuelvas menos eficiente. Por eso, toma en cuenta estas consideraciones:

5 Plugins Wordpress para construir un sitio web Multilenguaje



wpmultilenguaje.jpg

Si la base de todos tus proyectos es wordpress, probablemente desees presentar tu contenido con varios idiomas. Recientemente, acabo de descubrir 5 plugin wordpress que te permitirán transformar tu sitio basado en Wordpress en uno Multilenguaje.

Periodismo 2.0 y Cómo escribir para la web

Periodismo 2.0 de Mark Briggs y Cómo escribir para la web de Guillermo Franco son dos libros digitales con licencia Creative Commons publicados y traducidos a 3 idiomas (inglés, español y portugués) por el Centro Knight para el Periodismo en las Américas de la Universidad de Texas en Austin.
En los cursos que imparto en la universidad y algunas conferencias que he dado sobre periodismo digital, me gusta incorporar y compartir en el contenido estos dos valiosos libros que brindan en primer lugar una panorámica básica de las nuevas tecnologías y las tendencias en la redacción del periodismo digital. Dos textos para quienes buscan referencias y educarse sobre periodismo digital.

Diseños de paginas “Coming Soon”

Recientemente me toco idear junto a mi novia la pagina “coming soon” para su marca de diseño de modas… decidimos hacer algo muy sencillo sin embargo ahora leyendo y viendo los ejemplos de diseños de paginas coming soon me han salido mas ideas que se podrian aplicar mientras se termina su sitio web, en Smashing Magazine han publicado algunos tips y las mejores practicas en diseños de paginas de coming soon ya saben las clasicas que hace unos años unicamente eran un monito con casco y decian “en construcción”.
Eso ya cambio ahora el diseño de esa pagina es tan importante como el diseño final porque nos permite dar una probadita de lo que viene en el nuevo sitio del proyecto que lanzaremos, la mayoria de los sitios utilizan un campo para suscripción a newsletters, de este modo a todos los interesados les podras avisar que haz lanzado ya oficialmente tu nuevo sitio, en fin les dejo algunos diseños interesantes con sus respectivos enlaces.

La evolución de algunas webs

Las webs importantes de Internet siempre van a ser miradas con lupa y se va a observar de cerca su diseño, por ejemplo, la web de Apple siempre ha sido de inspiración para muchos diseñadores del mundo, y lo sigue siendo.
Pero ver como evoluciona el ecosistema que es Internet es gratificante, o sino mirad tras el salto lo que os he dejado, que deja patente la evolución que han sufrido ciertas webs importantes en el panorama mundial. Ver para creer.

Fuente | WDL



Underscore.js, 2kb con todo lo que realmente necesitas de Javascript

Underscore.js es una librería Javascript de tan solo 2kb (comprimida) que se compone de todo el Javascript que solemos usar en el día a día. Al igual que jQuery y Prototype basa en un carácter toda la funcionalidad de la librería ($()) aunque esta lo hace sobre _() (como su nombre indica). Esto hace que desarrollar con ella sea sencillo y no tengas que recordar largos nombres de objetos ni métodos para conseguir la misma facilidad.

Simular paquetes en PHP

Interesante script que nos permite cargar paquetes al estilo Java desde PHP. Aunque ya existen los phar, que es un paquete de PHP, esto puede resultar una posibilidad o al menos un método a tener en cuenta para importar varios archivos simultáneamente.
read()))
{
/* Reject parent, current directories and sub directories */
if(($file == '.')  ||
($file == '..') ||
(is_dir($d->path . "/" . $file)))
{
continue;
}

require_once($basePath . $importFilePath . "/" . $file);
}
} else {
/* If a single file is specified */
$importFile = str_replace(".", "/", $classPath) . ".php";
require_once($basePath . $importFile);
}
}

?>

Simulating Packages in PHP

Mejora tus formularios con jQuery


image Mejora tus formularios con jQuery

Hay ciertas ocasiones en las que los formularios se hacen largos y tediosos, y pueden incluso darle a nuestro visitante la impresión de que van a tardar demasiado en completarlo.

Para mejorar esta experiencia de usuario, lo más adecuado es utilizar un plugin de jQuery como el que os presento ahora. Se trata de Webform to Wizard, y convierte nuestro formulario en un asistente que nos ayudará en cómodos pasos.

Lo cierto es que se entiende mucho mejor si se ve la demo, y si lo descargas ya ni te cuento. Es una pasada.

Primero la estrategia y luego el Wordpress

Alguna vez viví la historia donde a alguien se le ocurrió alguna iniciativa para la web y en la búsqueda de desarrollarla rápidamente instaló un wordpress (también pudo ser un drupal, joomla, vbulletin, phpbb u otro prefabricado). Las siguientes semanas o días para los más inquietos fueron una colección de desveladas que incluyeron la revisión de temas, plugins, asignación de un dominio, de configuración en webmaster tools de google, de empuje a motores de búsqueda y creación de un primer post.
Pero seamos claros con esto, en el proceso anterior no estamos arrancando el próximo killer project de Internet. Llamemolo correctamente y digamos que instalamos un wordpress, configuramos otro blog más. Aja, otro más. Nada más que eso y muchas veces, allí quedo todo el entusiasmo.

Comparación de Frameworks en Javascript

Hemos pasado de páginas estáticas basadas en solamente HTML y CSS a páginas dinámicas que utilizan motores externos como PHP, ASP y Coldfusion para dar este dinamismo. Aunque Javascript no es una tecnologí­a reciente ha tomado mayor popularidad porque enriquece la experiencia de los usuarios de los sitios web.
La evolución nos ha traí­do el Cloud Computing o “Computación en Nube”, los Sistemas Operativos Web y las Aplicaciones basadas en Web. Todo esto gracias, en parte, a la implementación de Javascript y los frameworks. Entre dichos frameworks, se encuentran jQuery, MooTools, ExtJs, Prototype, Scriptaculous, Dojo Toolkit, YUI, y más.

Notimoo: Notificaciones a lo Growl



mootools growl Notimoo: Notificaciones a lo Growl

Si sos usuario de Mac OS X, lo más probable es que conozcás el notificador de eventos Growl, más que nada porque es el mejor que existe y encima es gratuíto.

Pues bien, su homónimo para ser implementado con MooTools es Notimoo, un notificador que cumple su función y que permite a los fans de esta librería el no tener que pasarse a jQuery, librería que engloba la mayoría de plugins ‘a lo Growl’.

Podes darte una vuelta por su web y descargarlo para hacer pruebas o directamente para usarlo.

Booking Calendar - Plugin WordPress para reservas online



brookin-reservas.jpg

Booking Calendar es un interesante plugin para Wordpress que nos permite administrar un gestor de reservas online, y añadir un formulario exclusivamente para que se generen las reservas. El plugin es realmente muy interesante y puede sacarlos de muchos apuros si se encuentran desarrollando algún proyecto que ete relacionado con hoteles, u otro donde las reservas no puedan pasar por alto. Booking Calendar esta disponible en 2 versiones, una versión FREE, limitada en funcionalidades, y una versión comercial a un precio de $99. La versión gratuita está limitada en algunas configuraciones, pero será más que suficiente para algunos proyectos.

Google Closure, Google nos ayuda a optimizar nuestro Javascript

Google nos ofrece sus herramientas para optimizar Javascript mediante una serie de componentes que podremos usar desde nuestras aplicaciones. Con ellas podremos conseguir aplicaciones muy ricas en Javascript y rápidas como gMail, Google Docs o Google Maps.

Closure Compiler


Se trata de un optimizador de código que hará nuestras aplicaciones más ligeras y compactas, haciendo que el código redundante, al igual que los espacios en blanco, comentarios y demás desaparezcan de nuestro código.

El rediseño completo, simple pero efectivo de la W3C



Captura de pantalla 2009-10-14 a las 07.52.24

El sitio de la organización del W3C ha sido rediseñado, la W3C es el consorcio de desarrolladores encargados de desarrollar y establecer los estandares web actuales a los cuales los diseñadores web poco a poco nos apegamos mas para respetarlos y contruir mejores sitios y aplicaciones web, que cumplan estandares y sean mas amigables para los usuarios y visitantes.

Botones de acción en diseño web, ejemplos y tecnicas



traffik_showcase

Los botones de acción en las paginas web donde se promociones un software, servicios, producto y especialmente en las tiendas en linea son un elemento que debería ser considerado de una manera muy especial, no confundan este hecho con hacer un diseño extravagante para este boton, no son cosas distintas, existen muchas maneras de llamar la atención de nuestro visitante hacia un elemento especifico.

  • Espaciado
  • Contrastes

Son las mas basicas sin irse muy lejos, la mas efectiva es el contraste de colores, en Smashing Magazine han recopilado una serie de ejemplos de diseño de botones de acción con sus respectivas notas del porque usarlos de esa manera y claro algunos consejos y tecnicas para usar adecuada mente estos elementos dentro de tu diseño, el articulo como sabran viene en ingles pero vale la pena checarlo incluso siendo un poco intuitivo con solo ver las imagenes de los ejemplos de botones de acción se podrían dar una idea de a que me refiero.

Enlace: Call to Action Buttons: Examples and Best practices

CSS Awards para encontrar mejores diseños con CSS



css_awards

CSS Awards es un sitio relativamente nuevo donde podrias encontrar los mejores diseños CSS de paginas web, es un galeria mas pero muy buena y que empieza con excelentes selecciones de diseños web, el diseño del sitio es bastante atractivo y también seleccionan mensuamente al mejor sitio de la colección, también se hace la rifa mensual de premios en este mes se ofrecio como premio un iPod Nano el cual lo recibira el ganador del CSS Awards del mes.

También hay selección del sitio del día, mucho trabajo para estos chicos espero todo este automatizado, en fin un excelente lugar para encontrar inspiración antes de sentarse a diseñar un sitio web mas.

Enlace: CSS Awards

Cheat Sheet para jQuery

jQuery es uno de los frameworks de javascript mas famosos de la red y no es para menos, es una excelente opción para integrar y mejorar la funcionalidad y usabilidad de nuestros sitios web, si aun no lo haz utilizado te estas perdiendo de una gran ayuda, si quieres empezar a utilizarlo te vendria bien este documento de jquery que lista todas las funciones utiles de este framework javascript, espero les sea de utilidad este cheat sheet de jquery.
Enlaces: jQuery Visual Cheat Sheet | Descargar Cheat Sheet jQuery

Librería PHP para Google Analytics

Librería PHP que nos permite obtener los datos de Google Analytics tipo Visitas y Páginas Vistas de forma muy sencilla y cómoda:
//session_start for caching, if desired
session_start();
//get the class
require 'ga/analytics.class.php';
//sign in and grab profile
$analytics = new analytics('david@davidwalsh.name', 'myP@ssw0rd');
$analytics->setProfileByName('davidwalsh.name');
//set the date range for which I want stats for (could also be $analytics->setDateRange('YYYY-MM-DD', 'YYYY-MM-DD'))
$analytics->setMonth(date('n'), date('Y'));
//get array of visitors by day
print_r($analytics->getVisitors());
//get array of pageviews by day
print_r($analytics->getPageviews());

Google Analytics PHP API class

Google pretende indexar AJAX

Aunque es de hace unos días la noticia, ni me había enterado. Google pretende hacer crawlable las páginas basadas en AJAX, para que sus páginas sean accesibles por los resultados de búsqueda.

Lo que pretende es que tanto los usuarios como los motores de búsqueda puedan ver el mismo contenido, incluso que te lleve a la URL Ajax y no a una copia estática. Del mismo modo, el diseñador podrá comprobar que todo su contenido se indexa y que se reproduce correctamente.


Desgraciadamente, Google ya nos indica cómo debemos realizar nuestro AJAX para que podamos tenerlo indexado en Google, por lo que al final lo deberemos hacer tal y cómo ellos lo piden para que no nos penalice por temas de SEO y esas cosas.


Aquí nos dejan una presentación: http://docs.google.com/present/view?id=dc75gmks_120cjkt2chf


A proposal for making AJAX crawlable

Librería PHP para leer y escribir EPUB (eBooks)


Los libros electrónicos cada día están más de moda, y EPUB parece ser que será el formato que se convertirá en estándar para estos libros, algo que debemos tener en cuenta los desarrolladores para realizar exportación a este formato.


OPL's EPUB library nos permite leer, escribir y editar los ficheros EPUB, la cual podemos usarla para crearnos un plugin de WP y exportar nuestras entradas o exportar los contenidos de nuestra web en este formato.


OPL's EPUB library

Librería Javascript para Facebook Connect

Mμ Connect es una librería Javascript muy ligera que permite utilizar Facebook Connect desde tu web y pudiendo usar tus frameworks favoritos: Dojo, jQuery, MooTools, Prototype o YUI.

Entre otras acciones nos permite loguearnos, desloguearnos, leer y escribir y añadir amigos.

Mμ Connect

Programación en paralelo con PHP

Alguna vez es necesario realizar acciones en paralelo en nuestras aplicaciones. En PHP no es tan sencillo y a veces implica algunas complicaciones. Para aquellos que necesitan realizar estas tareas puede venir muy bien esta librería que nos facilita enormemente estas funciones.
Permite ejecutar funciones síncronas y asíncronas, control de las salidas, pasarle argumentos a los scripts y obtener la salida en HTML y PHP.

PHP-Parallel-Programming

Corrector ortográfico en PHP


No suele ser algo común que necesitemos un corrector ortográfico en nuestras aplicaciones web, pero por si alguien lo necesita, puede que este tutorial le venga bien.

Revistas en Google Books


ZZ2AFEF300.jpg

Hace algunos meses que Google Books ya incorpora revistas, por ejemplo casi 1.860 ejemplares de la revista LIFE.

Ahora han creado un listado de las revistas que podemos consultar que muestra la portada de cada una. Si hacemos clic en cualquiera de las portadas nos mostrará el último número de es revista.

247 directrices de usabilidad web

En User Focus podemos encontrar una interesante recopilación de directrices de usabilidad. Se
puede acceder a las directrices por apartado o descargar un fichero Excel que contiene la totalidad de las mismas (247 directrices).
Las directrices son muy útiles para realizar un pequeño proceso de auditoría sobre una web. Uno ha de
ver si se cumplen -si el contexto lo permite- cada una de las directrices en el sitio web. Por ejemplo, para auditar la escritura
y el contenido, deberíamos ver si se cumplen, entre otras, las siguientes directrices:

  • El texto es conciso, sin instrucciones innecesarias o notas de bienvenida.
  • El contenido ha sido creado específicamente para la web.
  • Cada página está claramente marcada con un título descriptivo y útil que tiene sentido como
    un favorito o marcador.
  • Los encabezados y subencabezados son cortos, sencillos y descriptivos.
  • Los enlaces y los títulos de los enlace son descriptivos y predictivos, y no hay vínculos como "haga
    click aquí!".
  • El contenido ha sido creado específicamente para la web (las páginas web no se confeccionan mediante material
    reutilizado y procedente de publicaciones impresas, como folletos).
  • El hipertexto ha sido adecuadamente utilizado para estructurar contenidos.
  • Los nombres de enlace coinciden con el título de las páginas de destino, para que los usuarios sepan cuando
    han llegado a la página deseada.
  • Las palabras, frases y conceptos utilizados son familiares para el usuario típico.
  • Los acrónimos y abreviaturas se definen cuando se utilizaron por primera vez.
  • Las páginas usan, de modo preferente, viñetas y listas numeradas en lugar de texto narrativo.

247 web usability guidelines

Resumen de bordes redondeados


CapturaDePantalla 2009-11-05 a las 20.20.03

A la hora de crear bordes redondeados para nuestra web, lo mejor sin duda alguna es utilizar CSS3 y las propiedades border-radius específicas de cada navegador, pero como bien sabras, no todos permiten CSS3 y hay gente que aún utiliza algunos como Internet Explorer 6 o 7 que nos hacen la vida más complicada.

Si buscás una forma de hacer que todos funcionen en todos los navegadores, mi recomendación es que te des una vuelta por SmileyCat, donde se han currado una pedazo de lista increíble recopilando todos los métodos y las compatibilidades.

Desde aquí mis felicitaciones a los redactores que se lo han trabajado, porque es un resumen extenso que a muchos nos ha dejado las cosas claras.

Enlace | SmileyCat

Photo Booth, integrando una webcam


photo booth Photo Booth, integrando una webcam

Con nombre de programa de Mac se presenta esta aplicación hecha en Flash que nos va a permitir integrar una webcam en nuestro sitio web.

Obviamente los usos son variados, pero lo más lógico es que por ejemplo lo usáramos para que el usuario tome una foto de sí mismo para utilizarla como avatar de usuario o algo por el estilo, pero como bien digo, eso es cosa de cada uno.

La aplicación es totalmente gratuíta y funciona a las mil maravillas, como se puede comprobar en esta demo.

Pluralink, cambiando el comportamiento de los enlaces


CapturaDePantalla 2009-11-08 a las 19.31.55

Desde los inicios de las páginas web, cuando se enlaza a un sitio mediante una etiqueta <a> lo normal es que pinchemos en ese sitio y vayamos allí, pero eso a veces puede resultar caótico de hacer si tenemos varios links que mostrarle al usuario.

Pluralink soluciona eso de una manera rápida y sencilla. Si lo integramos en nuestra página, podremos indicarle cuantos links queremos en el minimenú que se desplegará cuando hagamos clic sobre el link en cuestión, algo cómodo para algunas situaciones.

Eso sí, lo mejor sin duda es echarle un ojo a la demo y entender el funcionamiento, y si os vale para algún proyecto, mejor que mejor.

Enlace | Pluralink (demo+descarga)

CSS Chart Generator - Graficos de Barras en segundos


csschat.jpg

CSS Chart Generator, un práctico generador de gráficos de Barras en CSS. Con esta interfaz es realmente simple crear diseños gráficos en cuestión de segundos. Simplemente debemos configurar algunos parámetros como el color de las barras, tamaño, los títulos de los ejes X e Y, color de fuente, fondos y muchas características más. Una vez que hemos realizado la configuración deseada, es fácil de implementarlo a nuestro blog; Solo deberemos copiar el codigo que se nos genera y pegarlo en las secciones que deseamos mostrar nuestra grafica. Muy facil.

Añadir marcadores sociales a sus themes wordpress de forma manual.


linksocial0.jpg

Si en algún momento han deseado añadir marcadores sociales a sus plataformas wordpress, pero personalizados por ustedes mismos, sin la utilización de plugin, créanme que nos es nada complicado, y a continuación podrán leer dos artículos que los ayudara a entender cómo hacerlo.

20 plugins Wordpress para transformarlo en un poderoso CMS


20plugin.jpg

En estos últimos años, creo que todos hemos ido aprendiendo juntos, la poderosa herramienta que puede ser wordpress para nuestros proyectos. Su fácil adaptación, su simple actualización, sus innumerables opciones, han sido algunos de sus puntos fuertes, para que se convierta en lo que es hoy. Claro que siempre hay nuevas formas de mejorar aun más nuestros proyectos, en esta oportunidad, no puedo dejar de lado una fabulosa lista de plugin realizada por Francesco Mugnai, 20 extraordinarios plugin para transformar tu wordpress en un poderoso CMS y facilitarte muchas tareas.

Enlace The top 20 plugins to transform Wordpress in a CMS by Francesco MugnaiAlgunos de los Plugin:

MooTools nos pide que actualicemos nuestras librerías

MooTools nos pide que actualicemos nuestras librerías: La gente de MooTools publica en su blog una entrada para recomendarnos que actualicemos las versiones 1.1.2 y la versión 1.2.4.

El motivo, la desaparición de el método document.getBoxObjectFor en Mozilla Firefox 3.6.

La última versión de Gecko, elimina este método y afectará directamente a la versión 1.1.2 de MooTools ya que se usa en dos casos concretos:
  • Event.relatedTarget: Identifica el target de cualquier evento. Esta propiedad se usa en muchos sitios del framework.
  • Evento MooseWheel: Firefox identifica el evento usando 'DOMMouseScroll' en lugar 'mousewheel'

Por este motivo nos informan de que tenemos la actualización de las dos versiones disponibles para descargar y reemplazar las que usamos actualmente.