es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Live Test Fonts en el navegador fácilmente con Font Dragr

La tipografía contribuye a la experiencia de lectura de un sitio, por lo que los diseñadores web pasan mucho tiempo buscando fuentes geniales que se adapten al diseño de su sitio web.

Aplicar una fuente personalizada en su página web requiere varios pasos. Seleccionamos una fuente, luego la convertimos a un formato compatible con Web y luego la agregamos a las reglas de estilo. Está lejos de ser efectivo, especialmente cuando tiene que repetir el proceso varias veces, con varias fuentes. Aquí hay una alternativa: Font Dragr.

Font Dragr ofrece una nueva forma revolucionaria de probar fuentes en navegadores. Simplemente arrastre la fuente desde su colección de fuentes a la página, y la fuente en esa página cambiará automáticamente a la fuente elegida. Vamos a ver.

Font Dragr es desarrollado por Ryan Seddon utilizando la regla @font-face, HTML5 Drag-n-Drop API, y también acceso fuera de línea applicationCache, que nos permite usarlo sin conexión a Internet después de una visita inicial.

Admite varios tipos de archivos de fuentes, incluidos TrueType (TTF), OpenType (OTF), Scalable Vector Graphics (SVG) y Web Open Font Format (WOFF). Usando Font Dragr, puedes probar las fuentes de dos maneras:

1. El método predeterminado

Visite FontDragr, luego arrastre y suelte su fuente en cualquier lugar de la página. Encontrarás dos pestañas: pestaña Editor y Galería .

La pestaña Editor te ayudará a probar tus fuentes en términos de:

  • Comparación del tamaño del cuerpo
  • Escala de grises
  • Tamaño de fuente
  • Muestra de texto
  • Caracteres

El texto en la página es totalmente editable para que pueda probar cualquier texto que desee.

Si necesita algunas fuentes para experimentar, puede tomar cualquiera de las 9 enumeradas en la página de la Galería para experimentar.

2. Usando el Bookmarklet

Alternativamente, existe el bookmarklet para usar. Simplemente arrastre el marcador a la barra de marcadores, luego haga clic en él mientras está en una página web que desea probar. Vamos a demo esto con hongkiat.com. La siguiente captura de pantalla es el sitio antes de tomar medidas.

Después de hacer clic en el marcador, aparecerá un encabezado (ver a continuación). En el cuadro de texto Selector, puede especificar los elementos HTML sobre los que desea probar su fuente. El selector predeterminado es la etiqueta p, pero puede probar body, h1, h2, etc.

Luego, arrastre y suelte su fuente en el encabezado FontDragr.

El texto que se ve afectado cambiará automáticamente para reflejar la fuente que eligió probar. En este plano a continuación, la fuente que ha cambiado está marcada con el cuadro rojo.

El bookmarklet, lamentablemente, no funciona en Facebook ni en todos los sitios con protocolo HTTPS . Además, el encabezado que aparece solo se puede ocultar o eliminar si recarga la página web.

Además, la función de arrastrar y soltar parece funcionar solo en Firefox 3.6+ y Chrome.

Envolver

Si alguna vez usó otros servicios similares de fuentes web como FontFonter, FontFriend, Web Fonts Preview o FontPrep (solo para Mac), probablemente encontrará que Font Dragr es el más completo y fácil de usar. Pero no confíe en nuestras palabras, pruébelo y déjenos un comentario sobre cómo la aplicación funcionó (o no) para usted.

Explore proyectos de Laravel de código abierto con Laravel abierto

Explore proyectos de Laravel de código abierto con Laravel abierto

Los desarrolladores web adoran los marcos porque ahorran tiempo y mejoran la calidad del código. Hay muchos frameworks PHP por ahí, pero Laravel es de lejos el mejor.Si acaba de ingresar a Laravel, puede aprender mucho estudiando el código de otras personas . Ahí es donde Open Laravel es útil.El sitio funciona como un repositorio descentralizado que comanda los mejores proyectos de Laravel de código abierto de todo el mundo. Todo

(Consejos de tecnología y diseño)

Ideas de regalos: 15 increíbles artilugios de bolsillo

Ideas de regalos: 15 increíbles artilugios de bolsillo

Base para altavoz portátil con bloque de construcción IPod Este atractivo altavoz retro dock parece una pieza de Lego cuando, de hecho, es un mini altavoz que puede enchufar a su iPod. Está disponible en varios colores: blanco, negro, azul, rojo, verde, naranja, rosa y morado. [Precio - $ 19.90] Chobi Cam Cheese Mini cámara de juguete digital Fácilmente una de las cámaras más pequeñas del mundo, con un peso de 16 g, y no más grande que su palma, este "pedazo de queso" puede tomar fotos fijas, capturar video y grabar voz. Puede c

(Consejos de tecnología y diseño)