Además de estas alternativas que ya comentamos, os pasamos el enlace directo de la página cuyo script usa series.ly para evitar el límite de megavideo. Cineraculo es fácil de usar, sólo pega en enlace de megavideo. También puedes añadirte el botón que sugieren al final de la página para hacerlo más automáticamente.
Os dejamos otro juego para el fin de semana: Monster dash es un juego de arcade al estilo antiguo, salta, corre y cárgate todo lo que encuentres. Sencillo pero muy adictivo. De lo mejor del market en cuanto a juegos.
Desde siempre la variedad de fuentes que permite html ha sido MUY básica (las fuentes están en cada ordenador y no podemos usar la que queramos porque no sabemos si ese ordenador la tiene). Y esto ceñía bastante las opciones de los diseñadores. En este artículo hablamos sobre la posibilidad de usar Google Fonts en nuestras páginas para mejorar esto. Pero no es tan fácil si usamos un content manager (CM), ya que la opción que indica google no siempre podemos usarla. Aquí os dejamos alguna pista: WordPress: Puedes añadir el código que te da Google en la página functions.php de tu tema (si no lo tiene créalo). Así: add_action(‘wp_head’, ‘load_fonts’); function load_fonts() {?> <link href=”http://fonts.googleapis.com/css?family=Oswald&v1″ rel=”stylesheet”> <link href=”http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold&v1″ rel=”stylesheet”> <?php } Entonces puedes usar las fuentes que has cargado aquí en cualquier hoja de estilos del tema. Cualquier CM: Puedes cargar directamente la hoja de estilos de Google para esta tipografía en la hoja de estilos de tu plantilla (wordpress también). Por ejemplo: @import url(“http://fonts.googleapis.com/css?family=Lobster“); Esto carga esta tipografía para poder usarla en esta hoja de estilos. Recordad que esto puede ralentizar algo la página porque tiene que ir a Google a cargar la tipografía, aunque no debería ser algo excesivo y las ventajas merecen la pena.
Hace mucho (Noviembre del 2009) os hablamos de los códigos BIDI o QR como se están llamando ahora. Estéticamente a mi me parecen feísimos e incluso algo “retro”, pero parece que se están usando mucho ahora. Os damos alguna aplicación para crear los vuestros online por si queréis ponerlo en vuestros blogs, webs, publicidad, tarjetas…Eso si cuidado porque ya empieza a aparecer el uso indebido de estos códigos, malware, troyanos y demás (ya se sabe los delincuentes son los más avispados). QRSTUFF– El generador de QRStuff permite muchísimas opciones como Paypal, youtube, social media….uno de los más completos. GOQR– Información básica pero se puede cambiar el tamaño y el fondo del QR. SPARQCode – También básico en cuanto a información pero se puede cambiar el color de fondo y la anchura y,a demás de descargarlo te da un código para incluirlo en tu página. ZXing – El más simple tanto de opciones como de uso. Para el que no quiera complicarse. También los hay en español aquí o aquí. Fuente del artículo.
Soluciones para tiendas online hay muchas: Magento, osCommerce, propietarias de pago… De todas las que hemos probado, la que más nos gusta es Prestashop. Y tan mal no debemos andar encaminados cuando hay más de 95.000 tiendas con esta aplicación y tiene varios premios entre otros el Open-Source Award 2010 ¿Por qué nos gusta Prestashop? Es gratis. Usa pocos recursos (otros son muy pesados). Es rápido y ligero. MUY fácil e intuitivo de usar. Es moderno, Es de reciente creación y por lo tanto muy orientado a las necesidades del mercado actual. Con plantillas y módulos gratuitos (y otros de pago) que luego son de muy fácil configuración con unos pocos conocimientos básicos. Una comunidad de usuarios muy activa que responde a preguntas rápidamente y actualizaciones de versiones muy frecuentes haciendo mejoras notables. Si queréis empezar con esto de las tiendas, os recomiendo esto como primer paso…y os quedaréis con el.
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.
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.
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.
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.
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.
