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.

Formatear campos de entrada automáticamente con Cleave.js

Formatear campos de entrada automáticamente con Cleave.js

Piensa en todos los diferentes campos de entrada que requieren una estructura formateada . Los números de teléfono, las tarjetas de crédito, las fechas de nacimiento, las direcciones de las calles ... todos tienen sus propios patrones únicos .Es bastante fácil dejar estos campos solos y confiar en el usuario. Per

(Consejos de tecnología y diseño)

NameCheckr le permite verificar fácilmente la disponibilidad del nombre de usuario a través de Internet

NameCheckr le permite verificar fácilmente la disponibilidad del nombre de usuario a través de Internet

Es bastante molesto descubrir que su nombre de usuario preferido se ha tomado al completar un formulario de registro / inicio de sesión para una cuenta en un sitio web. Afortunadamente, un sitio web llamado NameCheckr puede ayudar a facilitar el proceso de registro al permitirle verificar la disponibilidad de los nombres en una amplia gama de sitios web y dominios en Internet.

(Consejos de tecnología y diseño)