Obtener tamaño de elementos ocultos con jQuery / Get size of hidden elements with jQuery

Algunas veces necesitamos obtener el tamaño de elementos ocultos en el html (display:none;) pero podemos notar que nos regresa un cero. Sometimes we need to get de size of hidden elements in our html (display:none;) but we can notice that get us a zero.

La solución es simple, en lugar de usar display:none; en nuestro CSS, debemos usar visibility:hidden; (su contrario sería visibility:visible; en lugar del display:block; por ejemplo) debido a que en este último caso las cosas si son medibles.

 The solution is very simple, instead of use display:none; in our CSS, we can use visibility:hidden; (use visibility:visible; instead of display:block;) because this is measurable.

 Ejemplo: Example:

No te olvides de comentar, gracias ;D. Don't forget to comment, thanks ;D.

Modificando esta cosa

Como ya quiero empezar a trabajar bien este blog ahorita ando modificándole los estilos.

Y agregando una que otra función. Será algo simple.

Haber si ya junto para una maldita tablet quiero dibujar ouó.

Y pues ahi andan más acciones de photoshop en el deviant.

Saludos.

---

I'm starting to really work in this blog, I'm doing some modifcations.

Cambiando tamaño y ángulo de elementos con CSS3

Algunas veces queremos que alguna imagen u otro elemento de nuestras páginas HTML reduzca o aumente su tamaño a escala, o quizás que gire un poco. Esto es una tarea sencilla.

Cabe mencionar que lo siguiente es compatible con Mozilla Firefox, Safari, Opera y Google Chrome.

Si queremos cambiar el tamaño de nuestra imagen, sólo basta añadir lo siguiente a nuestra hoja de estilos o al atributo "style":

-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);

Entiándase que 1 representa el 100% de la medida original, así que 0.8 sería 80% y 1.2 sería 120%.

Si queremos cambiar darle un toque de rotación a nuestra imagen:

-moz-transform:rotate(1deg);
-webkit-transform:rotate(1deg);
-o-transform:rotate(1deg);

Entiándase que 1deg representa un giro de 1 grado negativo (en sentido de las manecillas del reloj), pueden usarse giros positivos como -2.3deg que equivale a 2.3 grados en el sentido contrario de las manecillas del reloj (la forma positiva de medir los grados).

Ejemplos:

<div align="center" style="-moz-transform: rotate(10deg); -o-transform: rotate(10deg); -webkit-transform: rotate(10deg);">
<img border="0" src="linkAtuImagen" /></div>

El de scale lo puedes ver al pasar el mouse sobre los enlaces a deviantART y demás que están en la parte superior.

No te olvides de comentar, gracias ;D. Don't forget to comment, thanks ;D.

Solución a: photoshop no guarda en ciertos formatos

¿Te ha pasado alguna vez que photoshop no te deja guardar en formato png?, ¿jpeg, gif, etc.?

Aquí una de las soluciones a dicho problema...

Algunas veces que no puedes guardar en photoshop tus trabajos en algun formato de imagen se debe a las opciones de "modo de imagen", aquí un video explicando al respecto ;D.

No te olvides de comentar, gracias ;D. Don't forget to comment, thanks ;D.

Mejorar calidad de imagen - Photoshop

Aquí dejo un pequeño tutorial sobre como mejorar la calidad de una imagen ;D. Espero les sirva, ahi coméntenle que tal estuvo (si tu conexión no es muy rápida y tarda en cargar es que la imágen mide 600x2800 px y pesa 1.18 MB).

Clic en la imágen para ver en tamaño completo...

Link directo al tutorial

Video que comente en el paso EXTRA, en el inciso c):

Otra muestra del resultado da clic

No te olvides de comentar, gracias ;D. Don't forget to comment, thanks ;D.