172 lecturas 0 comentarios Te interesará #Código: Php, Sql, Css...

Think with Google

¿Sabías que mejorar la carga de tu web en 0.1 segundos puede resultar en un incremento de la tasa de conversión del 0.8%?, ¿o que las páginas que tardan más de 3 segundos en cargar tienen una tasa de rebote 4 veces mayor?, ¿o que un retardo de un segundo en los tiempos de carga puede reducir las tasas de conversión un 20%?

La velocidad de carga de tu sitio es un factor importantísimo, tanto para el posicionamiento como para la experiencia de usuario. Si quieres empezar a optimizarla, pásate por la herramienta de Google «Think With Google» y consigue un análisis pormenorizado de aquellos parámetros que puedes mejorar, así como el tiempo y la valoración del tiempo de carga de tu web.

Código optimizado de búsqueda para WordPress

Si usas Post personalizados (custom type post o CTP), en WordPress, te habrás dado cuenta de que los buscadores (tanto el de administración como el de usuarios) no entran en los campos ni en los Post que hayas creado. Para solucionarlo, os traigo un código que buscará en todos ellos. Añade el siguiente código al archivo functions.php de vuestro tema:

(más…)
323 lecturas 0 comentarios #Código: Php, Sql, Css...

Vista previa de tus archivos en Windows 10 al estilo OSX

Si hay algo que me encanta de OSX (Mac) es lo fácil que resulta abrir una vista previa de cualquier archivo: PDF, Photoshop PSD, Illustrator AI, Office, etc. Con solo pulsar la barra espaciadora, puedo echar un vistazo rápido y ahorrarme el tiempo de abrir el archivo en su aplicación nativa. Para aquellos usuarios que utilicéis Windows, QuickLook es la mejor alternativa para imitar esta funcionalidad tan interesante y productiva.

633 lecturas 0 comentarios #Recursos
KaosConcept KaosConcept

Gráficas en CSS puro

Si queréis mostrar gráficas en vuestra web, sin usar Javascript (JS) ni recargar el sitio con más código del necesario, Chart CSS es vuestra solución. Un montón de estilos, para todas las variantes (barras, columnas, líneas, pastel, etc.), personalizables, responsive y en solo 6KB de CSS.

541 lecturas 0 comentarios #Código: Php, Sql, Css...

Máscaras por CSS

Gracias a esta herramienta podremos enmascarar imágenes en formas geométricas de todo tipo o -incluso- hacerlas personalizadas nosotros mismos. ¡Y todo con CSS (clip-path)!

891 lecturas 0 comentarios #Recursos

Generador de sombras CSS

En diseño web, lo importante se encuentra en los detalles. Los elementos con sombras en las interfaces web son una constante y es por eso que os traigo un generador muy especial: https://brumm.af/shadows

Permite generar varias capas de sombras, añadir transparencias por rango, difuminado, etc. bastantes opciones para crear una sombra única y diferente a todo lo que puedas encontrar por Internet.

1.168 lecturas 0 comentarios #Recursos

Suscríbete

¡Solo lo mejor en tu correo!

1.596 lecturas 2 comentarios Te interesará #Artículos

Diferencias entre OTF y TTF

A la hora de descargar una fuente, os habréis dado cuenta de que -en ocasiones- el formato es OTF, otras TTF. ¿Cuál es la diferencia entre ellas?

  • OTF: formato más moderno (año 1990). Basada en el estándar TrueType. Creadas con curvas Bézier cúbicas optimizadas para modificarlas en programas de diseño vectorial como Illutrator. Pueden almacenar hasta 65.000 caracteres, lo que las convierte en la alternativa perfecta para fuentes que son compatibles con muchos idiomas.
  • TTF: formato más antiguo (año 1980). Es el formato más famoso y utilizado. Incluye toda la información necesaria para ser leída en pantalla (o impresa).

¿Cuál usar? En resumen: OTF si eres diseñador y vas a manipular la fuente con un programa vectorial o tienes pensado imprimir el diseño. TTF solo necesitas mostrar texto en pantalla o para diseño web.