Crear notas adhesivas con HTML y CSS

CSS dispone de increíbles posibilidades para el diseño de los proyectos en HTML, casi cualquier cosa es posible.

Con CSS puedes convertir una lista en unas bonitas notas adhesivas muy llamativas, simulando las notas reales en papel. Al pasar el cursor del ratón por una de las notas, esta, creará un efecto de zoom.

Código HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Notas adhesivas</title>
        <link rel="stylesheet" href="style.css" type="text/css">
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Reenie+Beanie:regular" type="text/css">
    </head>


    <body>

        <div>
            <ul>
                <li>
                    <a href="#">
                    <h2>Nota #1</h2>
                    <p>Buscar cursos gratuitos de tecnologías para Inteligencia Artificial</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <h2>Nota #2</h2>
                    <p>Compar el pan para el pinic de mañana</p>
                    </a>
                </li>
            </ul>
        </div>

        <div>
            <ul>
                <li>
                    <a href="#">
                    <h2>Nota #3</h2>
                    <p>Comprobar el funcionamiento correcto del calentador de agua</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <h2>Nota #4</h2>
                    <p>Comprobar funcionamiento aplicación medición temperaturas</p>
                    </a>
                </li>
            </ul>
        </div>

    </body>

</html>

Código CSS:

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: arial, sans-serif;
    font-size: 100%;
    margin: 3em;
    background: #666;
    color: #fff;
}

h2,
p {
    font-size: 100%;
    font-weight: normal;
}

ul,
li {
    list-style: none;
}

ul {
    overflow: hidden;
    padding: 3em;
}


/* Parametros de la nota, medidas, color, etc. */

ul li a {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 25em;
    width: 25em;
    padding: 1em;
}

ul li {
    margin: 1em;
    float: left;
}

ul li h2 {
    font-size: 140%;
    font-weight: bold;
    padding-bottom: 10px;
}

ul li p {
    font-family: "Reenie Beanie", arial, sans-serif;
    font-size: 280%;
}


/* Añade el sombreado */

ul li a {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 25em;
    width: 25em;
    padding: 1em;
    /* Firefox */
    -moz-box-shadow: 5px 5px 7px rgba(33, 33, 33, 1);
    /* Safari+Chrome */
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
    /* Opera */
    box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
}


/* Inclinar las notas */

ul li a {
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
}


/* Inclinar notas al azar */

ul li:nth-child(even) a {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px;
}

ul li:nth-child(3n) a {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px;
}

ul li:nth-child(5n) a {
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    position: relative;
    top: -10px;
}


/* Añadir trancisión y colores suaves */

ul li a {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 25em;
    width: 25em;
    padding: 1em;
    -moz-box-shadow: 5px 5px 7px rgba(33, 33, 33, 1);
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
    box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
    -moz-transition: -moz-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    -webkit-transition: -webkit-transform .15s linear;
}

ul li:nth-child(even) a {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px;
    background: #cfc;
}

ul li:nth-child(3n) a {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px;
    background: #ccf;
}


/* Zoom en las notas al pasar por encima */

ul li a:hover,
ul li a:focus {
    -moz-box-shadow: 10px 10px 7px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 10px 10px 7px rgba(0, 0, 0, .7);
    box-shadow: 10px 10px 7px rgba(0, 0, 0, .7);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    position: relative;
    z-index: 5;
}
Ejemplo etiquetas adhesivas



Si encuentras esta noticia interesante la puedes compartir en tus redes sociales, a tus seguidores les puede gustar. Utiliza los botones que tienes más abajo.

Share

Pushbullet, aplicación para compartir archivos y notas entre dispositivos

 

Pushbullet te permite enviar notificaciones push a tus dispositivos y amigos fácilmente, compartiendo archivos, enlaces, notas etc.

¿Por qué enviar notificaciones push con Pushbullet? Porque es la forma más fácil y más rápida de enviar cualquier cosa a tu teléfono o tablet, o a tus amigos.
¿Qué se puede enviar con Pushbullet? Se pueden enviar enlaces, imágenes, archivos, notas, etc., a la bandeja de notificación del teléfono, al ordenador o a tus amigos y conocidos de forma realmente rápida.

¡Simple! Es la forma más fácil de hacer las cosas desde el ordenador a tu teléfono o desde el teléfono a tu ordenador. También es ideal para el envío de las cosas desde un dispositivo a otro , o incluso a los amigos!

  • Mediante el envío de un archivo con Pushbullet , se recibira una notificación automáticamente. Tocando en la notificación al instante se abre el archivo, así que nunca tendrás que ir a buscar el archivo en tu correo electrónico o carpetas de Dropbox nunca más.
  • Con Pushbullet, también puedes enviar enlaces a la bandeja de notificación del teléfono. Simplemente pulsa en la notificación para ir al enlace.
  • En lugar de tener que buscar una dirección de nuevo en el teléfono después de haber encontrado la ubicación en los mapas del ordenador, puedes presionar la dirección en tu teléfono. Se abrirá la aplicación de mapas desde la notificación, por lo que llegar a la navegación desde el teléfono es prácticamente instantánea.
  • Y eso es sólo el principio, también puedes enviar listas de verificación, notas, recordatorios y mucho más.

La aplicación dispone de plugins que se integran en los navegadores Firefox y Chrome, lo cual nos permitirá enviar fácilmente cualquier información desde dichos navegadores a nuestros dispositivos y viceversa.

Esta aplicación es ideal para el intercambio de información y archivos entre diferentes dispositivos, tanto con Android como con iOS.

 

Pushbullet (AppStore Link) Pushbullet
Desarrollador: PushBullet, Inc

Rated: 4+
Precio: Gratis Enlace descarga

 

Si encuentras esta noticia interesante la puedes compartir en tus redes sociales, a tus seguidores les puede gustar. Utiliza los botones que tienes más abajo.

Share

Bamboo Paper, la aplicación de iPad se actualiza

 

 

 

La aplicación gratuita Bamboo Paper, para iPad, se actualiza a la versión 1.7 para soportar Retina display.

 

Disfrute de la comodidad de tu propia escritura a mano para esbozar sus pensamientos en un cuaderno de papel digital.

Bamboo Paper, una nueva aplicación de Wacom, te ofrece la posibilidad de crear cuadernos virtuales para tu iPad, lo que te permite compartir tus ideas de forma visual con notas manuscritas, bocetos o garabatos. Junto con el lápiz táctil de bambú, convierte tu iPad en la última herramienta de comunicación sin soporte de papel para su uso en:

  • La escuela – traza ecuaciones matemáticas y de ciencia, componer música, crear proyectos de arte y manualidades, aprender caligrafía correcta, escribir caracteres no occidentales idioma (que en chino, japonés y árabe)
  • Trabajo – Comunicarse con los cuadros y gráficos, colaborar en las sesiones de lluvia de ideas, el boceto de un diseño, mientras que en el camino
  • Inicio – anote las listas de la compra, la jardinería, realiza diseños de mejoras para el hogar, entretener a los niños con actividades de colorear y dibujar en casa o en el coche

 

 

 

 

 

Enlace iTunes:

 

 

Libro para iPad - Grande, Pequeño, Astronómico y cotidiano
 

Si encuentras esta noticia interesante la puedes compartir en tus redes sociales, a tus seguidores les puede gustar. Utiliza los botones que tienes más abajo.

Share

Notepad, toma notas y organiza tus archivos

 

 

 

Notepad es una aplicación de bloc de notas clásica, además de generador de PDF + documento herramienta de gestión.

Notepad Te permite crear varios archivos de texto, y cada uno puede estar protegido por una contraseña diferente. También te permite escribir, capturar y organizar tus ideas, notas, recordatorios, revistas, diarios o los detalles de la vida que quieres mantener a mano. Así que con Notepad, tu llevas tu bloc de notas en tu iPad!, a cualquier parte.
¿Qué se puede hacer exactamente con nuestro bloc de notas?

  • Crear los archivos de texto que tu necesites.
  • Los archivos están etiquetados por fecha y hora y / o un título personalizado.
  • Pega el texto copiado desde un navegador u otras aplicaciones en el Bloc de notas para
  • guardar el trabajo.
  • Escribe tus documentos sin importar el tiempo.
  • Selecciona tu fuente favorita, tamaño de fuente, color de fondo de papel y el patrón.
  • Escribe el texto más cómodamente con las llaves de patentes pendientes.
  • Exportación de los documentos a los lectores de PDF de otros (como el iBook) o correo electrónico.
  • Protege tus documentos confidenciales con un código de acceso – de forma individual.
  • Sincronización de archivos de texto con iTunes directamente.
  • Imprimir las páginas seleccionadas como desees.

 

 

 

 

 

Enlace iTunes:

 

 

 

Libro para iPad - Grande, Pequeño, Astronómico y cotidiano
 

Si encuentras esta noticia interesante la puedes compartir en tus redes sociales, a tus seguidores les puede gustar. Utiliza los botones que tienes más abajo.

Share

Penultimate, atractivo bloc de notas para iPad

 

 

La aplicación superventas de escritura a mano para iPad. Disfrute de la gratificación rápida y táctil de la escritura sobre papel, con la potencia y la flexibilidad digitales. Tome notas, guarde bocetos, haga anotaciones en fotografías o comparta su nueva idea genial desde la oficina, desde el sofá de casa o desde cualquier lugar.

Esencial, fácil de usar, llamativo

Penultimate forma parte de las aplicaciones esenciales para la productividad de su iPad. Todos los detalles de la interfaz de usuario están diseñados y refinados para hacerla simple e intuitiva, sin ajustes complicados ni recargados.

En marcha

Al abrir por primera vez su nueva copia de Penultimate, encontrará un cuaderno de bienvenida que le guiará por todas las principales características. En seguida estará garabateando y examinando rápidamente sus páginas y cuadernos.

Papel y tinta increíbles

Su escritura y sus dibujos se ven espectaculares trazados en intensa tinta en gel. Nuestra tecnología de escritura es extraordinaria. Utilice colores o permanezca fiel a la tinta negra de siempre. Incluye tres estilos de papel fotorrealistas, junto con una mágica herramienta borradora de gran eficacia que siempre tiene el tamaño justo. ¿Necesita otros tipos de papel? Visite La tienda de papel en la aplicación para ver los últimos modelos disponibles para descargar, o importe una imagen cualquiera para crear y compartir su propia y atractiva plantilla.

Tecnología de protección de la muñeca

Si utiliza un estilete para tomar notas, o escribe apoyando su muñeca sobre el cristal, Penultimate evita automáticamente que aparezcan trazos parásitos en la página. Puede incluso mover las herramientas a la parte de arriba de la página; así no las tocará nunca por accidente.

Guárdelo todo junto

Guarde sus notas en cuadernos titulados por tema, proyecto o categoría. Penultimate puede gestionar todos los cuadernos que pueda crear, cada uno con un número infinito de páginas. Vea su lista en un carrusel clásico de cuadernos o véala y ordénela en una vista rápida en retícula. Cuando sus cuadernos crezcan, podrá navegar rápidamente por todas las páginas, o insertarlas, eliminarlas, duplicarlas y reordenarlas en un mismo bloc de notas o en blocs de notas diferentes.

Software serio

Debajo de su elegante cubierta exterior, Penultimate es una aplicación potente. Nuestra tecnología superior de tinta genera trazos de bolígrafo que incluso tienen mejor aspecto que los trazos reales. El innovador modo de protección automática de la muñeca evita que aparezcan numerosas marcas parásitas en las páginas. Penultimate sabe cuán importante es la integridad de los datos. Por ello puede utilizar un único botón para exportar todos sus archivos de cuadernos a iTunes como copia de seguridad.

Envíe imágenes de páginas sueltas o cuadernos completos en formato PDF a quien quiera. Colabore con sus colegas exportando e importando archivos de cuadernos y papeles de Penultimate directamente vía correo electrónico o como archivos compartidos por iTunes File Sharing. Tanto si se encuentra en un auditorio como en un aula, puede usar el adaptador VGA del iPad para compartir sus notas en una pantalla o un proyector, a medida que su audiencia sigue su trabajo en tiempo real. Imprima directamente desde su iPad con impresoras compatibles con ePrint.

 

 

Enlace iTunes:

 

 

Libro para iPad - Grande, Pequeño, Astronómico y cotidiano
 

Si encuentras esta noticia interesante la puedes compartir en tus redes sociales, a tus seguidores les puede gustar. Utiliza los botones que tienes más abajo.

Share