CSS Sprites es una técnica que permite ahorrar el número de peticiones HTTP y reducir el consumo del servidor, agrupando todas las imágenes de una página web en un solo gráfico, y mostrándolas en pantalla mediante código CSS.

CSS-Sprit.es nos permite realizar este proceso de forma muy sencilla. Podemos subir varias imágenes, unificarlas y generar automáticamente el código CSS y HTML necesario para mostrarlas de forma individual en pantalla. Además dispone de una opción llamada “Hover Image Processing” que nos permite crear un efecto en la imagen (desaturar, invertir, sepia…), que se mostrará al situarnos con el ratón encima.

Google también hace uso de los CSS Sprites. Si realizamos una búsqueda, nos ponemos encima del logotipo y seleccionamos “Ver imagen” aparecerá algo como esto:

Fuente | Chica Blogger

Convert Hub es una web que permite convertir de formato archivos gráficos y realizar algunas operaciones básicas de edición.

Para convertir tenemos que especificar la imagen desde una URL o subirla desde nuestro ordenador. Los formatos de salida disponibles son: PNG, BMP, JPG, GIF, ICO, EPS, PS, TIFF, TGA y texto + HTML para crear una imagen compuesta por caracteres ASCII. Para confirmar la operación debemos de pasar un pequeño código de validación y pulsar el botón: “Convert“.

Otras utilidades de la web son:

• “Image Resizer“: Escala o cambia el tamaño de una imagen.
• “Image Flipper“: Gira una imagen en la dirección que elijamos.
• “Color Inverter“: Invierte los colores de una imagen.
• “Image Rotator“: Inclina y sesga imágenes dependiendo de los grados introducidos.
• “HTML to PDF Converter“: Convierte una página web a formato PDF.

Fuente | 140 Geek

Hace unos días os mostramos un generador de esquinas redondeadas llamado Rounded Cornr, este que os mostramos hoy: Rounded Corner Generator, viene con la novedad de funcionar además en Opera, gracias a la inclusión de código SVG. (aunque con Internet Explorer no funciona).

Podemos modificar el radio de todas las esquinas a la vez o hacerlo por separado, cambiar el color de fondo de la caja, y el ancho / color del borde. Sin necesidad de pulsar ningún botón, a la derecha se irán generando 3 códigos fuente, asociados a nuestras preferencias: CSS, SVG y CSS con SVG, que podremos implementar en nuestra página web.

Más información sobre esta técnica en el blog del autor.

Fuente | ixenia

PDFmyURL es una aplicación que permite fácilmente convertir una página web a formato PDF.

Solamente tenemos que introducir la dirección y pulsar “Intro” o el botón de enviar. En unos segundos el navegador nos devolverá el archivo PDF para guardar en nuestro disco duro.

Si disponemos de un sitio web personal, podemos hacer uso del servicio y ofrecer a los visitantes la descarga en PDF de cada página, añadiendo como parametro a la URL la dirección. Ejemplo: http://pdfmyurl.com?url=www.ixenia.es.

Por último disponemos de un bookmarklet, que una vez añadido a favoritos nos convertirá en PDF la página que estemos visitando.

Fuente | DownloadSquad

RoundedCorn es un recurso que les permitirá a los diseñadores de páginas web, crear cajas con esquinas redondeadas de forma sencilla.

Hay 4 modelos disponibles:

• “Basic RoundedCornr“: caja básica con esquinas redondeadas.
• “RoundedCornr with Gradient“: caja con esquinas redondeadas y un color gradiente.
• “RoundedCornr with Border“: caja con esquinas redondeadas y bordes.
• “Single RoundedCornr Image“: caja con un sólo archivo GIF, que incluye esquinas redondeadas, bordes, color gradiente y el texto que especifiquemos (puede servir para hacer botones).

Cuando generemos una caja, se mostrará el código HTML, el CSS y los gráficos necesarios. Solamente tendremos que guardarlo en nuestro ordenador, enlazar el CSS y ejecutar el archivo HTML.

Fuente | Pixelco

ASCII Art es una utilidad que permite convertir imágenes o textos a caracteres ASCII, listos para pegar en cualquier editor de texto.

Desde el apartado: “Image to ASCII” podemos especificar la URL de una imagen hospedada en Internet para convertirla en caracteres ASCII. Se puede configurar la calidad y el tamaño, y mostrar la salida en HTML con o sin color.

Como curiosidad si pegamos la url del logotipo de Google y especificamos calidad 1, tamaño 1 y color activado, la copia es exacta. Eso sí… el HTML resultante ocupará: 362 kb.

“Text to ASCII” permite crear vistosos títulos introduciendo una cadena de texto. Tenemos disponibles más de 50 tipos de letra y de nuevo la posibilidad de generar un HTML. Este tipo de textos se pueden usar para firmas en foros, separar secciones en archivos de texto…

Fuente | MakeUseOf

Instant SQL Formatter es el nombre de la versión online del programa SQL Pretty Printer, que permite dar formato a consultas SQL con el fin de que resulten más comprensibles a la hora de visualizar el código fuente.

Para comenzar tenemos que elegir un tipo de base de datos: MS ACCESS, DB2, MSSQL, MySQL, Oracle/PLSQL o genérica y después tenemos que seleccionar la salida, hay varios lenguajes de programación como PHP, ASP, JAVA o C y varias opciones para convertir la consulta en HTML y poderla difundir desde una web, también disponemos de varias opciones para formatear la salida con más precisión.

En cualquier momento podemos modificar las opciones y pulsar el botón: “Format SQL” para ver los cambios sin necesidad de recargar la página, cuando tengamos la consulta formateada a nuestro gusto, pulsando “Copy formatted SQL To Clipboard” podremos copiarla y pegarla en nuestro editor de texto de forma más legible, si hemos elegido la salida en HTML debajo de la consulta formateada aparecerá el código para pegar directamente en una web, blog, foro, etc…

Fuente | ixenia

Hay muchas páginas para averiguar nuestra IP pública, datos del navegador y sistema operativo que usamos, FindMeByIP es una más de ellas, pero contiene una novedad, y es que permite archivar los datos de otros usuarios con el fin de colaborar a solucionar problemas.

Nada más entrar en la web se mostrará la siguiente información de nuestro equipo: IP, datos del navegador, datos del sistema operativo, soporte de las últimas características de CSS / HTML 5 e información sobre nuestra localización.

Si nos registramos en el servicio nos haremos con una dirección del tipo: http://www.findmebyip.com/Jose que podremos compartir con otras personas. Cuando alguien la visite, la información de navegador, IP, etc… de ese usuario quedará grabada en nuestra cuenta y así podremos ayudarle a solucionar algún problema que pueda tener con su ordenador, además nos llegará un correo con el aviso para acceder al informe.

Para que todo quede más ordenado en el área privada, tenemos la opción de añadir un nivel más a la URL. Por ejemplo si queremos ayudar a Mario a corregir algún problema en su equipo, le pasaremos la dirección: http://www.findmebyip.com/Jose/Mario y su informe aparecerá asociado a la etiqueta del nombre.

Fuente | Punto Geek

HTML to PDF Converter es de esas pequeñas aplicaciones que nos hacen la vida informática más sencilla. Es un servicio que hace lo que su título promete, convierte páginas web de HTML a PDF, no necesitas instalar ninguna aplicación en tu ordenador, gratis y sin registro. Simplemente introduces la URL de la web y en unos segundos el servidor te la devolverá convertida a PDF, así de simple.

Fuente | MakeUseOf

AudioPal permite generar un audio y reproducirlo en una página web. Podemos crearlo de las siguientes formas:

• Grabando el mensaje por teléfono.
• Convirtiendo de texto a voz (TTS), se incluyen varias voces en español.
• Grabando con el micrófono.
• Subiendo un archivo de audio (MP3).

Una vez asociado el audio, podemos probarlo con el reproductor que nos ofrece la web, si todo es correcto introduciremos nuestro correo y seguidamente nos llegará un enlace que nos enviará a una página donde aparecerá el código fuente en formato Javascript, HTML y Flash para insertar en nuestra web y opciones para enviarlo a redes sociales.

Fuente | TecnoPassion