Webs

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.

Noticias Informáticas, Webs

DealExtreme: Almacén en Londres

Las tiendas de accesorios informáticos online están pegando fuerte. Si hace unos días Amazon abrió tienda en España con costes muy baratos y tiempos de envío muy aceptables (comprobado), ahora tenemos una noticia de uno de los proveedores chinos más usados. DealExtreme anuncia estos días la apertura de un almacén en Londres, permitiendo reducir sus tiempo de envío a Europa. Por lo que parece están intentado recudir sus tiempo de envío a 1-3 días. Impresionante y muy buenas noticias, ya que este era precisamente su mayor defecto. También parece que han abierto almacén en US. Los empresarios chinos no se duermen y contraatacan fuerte. Actualización: Esta es la dirección para los pedidos desde el almacén de UK. (gracias Iñaki Martín).

Información Tecnica, Internet, Ofimatica, Sistemas, Trucos, Webs

Usa varias cuentas de Google y Google Apps en el mismo navegador

Esta funcionalidad ya existía para cuentas de Google normales. Sin embargo, hace poco el modo de acceder a las de Google Apps cambió. Antes tenían una cookie aparte, ahora comparten la de Google, haciendo imposible usar varias cuentas en el mismo navegador. Ahora hemos probado que ya se puede con las cuentas de Google Apps. El “truco consiste en usar la opción de Multiple Sessions de Google:  Para ello hay que darse de alta en la página anterior (pincha en la imagen o en Multiple Sessions), seguramente con todas las cuentas que queramos usar. Después, desde cualquier servicio de Google, accediendo desde una cuenta, vamos a la esquina superior derecha (donde la dirección de e-mail) y pinchamos en Cambiar cuenta> Acceder a una nueva cuenta. Tenemso que hacerlo con todas. A partir de entonces, las tendremos pinchando en el e-mail y cambiar cuenta, tenemos acceso a todas. Este truco es muy útil para poder ver cambiar rápidamente de una bandeja de entrada de e-mail a otra (trabajo y personal por ejemplo) o para acceder a un google Docs o calendario de otra cuenta desde el navegador. Llevábamos tiempo detrás de esto y probándolo, y nos alegra que ya esté activo.  

Buscadores, Programas, Webs

Sourceforge: Muy buen sitio para conseguir software

Si buscas soluciones de software Open Source (código abierto) sin saber exactamente qué programas necesitas, SourceForge es un buen sitio para comenzar. SourceForge es un repositorio de programas de código abierto donde los programadores pueden presentar sus proyectos e incluso recibir ayuda. Para nosotros ha sido un sitio perfecto para encontrar soluciones para clientes o para problemas específicos que teníamos y que necesitaban un tipo de software. Si alguien lo ha hecho, seguramente estará aquí. Un gran sitio para buscar aleatoriamente, por secciones o por búsquedas concretas. Además permite filtrar por última modificación (para ver si se ha renovado el proyecto), por votos, por tipo…muy completo. Era un crimen no haberlos mencionado hasta ahora con todo lo que hemos descargado de ahí 😀

Buscadores, Compartir, Webs

No lo tiro, te lo regalo (sin condiciones)

Este es el lema de esta página web que nos ha sorprendido. En un mundo donde todo el mundo tiene cosas que le sobran, y acabamos tirando más de lo que deberíamos, esta página puede ayudarnos a ser un poco más solidarios. Y es que a veces la mejor caridad no es con los niños de África, sino con los vecinos de tu comunidad. No lo tiro es una página donde puedes: Ver los objetos que otra gente regala por si te interesa alguno. Pedir algún objeto por si suena la flauta y alguien lo tiene y quiere regalarlo. Todo esto lo podemos filtrar por usuarios o por localidad y realizar búsquedas como otras webs de este tipo. Y todo se regala sin compromiso. Podéis encontrar de todo, desde zapatos, bombillas, ordenadores, pantallas cuadros… Una buena opción para estos tiempos de crisis y para ayudarnos unos a otros.  

Información Tecnica, Trucos, Webs

Proteger una aplicación web con contraseñas en una base de datos: Usar las de CMS como Drupal

Continuamos el artículo de proteger una aplicación o directorio web con contraseña. Hoy mostraremos un método más seguro. En este caso no sólo es útil para proteger un directorio o fichero, sino que también lo hemos usado cuando tenemos una aplicación nuestra o externa del tipo Php que queremos proteger con contraseña. Lo bueno de este método es que podemos usar tanto una base de datos nuestra, como una de un sistema más robusto como es un CMS (ejemplo con Drupal). El modo básico de lo que tenemos que poner en el .htaccess es: AuthType Basic AuthName “Lo que queramos de título” Auth_MYSQLhost urldelabasededatos Auth_MYSQLusername user Auth_MYSQLpassword contraseña Auth_MYSQLdatabase members Auth_MYSQLpwd_table lo que sea Auth_MYSQLuid_field username Auth_MYSQLpwd_field password Auth_MYSQL_EncryptedPasswords off require valid-user Los campos son muy sencillos, tenemos que poner la url,usuario,contraseña, tabla y campos de la base de datos de la que obtener los datos, así como si están encriptados o no. Aquí os ponemos un ejemplo de una aplicación (datos cambiados) que tenemos cogiendo los datos de la tabla de usuarios de Drupal. De esta manera es más fácil gestionar los usuario y podemos usarlos para otra cosa (intrenet, blog etc). AuthName “Use su contraseña” AuthType Basic AuthMySQLEnable On AuthMySQLHost direccionficticia.net AuthMySQLDB basededatos AuthMySQLUser usuariobase AuthMySQLPassword contraseñabase AuthMySQLUserTable users AuthMySQLNameField name AuthMySQLPasswordField pass AuthMySQLPwEncryption md5 require valid-user Podemos incluso añadir condiciones por ejemplo Auth_MySQL_Password_Clause ” AND status=1″ Más información aquí. Esto es fácilmente exportable a usar una tabla de Joomla, WordPress o incluso una nuestra. Una manera sencilla y eficiente de proteger contenido web.

Scroll al inicio