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


MediumEditor - Barra de herramientas de edición de texto en línea para la Web

Todos conocen Medium.com y su popular plataforma de blogs. Han redefinido muchas ideas en el mundo del diseño y puedes encontrar muchos tutoriales que te enseñan cómo clonar sus diseños.

Una herramienta que te puede gustar es el plugin MediumEditor basado en JavaScript puro. Le permite agregar un editor de texto en línea personalizado a cualquier página con el mismo diseño que el sitio de blog Medium. Por lo tanto, puede dejar que los lectores escriban en negrita, en cursiva, agreguen enlaces, encabezados y casi todo lo demás, con una barra de herramientas visual simple .

Tenga en cuenta que este proyecto no está afiliado a Medium de ninguna manera, por lo que no es un complemento oficial .

Fue creado por un fan del sitio y alguien que ama el estilo de diseño Medium. Puede obtener más información sobre la configuración en GitHub que almacena todo el código, totalmente gratis para su uso.

El editor funciona en todos los principales navegadores, incluida la versión actual de Microsoft Edge e IE. Incluso es compatible con versiones anteriores de Internet Explorer, que datan de IE7. ¡Loca!

La instalación es muy fácil, ya que puede extraer todos los archivos directamente a través de npm o Bower, o incluso usar un CDN gratuito en línea como JSDelivr.

Luego, vinculará los archivos CSS y JavaScript al encabezado de su sitio web. Pan comido.

A partir de ahí, llama al editor con una sola línea de código:

 var editor = new MediumEditor ('.editable'); 

Puede pasar una lista de elementos de página que solo deberían funcionar con el editor, o puede dejar que se ejecute en toda la página .

Probablemente, el uso más práctico de este complemento sea crear algún tipo de editor WYSIWYG para una aplicación web.

No maneja la transferencia de datos entre el servidor y el cliente, por lo que tendrá que crear esa lógica usted mismo. Aún así, este complemento es mucho más fácil que comenzar desde cero.

Si se desplaza hasta la parte inferior de la página de demostración de MediumEditor, encontrará una lista de extensiones que también puede probar. Estos incluyen la edición de rebajas completa, junto con botones de estilo medio y otras características de la interfaz .

Este complemento es muy recomendable para cualquier fanático de Medium que quiera replicar parte de su UX en otro proyecto.

10 formas de aumentar su confianza [infografía]

10 formas de aumentar su confianza [infografía]

¿No eres una persona segura de ti? ¿Tiene problemas para expresarse cuando está en una discusión grupal? ¿Duda de las decisiones que toma y odia hablar en público? ¿Es la "confianza" algo de lo que desearías tener más? Esta infografía puede ser de ayuda.La cuestión de la confianza es que incluso si no tienes mucho de eso, puedes construirlo y mejorarlo. Pero va a

(Consejos de tecnología y diseño)

Mejore sus Marcadores de Chrome con Dewey

Mejore sus Marcadores de Chrome con Dewey

Los navegadores de Internet han recorrido un largo camino desde los días de Netscape Navigator, pero la forma en que navegamos y administramos nuestros marcadores no ha cambiado mucho en los últimos años. No hay nada realmente malo con la vista clásica de carpetas, pero ¿qué pasaría si hubiera una forma mejor de administrar los marcadores, completa con funciones de búsqueda más inteligentes y soporte para etiquetado? Bueno,

(Consejos de tecnología y diseño)