Centrar verticalmente en sólo 3 Líneas CSS

Centrar verticalmente en sólo 3 Líneas CSS

Es común que muchas de las funcionalidades de CSS o HTML5 aún no hayan evolucionado o mejorado, una de estas es la alineación de contenido o elementos generales en HTML5; otros programadores tendrán su propia técnica o forma de generar la alineación pero siendo sinceros éstas pueden llegar a ser de varias lineas e inclusive repetitivas a lo largo de todo el código.

Para contrarrestar esta técnica sólo se usan tres líneas de código en CSS dónde podremos colocar de manera vertical y alineada todo el contenido en el centro, quedando éste con uniformidad y mejor vista al usuario.

En CSS3 existe la propiedad transform usualmente utilizada para la rotación y escala de elementos, pero si nosotros agregamos la función translateY podemos acomodar los elementos de manera vertical y completamente alineados tal y como se muestra en el siguiente código:

.element{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

Como en todo código de CSS3 podemos generar mixins para no escribir el mismo código una y otra vez, de esta forma sólo mandamos a llamar el mixin y queda con la propiedad de alineación sin más. Ejemplo:

@mixin vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.element p {
  @include vertical-align;
}

Ahora que si eres aficionado de Sass puedes usar un placeholder selector para generar la misma reducción de salida en el código:

%vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.element p {
  @extend %vertical-align;
}

Lo mejor de todo es que no tienes que preguntarte si funciona en IE9 porque milagrosamente funciona! Déjanos tus comentarios si te ha funcionado más o mejor que la propia técnica que usas y la experiencia que tuviste al ponerlo en práctica.

 

Como algunas personas han señalado, este método puede causar que algunos elementos se vean borrosos debido a que este es colocado en un medio píxel“. Una solución para esto es fijar un elemento padre para preserve3d.  Como se ve a continuación:

 

.parent-element {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

 

Saludos 😀

Fuente: zerosixthree

15 Inventos Japoneses un poco raros

15 Inventos Japoneses un poco raros

Hoy conversando con mi hermano por skype me envía un link, diciendome “cacha wn estos inventos japoneses”,  lo cual nos hace pensar que siempre cuando miramos a los japoneses, nos damos cuenta de su ingenio e imaginación de inventar cosas o para hacer bromas que normalmente se ven en youtube, estos inventos que en algunos casos son medios extraños pero que no dejan de ser una buena la idea que nos podrían ayudar en algunos momentos o situaciones de nuestra diario vivir… jajaj 😀

1. El paraguas perfecto, llueva como llueva, nunca te mojarás

2. Una corbata que en realidad es un paraguas

3. El tenedor perfecto para disfrutar comiendo tallarines

4. Una falda para esos momentos en que no quieres que nadie te moleste, jajajja

5. Tableta de pastillas de jabón

6. Sistemas para apoyar la cabeza mientras duermes en el metro.

7. Libera tus tensiones gritando en esta bolleta, aquí tus gritos se convierten en una hermosa melodía.

8. El paragua que además de proteger de la lluvia, recicla esta misma agua en una botella.

9. Un reposabrazos para ir caminando en la calle.

10. Para evitar cortarse los dedos mientras cocinas, juiii

11. Una corbata que lleva de todo, creo que era de James Bond xD.

12. Agua dietética :S que extraño…

13. Dulces con efecto viagra, jajaj para algunos podrían ser de mucha ayuda, yo creo.

14. Una bufanda con forma de pechos femeninos, la idea nose cual sería aquí, mmmm…

15. Te sientes sola mientras duermes? Nunca más será así con este invento… 4ever alone.

 

Tan buenos eh!

 

Saludos

Fuente: http://viral.red

Administración de usuarios y grupos

Administración de usuarios y grupos

Aquí dejaré la información con respecto a la creación de usuarios y grupos en linux, ademas todo lo que ello implica.

Creación de usuarios / useradd
Modificación de usuarios / usermod
Eliminación de usuarios / userdel
Creación de grupos / groupadd
Modificación de grupos / groupmod
Eliminación de grupos / groupdel
Añadir usuarios a un grupo / adduser
Quitar usuarios de un grupo / deluser
Creación de usuarios

El comando useradd permite añadir un usuario indicando como parámetros la información particular para crear el usuario en la misma líne de comandos. La sintaxis es:

  • Ejemplo crear usuario
    useradd [opciones] nombre-usuario

Entre las opciones que podríamos destacar tenemos:

  1. -g: Grupo principal que queremos tenga el usuario (debe existir previamente)
  2. -d: Carpeta home del usuario. Suele ser /home/nombre-usuario
  3. -m: Crear carpeta home si es que no existe.
  4. -s: Intérprete de comandos (shell) del usuario. Suele ser /bin/bash

 

Ejemplo, si deseamos crear un usuario llamado ‘vusano’ cuyo grupo principal sea ‘leet’, cuya carpeta home sea /home/vusano y su intérprete de comandos sea /bin/bash, ejecutaremos el siguiente comando:

  • Crear un usuario con carpetas propias
    sudo useradd -g leet -d /home/vusano -m -s /bin/bash vusano

De esta manera habremos creado al usuario vusano y su carpeta home. Si no utilizamos la opción -m, no se creará la carpeta home del usuario; en tal caso tendríamos que crearla manualmente. Tan solo nos quedará establecer su contraseña con el comando passwd:

  • Establecer la contraseña del usuario
    sudo passwd vusano

Entonces el sistema nos preguntará dos veces la contraseña que queremos asignar a vusano.

El comando useradd permite crear muchos usuarios automáticamente mediante archivos de comandos (scripts).

Siempre se recomienda que el nombre de usuario sea en minúsculas y además de letras también puede contener números y algún signo como guiones normales y guiones bajos. Debemos recordar que unix distingue entre mayúsculas y minúsculas, es decir, Julio es distinto de julio.

Modificación de usuarios

Se utiliza el comando usermod y permite cambiar el nombre del usuario, su carpeta home, su intérprete de comandos, los grupos a los que pertenece y algunos otros parámetros.

  • Cambiar el home de un usuario
    sudo usermod -d /home/carpeta_vusano vusano
    Eliminación de usuarios

Se realiza con el comando userdel seguido del nombre del usuario. Con la opción -r eliminará también su carpeta home, ejemplo:

  • Eliminación de un usuario
    sudo userdel -r vusano
    Eliminaría el usuario vusano y su carpeta home.

Creación de grupos

El comando groupadd permite añadir un grupo indicando como parámetro el nombre del grupo. Ejemplo, si deseamos crear un grupo llamado ‘noob’ ejecutaremos:

  •  Añadir un grupo
    sudo groupadd noobModificación de grupos

El comando groupmod permite modificar el nombre de un grupo o el gid del mismo. La sintaxis es: sudo groupmod [-g nuevo-gid] [-n nuevo-nombre] nombre-grupo, ejemplo:

  • Cambiar el gid del grupo leet
    sudo groupmod -g 2000 leet

Eliminación de grupos

Se realiza con el comando groupdel seguido del nombre del grupo, ejemplo:

  • Eliminación de un grupo
    sudo groupdel leet

Eliminaría el grupo leet. Si algún usuario tuviera dicho grupo como grupo primario, el comando groupdel no eliminará el grupo.

Añadir usuarios a un grupo

Se utiliza el comando adduser seguido del nombre del usuario y del nombre del grupo al que queremos añadirle, ejemplo:

  • Añadir a ‘vusano’ al grupo ‘leet’
    sudo adduser vusano leet
    Quitar usuarios de un grupo

Se utiliza el comando deluser seguido del nombre del usuario y del nombre del grupo del que queremos quitarle, ejemplo:

  • Quitar a ‘vusano’ del grupo ‘leet’
    sudo deluser vusano leet

Si quieres ver mas información de información de todos estos comandos se puede consultar la ayuda del manual ejecutando man seguido del nombre del comando, ejemplo man adduser.

Se vería algo así

man-adduser

 

Porqué es importante usar una contraseña segura de administrador

Porqué es importante usar una contraseña segura de administrador

auditax-Hace unos minutos estaba un poco aburrido viendo las noticias, entonces me puse a revisar algunas web y nose como pero llegué a Auditax el cual encontré que no se dieron el tiempo de utilzar una contraseña segura al usuario admin y puse entrar sin mayor problema al administración de docentes, bueno el cual no es un más que una simple aplicación de registro de información.

 

 

Igual me llama la atención un poco el número de visitantes :O esta peor que el gagnam style el youtube!

 

Saludos

PD: Ya avise del error 😀

¿Te atreves a soñar?

¿Te atreves a soñar?

En clases en la U, hace un tiempo atrás nos mostraron este video, siendo este un poco antiguo (2012), te ayuda a entender lo que realmente deberíamos hacer para mejorar y poder lograr nuestras metas.

 

Muy bueno….