Hoy os traemos un CSS de un tal Michael Hüneburg que os permite displayar cómodamente combos de teclados, idóneas para manuales o instrucciones en formato HTML, típicas de “Presione CTRL + S para grabar…”

Este CSS convertirá esos textos en auténticas teclas de teclado estilo Apple Mac con teclado de aluminio, un CSS que ocupa na y menos y que por tanto podrás incorporar en tu propio CSS.

A continuación el código del CSS:

/**
 * KEYS.css
 *
 * A simple stylesheet for rendering beautiful keyboard-style elements.
 *
 * Author:  Michael Hüneburg
 * Website: http://michaelhue.com/keyscss
 * License: MIT License (see LICENSE.txt)
 */

/* Base style, essential for every key. */
kbd, .key {
	display: inline;
	display: inline-block;
	min-width: 1em;
	padding: .2em .3em;
	font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	border: none;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
kbd[title], .key[title] {
	cursor: help;
}

/* Dark style for display on light background. This is the default style. */
kbd, kbd.dark, .dark-keys kbd, .key, .key.dark, .dark-keys .key {
	background: rgb(80, 80, 80);
	background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(80, 80, 80)));
	color: rgb(250, 250, 250);
	text-shadow: -1px -1px 0 rgb(70, 70, 70);
	-moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
}

/* Light style for display on dark background. */
kbd.light, .light-keys kbd, .key.light, .light-keys .key {
	background: rgb(250, 250, 250);
	background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
	color:  rgb(50, 50, 50);
	text-shadow: 0 0 2px rgb(255, 255, 255);
	-moz-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
	-webkit-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
	box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
}

Te dejamos el enlace para la descarga: CSS teclas de teclado (74)

Hoy necesitaba un PDF de cualquier cosa, aunque lo necesitaba totalmente neutro para no desviar la atención de mi cliente, se trata de una formación sobre la aplicación de tiendas online ecOOmmerce.com, concretamente debía formar a su equipo sobre la parte de la herramienta donde podemos añadir documentos en formato PDF a la ficha de un producto.

Esta particularidad del programa de tiendas online ecOOmmerce.com permite añadir hasta 10 documentos en cualquiera de los siguientes formatos, PDF, doc, zip a la ficha completa de producto, muy útil para productos técnicos que requieran de manuales, documentación técnica adicional o planos.

Así que en un momento previo a esta formación y tras no encontrar ningún PDF más o menos o neutro en mi ordenador portátil, me he preguntado, bueno lo reconozco, directamente se lo he preguntado a la todopoderosa Google, ¿Existe algún online pdf creator? Y la respuesta ha sido: anything2pdf, y eso literalmente significa:

Cualquier cosa a PDF

Y lo cumple, es una aplicación online sencilla y de esas que te saca de un apurillo en un plis.

El sistema, de muy fácil uso, permite crear un PDF desde un documento de Word o cualquier documento bajo extensión .DOC, desde un documento de texto o .TXT, desde una imagen o desde un fichero HTML. Lo subes, un par de clics, y tachán, PDF creado.

Previo a generarlo  te permite elegir entre sus dos formas de conversión, la descarga del documento PDF o la grabación en internet del archivo para lo que te proporciona un enlace directo. Y todo eso te lo crea en un par de segundos.

No es en absoluto ningún alarde de tecnología, programación o buen hacer, pero se agradece mucho que alguien, no sólo piense sino que lleve acabo estas pequeñas herramientas que te sacan de un apuro, así, que amigo de anything2pdf… hoy en agradecimiento te llevas un click en tus adSense, cuesta tan poco ser agradecido. Gracias!

Enlace: http://www.anything2pdf.com/

El enlace a nuestro Quijote pedefedeado es: http://api.danielprocter.com/permalink/pdf/15035

Bueno, este post es un tip, para aquellos locos que teniendo un Mac prefieran Ubuntu, y cada día son más, o para aquellos que teniendo un Mac, se venden todo los Mac y se pasan a Ubuntu, territorio de libertad, y cada día somos más, pero que se quedan ese bonito teclado de aluminio con teclas ultrabajas que te hace volar… y que ocupa poco, poquito en tu mesa de trabajo.

Ese teclado de aluminio, que en su día compré por unos 60 euros, ya ves como se las gastan los de la manzana, no funciona del todo bien bajo sistema operativo Ubuntu, intercambia las teclas “><” de al lado del Shift temporal por “\” la de al lado del “uno”, cosa que en principio puede no resultar preocupante, pero que si eres programador te proporciona demasiados momentos de sulfuro, y ganas de tirar el eso sí, bonito teclado, por la ventana.

Pues bien, tras tres largos segundos intentándom acostumbrar a ir a buscar esos signos, tan propios de mis sentencias IF bajo PHP, lejos, por allá arriba de mi teclado Eipel, me desesperé y comencé a buscar la solución por la red, un minuto después… <>>< toma! toma y toma!

Si quieres compatibilizar tu teclado Apple con tu Ubuntu Para empezar ves a Sistema > Preferencias > Teclado y seleeciona Apple Aluminium Ansi, luego te vas a un terminal y como superusuario:

sudo -s

Crea el archivo:   “.Xmodmap” sin las comillas en tu directorio Home

sudo nano .Xmodmap

Añade estas líneas:

Reinicia sesión, y prueba.

Si no quieres reiniciar sesión también puedes hacer un:

xmodmap -e “keycode 49=less greater” && xmodmap -e “keycode 94=backslash bar”

Lo que este último es un cambio sólo temporal, es decir, en cuanto reinicies lo pierdes.