Blog

Información Tecnica, Internet, Webs

Botones de formulario descolocados en IE9 (button)

Llevábamos unos días peleándonos con este tema. En una web, todos los navegadores veían bien el botón de formulario salvo IE9 (¿a estas alturas le sorprende a alguien?), que lo ponía enorme de tamaño y fuera de su sitio. Espero que esto ayude a que alguien no se rompa tanto la cabeza. Tras mucho investigar no podemos estar 100% seguros de la causa. Creo que tiene algo que ver con esto, aunque los botones debería tener layout por defecto. El caso es que nos dimos cuenta que el botón era enorme, así que le asignamos una clase y en la hoja de estilos asignamos: {line-height: 1;} Y resuelto. Todo perfecto en todos los navegadores. Ya podía tener IE9 esto por defecto 🙁  Por si a alguien le viene bien aquí tenéis una lista de compatibilidades de los IE con algunas expresiones html.

Gráficos y Fotografía, Información Tecnica, Webs

Obtener el código de color hexadecimal de una imagen

Cuando manejas webs o programas de diseño, muchas veces necesitas saber exactamente el código de color usado en una imagen o logo.  Por ejemplo aunque parezca mentira, nosotros tenemos varios clientes que nos piden mantener una imagen corporativa en sus servicios web, sin darnos los códigos de colores que usan. Aquí os dejamos varias maneras de hacerlo. –Photoshop: Usando este famoso programa es muy sencillo obtener el código. Abrimos la imagen (si es una web hacemos un pantallazo), elegimos la herramienta cuentagotas y pinchamos en el color deseado. Si lo habéis hecho correctamente, en la parte inferior de la barra de herramientas, donde los dos cuadros de color, aparecerá el color elegido. Si pinchamos sobre el obtendremos otra pantalla con el código en la parte inferior. –Con GIMP:  Usando este sustituto gratuito de Photoshop, el proceso es muy parecido. Aquí la herramienta se llama Recoge-color . También debemos pinchar en el color deseado, y después en el recuadro superior de color de la barra de herramientas para obtener el código. –Color Pic: Es un programa gratuito que abrirá una aplicación. Puedes mover el mouse por toda la pantalla y, al pulsar Ctrl+G guarda el código de color sobre el que estés. Muy manejable y puedes guardar muchos códigos seguidos con pocos pasos. –Colorzilla:  una extensión para Firefox para hacer esto mismo. –Eyedropper: una extensión para Chrome. ¿Quieres conocer más sobre códigos hexadecimales o encontrar uno buscando por color? Esta página te puede servir de ayuda. Pincha en el color o encuéntralo en el cuadro.

Gestores de contenidos, Webs

Crear y exportar listas de usuarios en WordPress-Plugin amr users

Muchas de las páginas creadas con WordPress requieren que añadamos campos extra en los registros de usuarios. Incluso sin estos (pero más aún en esos casos) muchas veces queremos obtener una lista de los usuarios registrados en la página y puede que exportarlos para su posterior uso (en listas de correo, análisis de datos etc). Una de las mejores opciones que hemos encontrado para esto es el plugin amr users. Se pueden crear muchas listas, totalmente configurables por el usuarios, elegir los campos a producir, en qué orden y demás) y además podemos exportarlo con un simple click a csv (Excel o programas de importación). Es un poco difícil coger el truco de cómo usarlo, ya que hay que crear las listas, llenarlas y luego verlas. Pero una vez que aprendemos a usarlos da mucha potencia a esta opción que wordpress no proporciona.

Información Tecnica, Trucos, Webs

Prestashop: Activar el reporte de errores (error reporting)

Prestashop es una magnífica solución para crear tu tienda online. Dispone de muchas ayudas y recursos gratis y es muy sencillo de configurar y potente. Sin embargo, a veces, tenemos errores (como páginas en blanco) que pueden deberse a problemas de permisos en el servidor o a módulos instalados pero que, a priori, no tenemos manera de resolver. Y digo a priori porque los desarrolladores de Prestashop nos permiten usar una opción muy útil durante la instalación y configuración inicial de la tienda que muestra los errores en pantalla. Esta es la manera: En tu servidor abre el fichero <storeroot>/config/config.inc.php Encuentra la línea que dice @ini_set(‘display_errors’, ‘off’); Cambia el último parámetro para dejarlo en @ini_set(‘display_errors’, ‘on‘); Guarda el fichero y prueba la tienda. Corrige los errores y luego vuelve a dejar el parámetro como estaba. Una muestra que una herramienta es buena es cuando permite opciones como esta.

Internet, Webs

Pingdom: descubre qué hace que tu página tarde en cargar

Si tienes o mantienes páginas web, una de las cosas que más te interesarán será la velocidad de carga de las mismas. Pero si las webs son algo complicadas, es difícil saber que es lo que hace que tarden en cargar. Si usamos Google Page speed, y esta herramienta de Pingdom, podremos tener datos exactos de los tiempos de carga y qué es lo que hace que tarde en cargar. No sólo del índice pero de cualquier página en concreto que queramos. En una línea de tiempo muestra cada cosa que va cargando, lo que tarda y en el orden que lo hace. Además da advertencias (en rojo). Al final, muestra unas estadísticas de  tiempo de carga, tamaño de imágenes etc. Muy útil.

Diversión, Juegos, Navegadores

Juegos- Más angry Birds en el Chrome Store

Hace algún tiempo muchos nos volvimos adictos al juego Angry Birds en el Chrome Store. Después, han salido varios otras variantes de este juego: Angry Birds Rio        Angry Birds Cool West Angry Animals y muchos otros. Ahora podemos tener todos en nuestro navegador Chrome desde una sola instalación con este enlace: Con All Angry Games tenemos horas y horas de diversión destrozando paredes y bloques ya que contiene todos los juegos de la saga angry en uno. Espero que paséis un adictivo fin de semana 😀 Gratis y multi-plataforma porque es para Chrome.

Sistemas, Transferir Ficheros, Trucos

Windows Easy Transfer: transfiere tu configuración de un PC a otro

Hace unos días escribimos sobre una opción de Forensit que realizaba esta misma tarea. Hoy os hablamos de un programa que viene con Windows 7 pero también se puede descargar para XP y Vista (32 y 64 bits). Windows Easy Transfer se puede ejecutar fácilmente desde la opción de búsqueda, y permite mover ficheros y configuración fácilmente de un ordenador a otro. El programa nos deja 3 alternativas, usando un cable especial, por la red o con un disco externo. Es realmente sencillo y no necesita requerimientos técnicos, así que si estás cambiando de ordenador, es una magnífica opción para ahorrarte trabajo. No transfiere programas.

Internet, Mac, Móviles, Smartphones, Webs

Reparación de iPhones e iPads

Ante todo dejar claro que no tenemos nada que ver con esta página (ni con la mayoría de las que recomendamos). Pero unos clientes han probado sus servicios y han quedado muy satisfechos tanto por la rapidez como por la comodidad y el coste. Nosotros no usamos productos de Apple pero la verdad es que los precios son muy asequibles. iPhone hospital es una empresa que se dedica a la reparación de iPads e iPhones. Ponemos esta página en el blog porque es una pregunta que muchos usuarios nos hacen, y es que, evidentemente, si te has gastado lo que cuesta un iPhone….no te hace gracia que te estropee. La página es muy explicativa, veréis los precios de las reparaciones por modelos. Parece ser que te recogen el dispositivo, lo reparan y te lo devuelven en tu domicilio. Un enlace a tener muy en cuenta para fans de la manzana. Y nos alegra que salgan empresas como esta que suplen una necesidad y además dan buen servicio.

Correo, Ofimatica, Trucos

Como reenviar los correos de una cuenta de gmail/apps a varios destinatarios

Gmail (y las cuentas de Google Apps que ahora vienen a ser lo mismo) sólo permite el reenvío de los e-mails a una única cuenta de correo. ¿Cómo podemos evitarlo? Muy fácilmente, primero debemos irnos a opciones (rueda dentada), configuración de correo, y seleccionar la opción Reenvío y correo Pop/IMAP.  Ahí debemos añadir direcciones de reenvío (tantas como queramos) en (sorpresa) Añadir una dirección de reenvío. Esto nos enviará un código a esas direcciones de e-mail que debemos introducir aquí para confirmar el reenvío. Lo extraño es que ahora no debemos dejar estas direcciones como de reenvío. No debemos activar el reenvío aquí. Tenemos que irnos a Filtros y abajo en Crear un filtro nuevo crear un filtro por cada dirección destinataria. En el filtro lo importante es que en el apartado Para: debemos poner nuestra dirección de correo original (sobre la que estamos trabajando). Esto activará el filtro para todos los correos que lleguen a esa dirección. Después pinchamos en siguiente, marcamos la casilla reenviar y elegimos una dirección de reenvío. Podemos elegir si queremos hacerlo en correos ya existentes (marcando la casilla inferior Aplicar también… o simplemente elegir crear filtro. Esto debemos hacerlo para todas las direcciones destino que queramos. ¡Y ya está! 😀

Noticias Informáticas, Redes Sociales

Timeline y los nuevos cambio de Facebook: te los explicamos

Facebook ha hecho OTRO cambio de aspecto, con muchas modificaciones que ya a gente les está resultando extrañas y, para algunos, peligrosas. Ya se ven algunas señales de alarmas del estilo “esto es horrible… pásalo”. Vamos a intentar explicarlas (por encima que el espacio es limitad) para que cada uno entienda lo que se está haciendo. En principio los está introduciendo poco a poco y el más radical será Timeline. Esto es lo que han estado modificando: Primero añadieron opciones para decidir con quien compartías cada cosa (ya existían pero más escondidos), aprobar solicitudes de etiquetado, y poder ver el perfil como te lo ven los demás. Después volvieron a cambiar cómo se mostraban las fotos (menos mal) y aumentaron su tamaño. Parece claro que copiando a Google +, han “mejorado” sus listas, que ya existían antes pero no mucha gente las usaba. Ahora las sugiere, se pueden crear y añadir fácilmente. Hay listas de amigos, por ciudad, las que tu crees… El botón suscrito a: Esto es lo que más está asustando a la gente estos días. Lo que quiere Facebook es que puedas elegir qué aparece en tu muro de cada persona.A lo mejor no es la mejor solución (o sí) pero ahora podemos decidir si quiero ver (o no) los juegos de un amigo, sus comentarios, etc (cosas que ya veía antes, no os alarméis). Ya no tengo que quitar a un amigo de mi muro para dejar de ver ciertas publicaciones suyas.  Esto es importante. El único fallo que le veo es tener que hacerlo persona a persona. Supongo que pronto lo pondrán para listas. Es importante destacar que también puedes añadir (como en Twitter) a tu muro actualizaciones que comparta gente que no es tu amiga (como periodistas, famosos, científicos etc). Y tu puedes compartir tus cosas con todo el mundo, o sólo amigos (o listas). No me parece para nada un mal cambio una vez lo conoces. News Feeds: Ahora, con esta modificación, veremos las noticias más importantes y relevantes arriba cuando no nos hemos conectado en un rato. Podremos también ver lo que pasa en tiempo real a la derecha (copia de Twitter) e interaccionar con todo ello (agregar amigos, quitarlos, suscribirse a grupos y páginas con un solo click). TimeLine: El cambio más radical de todos, con TimeLine quieren que muestres tu perfil de manera cronológica desde tu nacimiento hasta ahora. Habrá cambios en la presentación, podrás buscar cosas en tu muro más fácilmente,  y el diseño será fácilmente modificable. Se va a activar gradualmente.Mirad este vídeo de presentación:

Scroll al inicio