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

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…)

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.

466 lecturas 0 comentarios #Recursos

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.

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

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)!

719 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.

972 lecturas 0 comentarios #Recursos

Suscríbete

¡Solo lo mejor en tu correo!

1.479 lecturas 1 comentario 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.