GRSites, para crear botones

En GEM@BLOG describe el generador de botones GRSites una página que casi pasa desapercibida pero que cuando la conoces la guardas seguro en tus favoritos.

Para crear los botones podéis acceder seleccionando Colored Button o Textured Button. Luego seguimos los pasos que nos marcan en cada una de las opciones (tipo de botón, tamaño, texto, texturas, sombreado, color, efecto, etc). Si tenemos algún color o textura la podemos añadir subiéndola desde nuestro PC. Cada uno de los apartados dispone de muchas opciones. Los efectos van desde el sombreado y relieve pasando por un efecto flotante muy atractivo.

Enlace digno de figurar en nuestros favoritos sin lugar a dudas

ImageFromText, transforma textos en imágen

En el blog WW WHATS NEW encuentro la aplicación muy sencilla ImageFromText, pero que puede servirnos de la misma forma que tenemos que evitar escribir nuestra dirección de email en la web si no queremos recibir emails sobre ofertas de viagra, hay textos que nos puede interesar divulgar sin dar la oportunidad de que sea capturado por algún programa del lado oscuro de la fuerza.

Nos permite transformar en imágen cualquier texto introducido. El resultado puede ser personalizado en tamaño, color y tipo de fuente para que lo incluyáis en vuestro site a partir de la url que dejará disponible. Es ideal para textos cortos a modo de botones…

Crea tus botones de agua online

AlmiuX en ZONA MASTER menciona una buena utilidad, me refiero a Glassy Buttons, una herramienta online, que nos permite crear botones de agua, de una manera rápida.

Podemos personalizar el tipo de letra, color, tamaño, diseño, hasta poder subir la fuente de tipografía que queramos.

Y por último el trabajo puede ser descargado en ZIP, en diferentes formatos, jpg, gif y png.

Button Generator, generador de pequeños botones

En XYBERNETICOS nos muestra a Button Generador que como su nombre indica es una pequeña aplicación online para generar pequeños botones, es muy sencilla de utilizar y se consigue con los pasos siguientes:

1. Tecleamos el texto deseado para el botón.
2. Seleccionamos entre unos cuantos iconos el que nos interese.
3. Seleccionamos “Preview” para ver como quedara y si el resultado nos agrada, seleccionamos en “Generate Button” para comenzar a descargar la imagen a nuestro ordenador.

Lástima que no podamos seleccionar otra tipografía, pero al menos terminas un botón en menos que canta un gallo..

CSSCREATOR, un generador de botones

En GEMA BLOG, nos presenta un sencillo generador de botones CSS, en primer lugar tenemos CSS Banner Generator se trata de un generador de banners y también CSS Button Generator para la creación de botones. Ambas son muy parecidos y pertenecen a CSSCREATOR, al finalizar nos crea el código listo para añadir a la barra de botones de tu blog, incluido el enlace a nuestra página.

Ejemplo del banner:

Colección de bonitos botones

Encuentro en XYBERNETICOS una buena colección de botones y los diseños son bastantes diversos, con diferentes tonos, tamaños y demás. Sin duda encontraras alguno que encaje con lo que necesitabas. Solo tienes que ir al enlace: Button Collections.

Son más de cien «botones web» recolectados de diversos sitios para inspirar a cualquiera que necesite diseñar su web. Digo lo de inspirar dado que probablemente habría que conseguir el permiso de los autores originales para usarlos. También hay unos enlaces interesantes a Botones de Descarga, ideas sobre Botones de Envío construidos con CSS y otros similares.

Barras animadas para Windows al estilo MAC

En esta ocasión XYBERNETICOS nos presenta algunas barras animadas similares a las que utiliza los de la manzana:

• RK Launcher esta barra de herramientas lo interesante es por un lado el diseño y por otro la interactividad de los iconos que aumentan de tamaño al pasar el ratón por encima y todo ello produce una sensación de suave animación muy agradable a la vista. Enlace a la Descarga Versión 0.4 beta.

• Y’z Dock esta puede ser personalizada y puedes añadir tantos accesos directos como desees con sólo arrastrarlos encima, ordenarlos mediante separadores, modificar el tamaño y posición de la barra en pantalla y cambiar algunos elementos de diseño. Incluye además tres módulos que puedes insertar en la barra si quieres: un indicador de uso de CPU y memoria RAM libre, un reloj analógico y una papelera. Enlace a la Descarga

• ObjectDock una bella barra que se comportará como la clásica de windows, mostrándote las aplicaciones y carpetas abiertas así como los accesos directos que quieras configurar, solo que utilizando un diseño agradable. El programa incorpora unos atractivos gráficos semitransparentes para cada objeto, a ello sumándole los efectos que lo harán verdaderamente atractivo. Enlace a la  Descarga

• RocketDock en esta ocasión la barra se instala por defecto en la parte superior central del escritorio para tener acceso desde ella a unas cuantas aplicaciones de Windows. El diseño es muy atractivo y los efectos de animación le dan ese plus que lo hace aun mejor. Puedes personalizarlo cambiando temas, fuentes, colores y por supuesto añadiendo o quitando iconos a placer. Enlace a la Descarga

• FlyakiteOSX no necesitas ninguna aplicación para instalarlo. El programa reemplaza iconos de sistema, realiza pequeñas modificaciones en el Registro, instala nuevos fondos de pantalla y skins y más, hasta conseguir el atractivo y brillante aspecto del sistema Mac OS X. Enlace a la Descarga

Colección de botones para que te inspires

En WEB INTENTA encontramos una buena colección de botones a un muestrario de más de 130 botones, que nos pueden servir de inspiración.

Y además de regalo hace referencia a otros proyectos similares que ya han sido citados en su blog:

• Bullet Madness: Un proyecto de StyleGala, que en su momento consiguió recopilar multitud de viñetas- Lots of user submitted bullets.
• 300 images from 1800 sites: Una colección de pequeños iconos donde encontramos imágenes de flechas, posts, comentarios, correo,…
• CSS-based Navigation: Un ’showcase’ con decenas de ejemplos de menús de navegación mediante CSS.
• 107 Cart Buttons: Botones a utilizar en tiendas online.

Como hacer botones con buena apariencia con CSS

En ZONA MASTERS, nos dan un enlace a un tutorial (en inglés), donde aprenderemos a usar una sola imagen para crear botones con diferentes estados (presionado y sin presionar) es la técnica llamada sliding doors (puerta corrediza)

Colecciones de elementos visuales: Iconos, botones y plantillas

Como no podía ser de otra manera, SmashingMagazine han publicado otro artículo Freebies Round-Up: Icons, Buttons and Templates , de los que te dejan impresionado por su enorme calidad. Este caso se trata de una recopilación de los mejores iconos, botones y plantillas para nuestras aplicaciones.

De todos es conocido que los elementos visuales del diseño pueden mejorar considerablemente la calidad de la página. Los iconos pueden llamar la atención del lector a los aspectos claves del artículo. Los botones se pueden utilizar para motivar a usuarios a algunas acciones concretas; y las plantillas son una ayuda para que los diseñadores puedan crear páginas de forma rápida. resumiendo, los elementos visuales son siempre útiles, porque pueden dar a tu contenido un aspecto visual más atractivo.

Aunque no todas las muestras se pueden utilizar para los proyectos comerciales, no obstante si los puedes utilizar en tus proyectos privados o propósitos personales. lo que si son todos es una excelente fuente de inspiración.

My Cool Button, generador de botones a lo Web 2.0

En XYBERNETICOS, como ya nos tiene acostumbrados, nos proporciona un sencillo recurso, se trata de My Cool Button, es un interesante servicio donde podremos generar de forma muy sencilla botones con estilo Web 2.0 para utilizarlos en nuestros proyectos o en donde prefieras.

Tiene una interfaz sencilla y se pueden lograr resultados muy buenos. La personalización es bastante amplia, va desde las dimensiones, la posición, el color y si bien nos provee los iconos más populares para implementar en nuestros botones también podremos subir nuestros propios iconos en formato png. Aquí te dejo una muestra:

Botones atractivos mediante CSS

En INFECTED FX, tenemos un tutorial que aunque está en alemán Keasone , es claro de entender, para crear unos botones por medio de CSS bastante atractivos usando una técnica similar a las pestañas de Sliding Doors of CSS de A List Apart.

Puedes ver un artículo similar pero en inglés en How to make sexy buttons with CSS de Oscar Alexander.

WebBadges, galería de botones para tu web

En XYBERNETICOS, encuentro un buen enlace de botones para tu web, WebBadges es una galería de botones, hay de todo un poco, de servicios web, de sistemas operativos, sistemas de publicación de contenidos, software, lenguajes de programación y demás. Están organizados por categorías. Todos están con el mismo tamaño y con el mismo estilo, por lo tanto si utilizas varios de los botones no cantaran mucho.