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


Overhang.js: un complemento de jQuery para los mensajes de notificación desplegable

¿Qué tan molestos son los cuadros de alerta JS predeterminados ? Se sienten como una reliquia de una era primitiva pasada de desarrollo web.

Hoy en día, podemos hacer mensajes de notificación discretos que comparten la misma información pero que no interrumpen la experiencia del usuario . Y eso es exactamente lo que puedes hacer con overhang.js .

Este complemento jQuery gratuito puede agregar barras de notificación personalizadas que se despliegan desde la parte superior de la pantalla. Se colocan a través de CSS y se animan con JavaScript, por lo que pueden desplegarse desde un punto fijo en la parte superior independientemente de la longitud de la página .

Puede crear mensajes que se cierren automáticamente después de un tiempo determinado u otros que requieran la intervención del usuario .

Los mensajes pueden transmitir el éxito, error, error o notificaciones simples con información sobre el usuario o la página. Los mensajes también pueden tener sus propios botones de sí / no para hacer preguntas a los usuarios, como una alerta de aviso de JavaScript.

Incluso hay una opción para crear solicitudes que se despliegan con un campo de entrada . Esto sería perfecto para un formulario de suscripción por correo electrónico.

Overhang.js admite todos los principales navegadores compatibles con jQuery y también está potenciado por jQuery UI para las características animadas.

Junto con las bibliotecas jQuery y jQuery UI, también deberá incluir un archivo CSS personalizado con el complemento. Siempre puede combinar esto con la hoja de estilo de su sitio web para reducir las solicitudes HTTP.

Cada llamada realizada al método overhang() puede tomar cualquier cantidad de parámetros . Estas se llaman "opciones" y le dan control total sobre cada casilla de notificación.

Puede cambiar la velocidad, duración, suavizado y tamaño / color de la imagen de la animación, junto con otras características de diseño.

Aquí hay un fragmento de muestra que demuestra cómo crear un cuadro de confirmación :

 // Algún sobresaliente de confirmación $ ("cuerpo"). ({Tipo: "confirmar", síMensaje: "Sí, por favor!", NoMensaje: "No, gracias".}); 

Puedes ver que esto es bastante simple y no requiere mucho código jQuery .

Para descargar una copia del complemento, puede visitar el repositorio en GitHub, donde también puede navegar directamente por los archivos de origen. O bien, si desea ver más ejemplos en vivo diríjase al sitio web Overhang.js.

Cómo obtener gadgets de escritorio de Windows 7 en Windows 8.1

Cómo obtener gadgets de escritorio de Windows 7 en Windows 8.1

Con Windows 8.1, los usuarios de Windows no solo obtuvieron un nuevo diseño de IU plana sino que también perdieron los gadgets de escritorio que tenían en Windows 7. Los gadgets de escritorio son esas aplicaciones prácticas como reloj, calendario, conversor de unidades, medidor de batería, aplicación meteorológica, titulares de noticias y Más. Si te

(Consejos de tecnología y diseño)

4 maneras de crear impresionantes acordeones CSS-Only

4 maneras de crear impresionantes acordeones CSS-Only

Los acordeones de contenido crean un patrón de diseño útil. Puede usarlos para muchas cosas diferentes: para menús, listas, imágenes, extractos de artículos, fragmentos de texto e incluso videosLa mayoría de los acordeones se basan en JavaScript, principalmente en jQuery, pero dado que el uso de técnicas avanzadas de CSS3 se generalizó, también podemos encontrar buenos ejemplos que solo usan HTML y CSS, que los hacen accesibles en entornos con JavaScript deshabilitado.Crear aco

(Consejos de tecnología y diseño)