Artículos de diseño, desarrollo web, marketing digital y SEO
CSS Display table: maquetación como tablas y solución para IE7
Una de las cosas que todos hemos hecho cuando empezábamos a curiosear con la maquetación web es usar tablas por todos lados, algo desaconsejado. Pero naturalmente es tan cómodo: Quiero algo a dos columnas, pues dos celdas; tengo alineación vertical
URLs amigables: evitar bromas con los slugs
En el mundo del SEO una de las normas de optimización de webs es poner palabras clave en las URL dinámicas, como añadido, o a ser posible con re-escritura. Es decir si tenemos un producto en la URL: tienda.es?producto=141 Se puede añadir
Open Journal Systems (OJS): Publicación de revistas digitales en internet.
Open Journal Systems (OJS) es un software de código abierto para la administración de revistas creado por el Public Knowledge Project. Esta herramienta ha sido traducida a varios idiomas entre los cuales se cuentan inglés, francés, Aleman, Italiano, Portugues, Ruso y Español. Así,
Twitter cards: metadatos para twitter
En el blog ya hemos hablado de open graph y su uso para facebook. Twitter tiene algo parecido, que son las Twitter cards. En los últimos meses Twitter ha añadido una opción por la que si un tweet lleva enlazada una imagen o
Botones para compartir en Facebook y Twitter
Hay muchas herramientas que nos dejan incrustar en nuestra página botones de compartir para decenas de páginas. Pero si queremos hacer unos botones personalizados, vamos a mostrar una forma sencilla de hacerlo para facebook y twitter.Ejemplo sencillo: <a style="color: #e3778f;" href="http://www.facebook.com/sharer.php?u=https://www.tictacsoluciones.com&t=Blog%20de%20Tictac" target="_blank" rel="noopener">Compartir este blog
Canvas HTML5: texto con fillText y strokeText
Volvemos a hablar del elemento canvas de HTML5, al que ya hemos dedicado varias entradas. Ya hemos visto como dibujar figuras sencillas, hacer animaciones y transformaciones a estas figuras y cómo decidir la forma en que se calculan los espacios donde se
Atributo HTML5 download.
Algo que pasa frecuentemente en Internet es que tengamos un enlace a un fichero que debería descargarse, y el navegador nos lo abra. Ocurre mucho al intentar descargar una librería javascript o al intentar descargar un pdf. El usuario puede elegir este
¿Cuánto se ahorra desenchufando los aparatos por las noches y vacaciones?
En cualquier hogar u oficina se tienen enchufados decenas de aparatos electrónicos. Algunos tienen un uso continuo (frigorífico), pero otros pasan la mayoría de tiempo esperando a que los queramos usar, lo que llamamos modo “stand by”. Hay gente que desenchufa todo por
Delicious: ¿Qué ventajas ofrece? ¿Cómo usarlo?
Delicious es un servicio de gestión de marcadores sociales en web. Permite agregar los marcadores que clásicamente se guardaban en los navegadores y categorizarlos con un sistema de etiquetado (tags). ¿Qué ventajas ofrece delicious? ¿Qué lo diferencia de “mis favoritos”? 1. Posibilidad
Hacer un pie fijo en la parte inferior de la pantalla
Un caso bastante habitual es que queramos que el pie de página quede fijo en la parte de abajo de la pantalla, como una barra de estado, independientemente del scroll y contenido de la misma. Esto no es muy difícil de conseguir
Canvas HTML5: Intersecciones (globalCompositeOperation)
Una vez que hemos visto como hacer animaciones sencillas con el elemento canvas, vamos a volver a las propiedades de dibujo que nos ofrece. En esta entrada vamos a ver cómo podemos elegir la operación de intersección entre objetos. Es un valor
Canvas HTML5: animaciones II: setAnimationRequest
En la última entrada sobre animación en el canvas veíamos cómo hacer una animación usando setTimeout. Es un método poco eficiente, y en el que tenemos que elegir a priori el espaciado entre cada paso de la animación. Se ha añadido en