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


Crear divertidos botones de radio animados con Radiobox.css

Los botones de radio HTML5 predeterminados son bastante aburridos. Hay formas de personalizarlos con CSS3, pero la mayoría de las técnicas se centran solo en el aspecto .

Radiobox.css se enfoca en apariencia y estilo agregando animaciones CSS3 personalizadas a las entradas de radio.

Esta biblioteca es totalmente gratuita y de código abierto, disponible en GitHub para descargar. Con esta biblioteca de CSS, puede elegir entre más de 12 animaciones diferentes que se aplican a los botones de opción.

Sin estilos CSS personalizados, todavía se verán como entradas de radio normales . Pero cuando el usuario hace clic para seleccionar un botón obtendrá un efecto de animación loco . Puede ver ejemplos en vivo en la página principal de Radiobox que muestra cada estilo al lado de su nombre.

Puede instalar Radiobox directamente desde npm o bower, o incluso descargar los archivos localmente en su máquina. GitHub aloja todos sus archivos en un CDN si quieres jugar sin descargar nada.

El único archivo que necesita es radiobox.min.css que debe ir directamente a su encabezado de documento . A partir de ahí, solo agrega una clase simple a cada botón de opción, según la animación que desee.

Aquí hay un fragmento de código para el efecto "boing":

Tenga en cuenta que la animación "boing" tiene su propio archivo CSS llamado boing.min.css . Esto debe incluirse si planea usar ese efecto en la página.

Cuando descargue Radiobox, debe obtener un directorio de demostración con demostraciones en vivo para todos estos efectos . Simplemente puede copiar / pegar el código directamente en su página para que funcione sin problemas.

Para obtener la documentación completa, consulte el repositorio principal junto con el sitio de demostración en vivo . Si desea ponerse en contacto con los creadores, puede enviar un correo electrónico desde el sitio web de 720kb o mediante un mensaje a través de Twitter @ 720kb_ .

Cómo des-Tech Your Family For The Holidays

Cómo des-Tech Your Family For The Holidays

Es esa época del año en que la familia se reúne alrededor de la mesa para saborear la compañía del otro y la suntuosa comida frente a ellos. Entonces ... aparece un sonido de notificación: alguien revisa nuevamente Facebook o una aplicación de mensajería. Suspiro, tanto por un tiempo familiar de calidad.Si esto

(Consejos de tecnología y diseño)

Perfil gratuito PSI de GUI para sitios de redes sociales

Perfil gratuito PSI de GUI para sitios de redes sociales

Freebie PSDs son la norma entre los diseñadores web. Nos encanta compartir y la comunidad se basa en ayudar a los diseñadores a mejorar su flujo de trabajo con gráficos prefabricados.No es necesario reinventar la rueda en el diseño, por lo que tiene sentido utilizar kits gratuitos para grandes proyectos, como las GUI de la aplicación iOS.Pero

(Consejos de tecnología y diseño)