| |

Usar la API de Google para obtener bordes redondeados

ByLuis

Para aquellos que necesiten crear gráficos con bordes redondeados y no sepan de editores gráficos, la API de Google roundedcorners le puede venir muy bien para obtener las imágenes necesarias.
roundedcorners.png
Tan solo es necesario llamar a un URL para obtener la imagen. Teniendo en cuenta que el parámetro c de la url indica el color de la esquina (RGB o RRGGBB), bc el color de fondo, h la altura, w el ancho y a el tipo de esquina que debe generar (tl para arriba a la izquierda, tr para arriba a la derecha, bl para abajo a la izquierda, br para abajo a la derecha).
Google’s own cornershop
Vía / Ajaxian

Similar Posts

| |

Google Adsense API

ByLuis

google-adsense.pngAunque ya hace tiempo hacíamos referencia a la noticia de la existencia del API para Google Adsense, hoy tenemos que comentar que el API ya está listo para su uso.
Con la nueva API para Google Adsense, podremos crear cuentas desde nuestro propio sitio y mostrar publicidad de las cuentas que se hayan creado, manejar las cuentas y ver informes de ganancias y rendimiento de la publicidad.
Sin necesidad de salir de nuestro sitio podremos crear y manejar cuentas, personalizar e implementar unidades y enlaces a unidades de publicidad de Adsense para contenido, y referencias para productos como Google AdWords y Firefox, y generar informes sobre URL y canales.
Pero entre las mejores opciones que nos ofrece, nos encontramos con la posibilidad de compartir las ganancias mediante el programa Revenue Sharing.
(Gracias José Luis por el aviso)
Google Adsense API
Vía / Inside AdSense

Google lanza Google Académico

ByLuis

Google AcadémicoGoogle ha lanzado la versión en español de Google Scholar, Google Académico, el cual permite buscar bibliografía especializada de fuentes como estudios revisados por especialistas, tesis, libros, resúmenes y artículos de fuentes como editoriales académicas, sociedades profesionales, depósitos de impresiones preliminares, universidades y otras organizaciones académicas.
Una buena noticia para los usuarios de habla hispana de Google, pues parecía que algunas herramientas solo iban a estar disponibles en inglés. Aún estoy esperando que en GMail saquen funcionalidades que no están disponibles cuando pones el idioma español, el botón de suprimir (un simple botón) ha tardado mucho en aparecer.
Google Académico
Vía / Cyberlatam

| |

Elemento CANVAS en HTML

ByLuis

CANVAS es un elemento no estándar que permite dibujar gráficos directamente sobre el HTML. Inicialmente lo implementó Apple para Safari, pero ahora es WHATWG quien se encarga de su estandarización.

Al no ser un estándar, se han levantado voces en contra de ello, sobre todo existiendo el SVG que realizaría la misma función. La cuestión sobre cual es más correcto, si el SVG o CANVAS, es algo de lo que ya se ha tratado y aunque en ambos casos se puede hacer lo mismo, parece que el SVG gana por ser un estándar y sobre todo cuando se quiere que haya interacción con el usuario, aunque CANVAS sea más útil a la hora de dibujar.

Más información

Ejemplos

|

Crear botones de suscripción con Photoshop

ByLuis

Puede que alguna vez te hayas preguntado cómo hacer uno de esos “minibotones” que aparecen en algunos sitios indicando la suscripción RSS, pues es tan sencillo como dar tres pasos en photoshop.
Creamos un archivo nuevo de las dimensiones deseadas, yo para el ejemplo uso una imagen de 22 pixels de ancho por 11 de alto.
Elegimos los colores que vamos a usar, en este caso he escogido dos tonos de naranja, #E39207 y #FFAE00
Seleccionando el color más oscuro, trazamos un borde de 1px de ancho por toda la imagen, seguidamente seleccionamos la herramienta de borrado y quitamos 1px de cada esquina dejando una imagen como esta border-rss-01.gif
El siguiente paso será hacer una selección de toda la parte interior del recuadro y realizar un degradado desde el extremo superior de la imagen hasta el extremo inferior gradient-rss-01.gif
Solo nos queda añadir el texto, lo hemos hecho píxel a píxel, y tendremos un atractivo botón para decorar nuestra web. button-rss-01.gif

| |

Recursos para crear bordes redondeados

ByLuis

nifty.pngPara aquellos que quieran usar bordes redondeados y no se vean capaces de hacerlo, pueden usar varias herramientas.

Una de ellas, es Nifty Corners Cube. Sólo se necesita importar un script, importar una hoja de estilos y realizar una llamada Javascript.

Otra opción, quizá más sencilla y que nos gusta especialmente, es el generador de cajas de bordes redondeados de los catalanes de Neurotic Web. Solo tienes que elegir los colores y te genera automáticamente el código CSS y XHTML. Después subes las imágenes a tu servidor cuidando que la ruta del código de las imágenes en la CSS coincida y listo.

Y por último, Spiffy Corners, el más reciente en aparecer. Otro generador que te lo da todo con la novedad de que no incluye javascript ni imágenes para los bordes redondeados.

Para conocer otras opciones, un post a estas alturas ya muy leído pero que quizá no conozcas: CSS Rounded Corners ‘Roundup’.

|

Palette Grabber: obtén la paleta de colores mediante Firefox

ByLuis

Palette Grabber es una extensión para Firefox que nos permite obtener los colores de una página web y exportarlos a un archivo para su posterior utilización.
pallettegrabber.png
El formato más sencillo al que exporta los colores es un fichero de texto con los componentes RGB de cada color en formato decimal. Pero lo que más nos puede ser útil es que lo exporta a formatos de paleta de colores de Adobe, Flash, Paintshop Pro, GIMP y Adobe Fireworks.
Esta herramienta la veo muy útil para cuando te mandan hacer un prototipo de alguna página nueva y hay que basarse en un diseño que no es tuyo, por lo que no tienes el original sobre el que se trabajó.
Palette Grabber