Animando los enlaces en el blog con CSS3

Hoy hablaremos un poco sobre la propiedad Transitions de CSS3 la cual nos será de mucha ayuda para darle buenos efectos ya se a nuestros enlaces, imágenes o contenedores, o cualquier cosa que se nos ocurra.
CSS3 Transitions
No voy a profundizar explicando esta propiedad de CSS3 ya que les dejare el enlace hacia W3Schools donde podrán encontrar detalladamente más propiedades y usos sobre Transitions.

Ahora para aplicarlo a blogger iremos a nuestra plantilla [Plantilla] -> Editar HTML. Buscamos ]]></b:skin> y justo antes pegamos el código CSS3.
Transitions CSS3
Bien, el código anterior es aplicable a cualquier sitio que use CSS y pueden aplicarlo a sus plantillas para usarlo solo falta agregarle a nuestros enlaces una clase como se puede ver en la siguiente imagen.
Enlace con clase
Ahora si lo quieres aplicar a un bloque o un DIV puedes usar el siguiente código y ajustarlo a sus necesidades.


Comprimir imagenes para web sin perder calidad

Bueno como saben mucho se habla de la velocidad de carga de las paginas web, sin duda Google le tiene mucho cariño a las paginas que sobre todo son limpias en su estructura y a la vez se ejecutan sin complicaciones dando venta al usuario poder ver su contenido en un tiempo estimado de 2 a 4 segundos que seria el tiempo ideal, para que Google se fijará en nuestro sitio web.

Pero ahora no hablaremos de SEO ni consejos para posicionar nuestro sitio, esta ves vamos a repasar como comprimir las imágenes para que nuestro sitio no tarde demasiado en cargarlas, optimizar las imágenes sin duda será algo productivo.

Regrese al sitio a cambiar un poco las cosas, si alguna ves nos visitaste habrás podido percatar que el diseño era diferente, bueno tratamos de arreglarlo y organizar el contenido para una fácil búsqueda.

Pero siguiendo con la angustia de que el blog era algo lento, empecé buscando por optimizar los titulares, dar un aspecto mejor a cada publicación y enviar los scripts al final de la página.

Después de una búsqueda, termine con muchas pestañas abiertas en el navegador y en una de ellas me decía que tenia que optimizar las imágenes así que fue, busque y probé de todo hasta saber que era lo más funcional y aquí te lo presento.
Compresor de imagenes online
Compresores de imágenes efectivos y probados por mi.

TinyPNG

Sere breve en la explicación acepta archivos PNG y JPG al realizar mis pruebas con una imagen PNG logre reducir un 70% de su peso efectivamente sin perder casi nada de calidad.

TinyPNG reduce el tamaño de tus imagenes de un 50% a 80% depende del formato, en JPG se logra menos porcentaje de compresión.

Compressor.io

Este compresor fue el que me dio mejores resultados, la misma imagenen de la que hable antes la redujo en un 75% de su peso original una de las desventajas es que para comprimir imagenes debes cargarlas de una en una a diferencia de TinyPNG que acepta varias a la ves.
Conclusión: Si comprimes las imágenes antes de subirlas a tu blog, verás reflejado una mayor velocidad en tu sitio esto es de ayuda para tus lectores y a Google le gustan las buenas practicas.


Herramientas para iniciarse en el mundo Android Developer

Hoy vamos a hablar un poco de Android, el sistema operativo que muchos teléfonos móviles llevan consigo, antes se consideraba un poco pobre en cuanto a rendimiento, pero durante varios años ha crecido y algunas comunidades han trabajo con Android y han aportado muchas mejoras.
Desarrollo android
¿Que necesitamos para empezar a programar en Android?
Iniciamos seré breve en este apartado para que me de espacio en poder compartir un poquito de cada cosa.

En cuanto a software necesitaremos un entorno de desarrollo, en mi experiencia pueden usar Eclipse o Android Studio que fueron los que se adaptaron más a mis necesidades. Pueden leer este articulo para saber más de las herramientas a usar.

Si no tenemos quien no enseñe, entonces tendremos que poner en practica la forma de aprendizaje autodidacta, y pondremos todos nuestros esfuerzos por aprender lo más que podamos, podemos empezar a buscar tutoriales de como crear algo sencillo, y una vez que tengamos todo nuestro equipo y herramientas, daremos marcha y empezaremos a aprender poco a poco.

Cabe mencionar que lo que más se necesita ser pacientes para aprender sin correr y tomar el riesgo de aburrirse y dejarlo por la paz, la pasión sobre todo para iniciar en el desarrollo de Android es lo esencial, también les dejo un repertorio de contenido con manuales y libros para aprender a desarrollar @Android. Pueden descargarlo desde mi Dropbox.

Por ahora ya tiene lo básico para poder empezar e iniciarse en Mundo maravilloso de Android, el desarrollo de aplicaciones moviles, en la actualidad es una de las mejores forma de ganar nuestro propio dinero, les pondré un ejemplo, imaginemos que empiezas a desarrollar Aplicaciones para Android, bueno el primer paso subirlas al Play Store y ponerlas gratuitas, ¿y como ganamos dinero? Bien Ganamos dinero vendiendo dentro de esta aplicación ¿Y como vendo? Esta parte es la complicada tenemos que desarrollar una aplicación en la cual el usuario necesite un complemento de ella, y se vea en la necesidad de pagar por ello, en los juegos para Android se venden los complementos de los juegos.

Si te ha gustado no olvides compartirlo en todas tus redes sociales, también te invitamos a suscribirte a nuestras noticias en la parte derecha, por ultimo si tienes cualquier duda no olvides comentarlo y con gusto comentaremos para resolveras, ahora les dejo una aplicación que desarrolle hace un tiempo, se llama IMC Calculator para Android. Descarguenla, pruebenla y esperamos sus comentarios.


Estamos de Vuelta... Colabora con nosotros

Hemos Vuelto Pensando en la Web

Mucho tiempo ha pasado, quizás muchos hemos pasado frío, hemos tenido algún problema familiar o hemos pasado por alguna situación critica, pero la buena noticia es... que hemos vuelto y esta vez para quedarnos y que todas las personas que nos leen nos brinden nuevamente su apoyo.

También he pensando en cambiar un poco las cosas por aquí, si ustedes aportan su comentario sobre lo que les gusta o no les gusta, o cualquier cosa tan diminuta que sea que podamos cambiar o mejorar, estaré encantado de poder leer sus comentarios.

Cambiar el diseño
Este es un punto muy importante que tengo en mente, cambiar el diseño y renovar algunas secciones que me parecen no tienen ninguna función, al parecer el tamaño de fuente es muy pequeño, hasta a mi me ha costado leer algunas cosas por aquí.

Los comentarios
Desde ahora en adelante bienvenida será la sección de comentarios, contestaremos cada uno de ellos, aunque tenga que llevarnos un poco más de tiempo, así que no duden en dejarnos sus comentarios, será un placer leerlos.

Las categorías o temas
En este punto es donde necesitaré, de antemano se los pido por favor, me ayuden en las categorías, si todos opinan eligiendo un tema, sección o categoría, será mas fácil ofrecer temas de mayor calidad en los que ustedes estén interesados.

Colaboradores
Me toca darle las Gracias por todo este tiempo que me han permitido estar con ustedes, y esta vez, necesito de sus ayuda, todo aquel que este interesado en escribir para Pensando en la Web nos hará muy felices saberlo, si te gustaría participar siendo escritor de este blog envianos tus datos aquí y nosotros nos pondremos en contacto contigo.

Sin más por el momento me despido esperando que se encuentren bien y nos sigamos leyendo por este medio. No olviden dejar su voto en la encuesta que se encuentra por el lado derecho, también les pedimos nos sigan en Twitter a nuestra cuenta oficial de @PensandoenlaWeb


Policy Breach Notice‏

Hace un momento me ha llegado este correo:
Publisher ID:

Dear Publisher,
We have now verified that we are no longer detecting PII being passed to Google from the account(s) under your control.
Thank you for helping to resolve this matter.
Regards,
The Google Policy Team
Si alguien sabe más del tema, dejar en el comentario información, y asi podremos juntos aclarar las dudas, ojala solo se trate de un error y no de que estamos infringiendo alguna politica de Google Adsense, saludos.




Back to Top