Añade un menú animado y colorido en tu pagina Web, en CSS

Es posible crear un menú animado muy vistoso para tu pagina web con un sencillo código CSS.

CSS nos permite dar formato a las paginas web, convertirlas en algo mucho más atractivo que lo que nos da el soso html. Es increíble la cantidad de posibilidades que nos ofrece CSS para crear un atractivo, colorido y dinámico menú.

Este ejemplo de menú esta diseñado para contener 5 elementos, pero fácilmente puede ser modificado, si necesitas un número de elementos mayor o menor.

Código de ejemplo html:

<nav>
    <a href="#">Inicio</a>
    <a href="#">Blog</a>
    <a href="#">Sitemap</a>
    <a href="#">Portafolio</a>
    <a href="#">Contact0</a>
    <div class="animation start-home"></div>
</nav>

Código CSS:

nav {
    margin: 27px auto 0;
    position: relative;
    width: 590px;
    height: 50px;
    background-color: #34495e;
    border-radius: 8px;
    font-size: 0;
    margin-top: 200px;
}

nav a {
    line-height: 50px;
    height: 100%;
    font-size: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: white;
    cursor: pointer;
}

nav .animation {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 0;
    transition: all .5s ease 0s;
    border-radius: 8px;
}

a:nth-child(1) {
    width: 100px;
}

a:nth-child(2) {
    width: 110px;
}

a:nth-child(3) {
    width: 100px;
}

a:nth-child(4) {
    width: 160px;
}

a:nth-child(5) {
    width: 120px;
}

nav .start-home,
a:nth-child(1):hover~.animation {
    width: 100px;
    left: 0;
    background-color: #1abc9c;
}

nav .start-about,
a:nth-child(2):hover~.animation {
    width: 110px;
    left: 100px;
    background-color: #e74c3c;
}

nav .start-blog,
a:nth-child(3):hover~.animation {
    width: 100px;
    left: 210px;
    background-color: #3498db;
}

nav .start-portefolio,
a:nth-child(4):hover~.animation {
    width: 160px;
    left: 310px;
    background-color: #9b59b6;
}

nav .start-contact,
a:nth-child(5):hover~.animation {
    width: 120px;
    left: 470px;
    background-color: #e67e22;
}

body {
    font-size: 12px;
    font-family: sans-serif;
    background: #2c3e50;
}

span {
    color: #2BD6B4;
}

Da un aspecto elegante a tu menú con este llamativo ejemplo en CSS.

Share

Copiar archivos utilizando el terminal de Mac OS X

 

Existen tres comandos en el terminal que nos permiten copiar archivos, cp, rsync y ditto; cp es la opción básica para copiar archivos; rsync es un comando algo más sofisticado para realizar esta tarea; ditto nos permite copiar con más eficacia directorios que contengan muchas carpetas, ideal para hacer copias del contenido completo de un disco.

cp /ruta/origen /ruta/destino

Parámetros que puede utilizar cp:

  • -i: Informa antes de sobreescribir el archivo o carpeta.
  • -l: Realizar un link en vez de copiar.
  • -n: No sobreescribir archivos existentes
  • -R: Copiar el directorio de manera recursiva.
  • -u: Copiar sólo cuando el archivo o carpeta de origen es más reciente que el archivo o carpeta de destino.

rsync nos permite realizar copias de datos incrementales comprimidos y cifrados, tanto en nuestro propio ordenador, en nuestra red de ordenadores o de forma remota. Sumamente útil para realizar copias de seguridad de todos nuestros datos importantes.
Podemos realizar una copia de una carpeta de nuestro ordenador a un ordenador que se encuentre en otra ubicación con este comando:
rsync –progress –partial -avz /folder/to/copy user@remote.server:/remote/folder
folder/to/copy es la carpeta o ruta a la carpeta que queremos copiar, es la carpeta o ruta remota donde se copiarán los archivos.

progress: nos mostrará el porcentaje de ficheros copiados.
partial: le dice a rsync que mantenga el fichero de forma parcial y luego haga su copia, esto le da más rapidez.
a: Archive, es una forma rápida de decirle que es una copia recursiva y que queremos que todo sea copiado.
v: Verbose, le indica a rsync que de información en pantalla sobre cada transacción.
z: Compress, comprime los ficheros para utilizar menor ancho de banda, así son copiados más rápidamente.

ditto nos permite copiar archivos y carpetas con mayor eficacia:
sudo ditto -rsrc /ruta/origen /ruta/destino

 

Trucos para el terminal de Mac

[app 669946772]

 

Share

Utilidad de Discos, crear particiones y formatear unidades de almacenamiento

 

Esta es la herramienta que nos permite gestionar todos nuestros discos duros, ya sean internos o externos. También nos permitirá gestionar las unidades ópticas para CD y DVD.

Es la herramienta perfecta para verificar, reparar, eliminar información de forma segura, formatear y todo lo referente a la gestión de nuestros discos duros y soportes de almacenamiento.

La ventana de utilidad de disco se compone de varios paneles. En la parte superior tenemos los iconos de las diferentes herramientas; a la izquierda vemos el panel que contiene las diferentes unidades que forman nuestro ordenador; en la parte derecha tendremos las herramientas para la unidad seleccionada; la parte inferior nos muestra información sobre dicha unidad.

Según el tipo de unidad seleccionada, se activarán en la parte superior unos u otros iconos de herramientas.
La unidad de disco donde está instalado nuestro sistema operativo recibe el nombre de “Macintosh HD“. Mac OS X está basado en Unix, utiliza un sistema de permisos para acceder a los archivos de nuestra unidad principal, éstos permisos se pueden alterar y no ser los correctos para cada uno de nuestros archivos. Al instalar y desinstalar aplicaciones, al cerrar nuestro ordenador de forma incorrecta, o al sufrir un corte eléctrico, los permisos de los archivos se pueden ver alterados, esta información errónea puede a la larga causarnos problemas, incluso no permitirnos iniciar el sistema operativo de forma correcta. Para solucionar estos inconvenientes es recomendable verificar y reparar los permisos del disco por lo menos una vez al mes. Éste proceso no suele durar más de 10 minutos y podemos seguir trabajando en nuestro ordenador de forma normal.

En la primera solapa del panel de la derecha vemos “Primera ayuda“, al seleccionar la unidad “Macintosh HD“, veremos que se activan las opciones, “Verificar los permisos del disco“, “Reparar los permisos del disco”, y “Verificar disco“, según el tipo de disco que tengamos instalado en nuestro ordenador, también se puede activar la opción “Reparar disco”.
Verificar disco” explorara todos los sectores que forman el disco duro en busca de algún error, si esta exploración encontrara errores, podemos intentar prepararlos con la opción “Reparar disco“.

La siguiente pestaña, “Borrar“, realmente lo que hace esta ventana es formatear la unidad seleccionada. Disponemos de diferentes opciones de formato según las necesidades y el trabajo que realicemos con cada unidad de almacenamiento:

  • Mac OS Plus con registro – Para realizar la instalación de Mac OS X.
  • Mac OS Plus con registro encriptado – Encripta toda la información del disco.
  • Mac OS Plus mayúsculas/minúsculas con registro – Diferencia entre mayúsculas y minúsculas, no es lo mismo Archivo, que archivo.
  • Mac OS Plus mayúsculas/minúsculas con registro encriptado – Igual que el anterior pero con encriptación.
  • MS-DOS FAT – Para llaves de memoria USB.
  • ExFAT – Mejora las limitaciones del formato FAT permitiendo particiones de mayor tamaño y eliminando el tope de archivos de 4GB. Solo es compatible con sistemas operativos recientes o que han sido adaptados para este formato con un Service Pack.
  • NTFS-3G – Archivos para Windows. Este formato no soporta TimeMachine, no podremos realizar copias de seguridad con la aplicación del sistema en discos con este formato.

Para formatear una unidad, elegimos la unidad a formatear, seleccionamos el tipo de formato, asignamos un nombre a la unidad y pulsamos el botón “Borrar“, en pocos minutos nuestra unidad estará formateada. Hay que usar esta herramienta con precaución ya que al formatear una unidad perderemos todos los datos que contenga.

La pestaña “Particiones” nos permite crear, redimensionar, añadir o borrar particiones en los soportes de almacenamiento.

La siguiente pestaña, “RAID“, nos permite configurar grupos de discos RAID en el sistema.

Desde la última pestaña, “Restaurar“, podemos crear y restaurar imágenes de disco, tan sólo deberemos de seleccionar el disco o partición origen, y seleccionar el disco o partición destino. Debemos de utilizar esta herramienta con precaución ya que el disco destino será completamente borrado, perdiendo la información que contenga actualmente. Esta opción nos puede resultar muy útil si queremos realizar una copia de seguridad de una unidad o partición. También nos permitirá crear una imagen de nuestro disco principal, el que contiene el sistema operativo, para por ejemplo si cambiamos de ordenador, podremos restaurar una copia íntegra del sistema actual en el nuevo ordenador y seguir trabajando como si nada hubiera ocurrido.

 

Conoce todos los secretos de Mac OS X

 

Versión iBooks.

[app 677066025]

 

Versión ePub.

[app 676984221]

 

Share

Conectando con maquinas remotas a través del terminal de OS X

 

El comando ssh nos permite conectarnos al terminal de una máquina remota y controlarla desde nuestro propio terminal. Una opción muy importante con la que podremos controlar ordenadores que se encuentren situados en cualquier parte del mundo, o dispositivos que carezcan de pantalla o teclado, si se encuentran conectados a una red podremos controlarlos desde nuestro propio ordenador y terminal.
El comando a utilizar es el siguiente:
ssh user@hostname
Sustituye “user” por el nombre de usuario apropiado. “hostname” debe ser el dominio o la dirección IP de la máquina remota.
Al establecer el contacto la máquina remota nos pedirá la contraseña. Una vez conectados, los comandos que utilicemos serán procesados en la máquina remota.

Podemos realizar el intercambio de archivos entre los equipos conectados con el comando scp (Secure Copy), es una parte más de SSH, que permite transferir archivos o carpetas entre los ordenadores.

Comandos para su utilización:

  • scp archivo usuario@servidor:/ruta/
  • Para copiar a la inversa, desde el ordenador remoto al nuestro, simplemente tienes que invertir el orden de los elementos:
  • scp usuario@servidor:/ruta/archivo /ruta/local/
  • También podemos mandar carpetas completas con el parametro (-r):
  • scp -r carpeta/ usuario@servidor:/ruta/

Comandos básicos para trabajar con los archivos mediante la conexión por ssh:

  • cd: La ruta donde queramos acceder.
  • ls: Para listar el contenido de todos los archivos y directorios.
  • rm: Eliminar archivo.
  • mkdir: Podremos crear un nuevo directorio.
  • rmdir: Eliminar carpeta.
  • pwd: Ubicación de la ruta actual.
  • cp: Este comando nos permitirá copiar un archivo a otro directorio.
  • mv: Podremos mover los archivos entre carpetas.
  • more: Si realizamos una búsqueda con muchos resultados, este comando nos permitirá ver los resultados desglosados.
  • unzip: Para descomprimir los archivos comprimidos
  • ftp: Nos permitira conectar para subir/bajar archivos de nuestro equipo local al servidor.
  • mysql: Podremos trabajar con las BBDD, realizando exportaciones/importaciones de contenido.
  • exit: Con este comando podremos salir de maquina remota donde estemos conectados.
  • clear: Nos limpiara toda la información que tengamos en la pantalla.

Enviar un mensaje a todas las máquinas que se encuentren conectadas a través de ssh. Hay veces que nos puede resultar interesante enviar un mensaje a todos los usuarios que se encuentren conectados a través de ssh, bien para advertirles de tareas de mantenimiento o para cualquier otro tipo de información.
echo “El servidor será reiniciado en los próximos 5 mins, guarden sus trabajos.” | wall

 

Trucos para el terminal de Mac

[app 669946772]

 

Share

Conocer más a cerca de los servicios de localización en iOS

 

La localización permite a las aplicaciones conocer nuestra posición real a través del GPS, una opción muy útil si por ejemplo utilizamos una aplicación de mapas para saber en qué posición estamos, también se utiliza para guardar nuestra posición cuando realizamos una fotografía, otras aplicaciones como AroundMe lo utilizan para mostrarnos una serie de comercios y servicios que se encuentran alrededor de nuestra posición. Hay infinidad de aplicaciones que utilizan nuestra posición para ayudarnos a encontrar aquello que buscamos o indicar nuestra posición a otros usuarios, entre otras muchas posibilidades.

Esta opción, la podemos activar o desactivar desde los ajustes del sistema, la encontraremos en “Ajustes/Privacidad/Localización“.

Cómo nos indica esta propia pantalla, los servicios de localización utilizan el GPS, las antenas de telefonía móvil y las redes Wi-Fi para determinar nuestra ubicación aproximada.

En cualquier momento podemos activar o desactivar la localización, pero cómo vemos en esta misma pantalla podemos activar o desactivar individualmente el uso de la localización para cada uno de los programas que tenemos instalados en nuestro dispositivo. De esta forma controlaremos qué aplicaciones queremos que utilicen nuestra localización y cuáles no.

Si nos desplazamos al final de la pantalla de configuración, vemos la información que nos indica mediante una flecha de colores, qué aplicación a utilizado recientemente los servicios de localización:

  • Violeta – Indica las aplicaciones que recientemente han utilizado la localización.
  • Gris – Aplicaciones que han utilizado la localización en las últimas 24 horas.
  • Contorno Violeta – Aplicaciones que utilizan una geocerca. Geocerca es un perímetro virtual qué algunas aplicaciones pueden utilizar para avisarnos cuando entramos dentro de ese perímetro o salimos. Muy útil por ejemplo para enviarnos recordatorios cuando llegamos o salimos de una posición que nosotros hayamos indicado.

En el apartado “Servicios del sistema” es importante activar la última opción que encontramos, “Icono barra de estado“, esto nos permitirá conocer en todo momento sí se está utilizando el servicio de localización, veremos aparecer una flecha inclinada en la barra superior de información de nuestro dispositivo.

En esta pantalla también contamos con otras opciones de configuración que son importantes tener en cuenta, podemos activar o desactivar cada una de ellas según la situación en la que nos encontremos.

Es muy recomendable desactivar la localización para “Diagnostico y uso” y los anuncios “iAd según ubicación“, esto mejorará nuestra privacidad. También es importante desactivar “Zona horaria“, si no viajamos muy a menudo, nos permitirá ahorrar algo de batería en nuestro dispositivo.

 

Puedes aprender todo sobre iOS 7 con este libro:

 

Versión iBooks.

[app 814966878]

 

Versión ePub.

[app 768222195]

 

Share