7 estilos para tus check boxes

¿Algunas vez has visto unos check boxes diferentes a los que sueles ver? Sea este tu caso o no, te presento 7 formas de “customizarlos” para que tengas los mejores formularios de la web. 

Filament Group Filament Group

Basado en jQuery, diseño atractivo, están trabajando para agregarle un efecto visual para los enfoques por teclado.

Ryan Fait Ryan Fait

Estilo wine MAC, está hecho con JavaScript puro sin ningún uso de frameworks populares.

Widow Maker Widow Maker

Un diseño inspirado en los widgets de los móviles con pantallas táctiles, al estilo Android o el iPhone.

No Margin For Errors No Margin For Errors

Un diseño simple y escrito como plugin para jQuery.

flog.co.nz Flog

Visualmente no parece el mejor, pero tienen una demo con diferentes usos que podrían darte muchas ideas.

Aaron Weyenberg Aaron Weyenberg

Muy creativo y diferente a lo que comúnmente han visto, miren la demo para que vean de lo que estoy hablando.

Chris Erwin Chris Erwin

Que sea este el último no quiere decir que este sea el peor, personalmente me gusta bastante. Lo único que no me gusta es que no está llevado como plugin a jQuery.

¿Y a ti, cuál te gusta más? o ¿conoces a otras maneras de poner los check boxes originales? Déja tu opinión en los comentarios.

Top 10 – Páginas criollas – Junio 2009

Este es el top 10 de páginas criollas (de República Dominicana) para Junio 2009.

Los datos y parámetros considerados para realizar este top son proveidos por Alexa. El top es realizado según las visitas de usuarios únicos desde la República Dominicana a sitios criollos.

Si tienes alguna duda puedes escribirme en los comentarios.

14 maneras de mostrar fechas de posts

A veces nos sucede que no sabemos como mostrar las fechas de nuestros artículos o posts. Aquí les presento 14 maneras inspiradoras de mostrar las fechas de publicación de artículos.

Learning jQuery Learning jQuery

Este blog tiene una forma muy creativa de desplegar las fechas. De hecho, ha sido mi fuente de inspiración para mariuzzo.com. Este está  basado en la manipulación de imágenes con la conocida técnica de manipulación de sprites en CSS.

Web Designer Depot Web Designer Depot

Una forma sencilla y diferente de mostrar fechas. Da la impresión que las fechas están fuera del contenido, de seguro el diseñador estaba ‘pensando fuera de la caja’ como se menciona en The Management.

Blog Theme Forest In the Woods

Diseño clásico de mostrar las fechas al pie de cada artículo. In the Woods suele desplegar la fecha de publicación de sus artículos junto al enlace de los comentarios y otras informaciones relevantes.

Mariuzzo Mariuzzo

El diseño es una liga de la técnica utiliza en ‘Learning jQuery’ con el estilo de ‘Web Designer Depot’. Ni más ni menos. Es un ejemplo de manipulación de sprites en CSS y ‘pensar fuera de la caja’.

http://garcya.us/blog/ Garcya.us

Estructura similar a Mariuzzo. Sin embargo utiliza los colores para contrastar las partes relevantes de las fechas. También tiene en el fondo un diseño vectorial que le agrega estilo.

Web Design Blog by Smiley Cat Web Design Smiley Cat

Diseño sencillo basado en texto. La fecha estar dentro de los márgenes del contenido del diseño formando parte del título de cada artículo.

A List Apart: A List Apart A List Apart

Muy simple, lo que lo hace diferente es su posición encima de los títulos de cada artículos. Está centrado y delimitado por un borde en CSS.

Meyer Web Meyer Web

Otro diseño no muy espectacular pero diferente. Está alineado a la izquierda y debajo del título de cada artículo.

Snook.ca Snook.ca

El diseño de este web site es totalmente original. Y el formato de fecha está adaptado a su estilo. Está alineado a la derecha de los títulos y tiene una apariencia 3D.

Particletree Particletree

Formato adecuado para blogs que no suelen publicar muchos artículos durante un mes. Particletree solo muestra el mes y el año en un caja donde una de las esquinas opuestas son redondas.

Design blog by COLOURSlovers Design blog by COLOURlovers

Siguiendo el patrón de In The Woods, COLOURlovers coloca la fecha de publicación de los artículos de su blog al pie de página junto al enlace para comentarios y algunos widget de redes sociales.

Kris Colvin Kris Colvin

Diseño muy original de mostrar las fechas sobre una tapa metálica de botella de soda. Está en armonía con los demás elementos de su web site. Esto nos da la idea de que no hay límites para mostrar nuestras fechas.

Matt Mullenweg Matt Mullenweg

Julien Morel es el diseñador de este web site, y realmente sabe como llamar la atención en cuanto a detalles pequeños como mostrar las fechas de los artículos en el blog de Matt Mullenweg. El diseño es totalmente genial.

Abduzeedo Abduzeedo

Solo texto para desplegar la fecha junto al autor y debajo del título de los artículos. Una forma diferente de mostrar fechas donde no se quiere llamar mucha la atención.

Con estas muestras podemos aprender que podemos poner una pizca de originalidad a nuestros blogs con tan solo prestar atención en detalles más pequeños como las fechas de publicación de nuestros artículos.

¿Y a ti cuál te gusta más? ¿Conoces otros? ¡Coméntalo!

Introducción a jQuery: Capítulo 2, Selectores en jQuery

Selectores

Esta semana he concluido con el segundo capítulo del curso de Introducción a jQuery. Me he basado en la documentación oficial para realizar este capítulo y en mi experiencia personal espero saber su opinión mediante los comentarios.

Enlace a Capítulo 2, Selectores en jQuery.

Logo de Eclipse Galileo

Eclipse Galileo Logo

En las computadoras que utilizo, suelo decorar los íconos de las aplicaciones que más utilizo con un logotipo que las identifique de manera clara. Cuando vi el anuncio de Eclipse Galileo me gustó mucho las fuente que utilizaron, entonces comenzé a buscar el nombre de dicha fuente. Oportunamente la encontré y junto a un logo de Eclipse que ya tenía hice un logo para esta aplicación. Ahora la puedo utilizar en el StarDock o como ícono en Ubuntu.

Aunque es un logotipo sencillo, puedes ver el resultado en este enlace: Logo de Eclipse Galileo (png 256×256).

Para los curiosos, la fuente utilizada para escribir “Galileo” es “Scriptina” la cual puedes conseguir gratis en 1001 free fonts. Y si haces un logo que quieras compartir, puedes utilizar los comentarios.

¡Llegó Eclipse Galileo!

Eclipse Galileo

Cada año, al final del mes de junio, la fundación Eclipse lanza su famoso IDE (Entorno de Desarrollo Integrado). Hoy han anunciado la nueva versión para este año denominada Eclipse Galileo, que ha sido probada durante las semanas pasadas por un sin número de voluntarios de todas partes del mundo.

Esta nueva versión se centra en tres enfoques: 1) Expander la adopción de Eclipse a nivel empresarial, 2) Innovación de la tecnología de modelado de Eclipse y 3) Adelanto en la tecnología del runtime de Eclipse (EclipseRT). Las características que considero más importantes para esta versión son:

  • Soporte de PHP 5.3 con PDT 2.1.
  • Analizador de consumo de memoria de aplicaciones Java con MAT.
  • Edición y depuración de archivos XSL con XSL tooling.
  • Mejoras en reportes de productividad y desempeño con BIRT.
  • Actualizaciones de Equinox para soporte de último draft de OSGi.
  • Incremento en la velocidad y sólidez del sistema base de Eclipse.

Ya he descargado el software y lo probaré en los próximos minutos. Si quieres saber más información visita la página oficial del proyecto de Eclipse Galileo o lee la nota de prensa (en inglés). Y dime qué piensas sobre esta versión en los comentarios.

Google Code Playground

Google Code Playground

Recientemente, mientras leía la documentación sobre Google AJAX Libraries API para realizar el primer capítulo de la introducción de jQuery, noté que Ben Lisbakken de Google creó una herramienta que facilita hacer pruebas de códigos escritos en JavaScript. Esta herramienta llamada Google’s Code Playground está orientada principalmente a las API provista por Google, ofreciendo ejemplos prácticos para comprender su funcionamiento. Sin embargo, se puede probar cualquier código que no esté orientada a las librerías de Google.

Las características de Google’s Code Playground son:

  • Break points.
  • Integración de Firebug Lite.
  • Colorido de código.
  • Líneas de códigos.
  • Ejemplos.
  • Edición de HTML y JavaScript.

Pruébalo y déjame saber tu opinión, página de Google’s Code Playground.

Introducción a jQuery: Capítulo 1, Mi primera línea de código

Introducción a jQuery, capítulo 1, mi primera línea de código

Hoy he concluído con el primer capítulo de ‘Introducción a jQuery’ puede verlo en la sección de cursos.

Enlace a Capítulo 1, Mi primera línea de código.

Diferencias entre atributos ID y CLASS

ID vs CLASS

Si eres de los que han pensado que el atributo ID y el CLASS son iguales, este artículo tiene la intención de mostrar la diferencia que hay entre estos dos atributos HTML. Pero primero veamos qué son.

Leer artículo completo »

Google para “Hackers”

Google para Hackers

Por lo general cuando hago búsquedas en Google prefiero ver los resultados en inglés, por lo cual tengo que acceder a las preferencias a cambiar el idioma. Al hacer esto, noté que habían idiomas fuera de lo común como “hacker” y “lenguaje pirata”. Pruébenlo es curioso.