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


Diseña tus propios efectos de animación de Checkbox con Checkbox.css

En una publicación reciente, cubrí una divertida biblioteca de animación para botones de radio personalizados, con tecnología de CSS .

Esa biblioteca gratuita fue lanzada por 720kb y rápidamente vio una alternativa de seguimiento llamada Checkbox.css . Esto funciona de manera similar, excepto que restyles y anima casillas de verificación HTML .

Esta biblioteca viene como un conjunto de bibliotecas con tres propósitos distintos :

  1. Radiobox.css : animaciones de radio personalizadas
  2. Checkbox.css - animaciones de casillas de verificación personalizadas
  3. Checked.css - estilos y anima los elementos seleccionados existentes (radios y casillas de verificación)

Todos son desarrollados por el mismo equipo y funcionan de manera similar. Pero deberá incluir cada biblioteca individualmente si desea obtener los efectos completos.

Eche un vistazo a Checkbox.css GitHub para ver algunas de estas características y cómo funcionan. De manera predeterminada, dependen de las transformaciones 2D junto con las transiciones CSS, dependiendo del soporte del navegador.

Ninguna de estas bibliotecas viene con métodos de respaldo de JS, por lo que realmente solo funcionan para animaciones basadas en CSS . Pero, un vistazo rápido a la página de demostración debería hacer que te complazca agregar estas animaciones a tu página.

El proceso no podría ser más simple y requiere poco o ningún conocimiento de codificación (aunque siempre es útil tener algunos).

Una vez que la hoja de estilos CSS esté en su página, solo agregue una clase a su casilla de verificación con el formato checkbox-x donde la "x" representa la animación que desee . Por ejemplo, aquí está el código para el efecto de animación "saltar":

La mejor parte es cómo esta biblioteca puede funcionar junto con el formato de botón de radio también. Definitivamente recomendaría la biblioteca Checked.css si desea animar los elementos seleccionados existentes .

No dejes que todas estas dependencias te asusten. Prácticamente cualquier persona puede configurar la biblioteca Checkbox.css o cualquiera de las bibliotecas relacionadas, todo desde cero con una pequeña copia y pegado .

Y, si tiene preguntas o sugerencias para este paquete de bibliotecas de animación de entrada, intente enviar mensajes a los creadores a través de su sitio o en Twitter @ 720kb_.

Cree una calculadora web incrustada utilizando JSCalc

Cree una calculadora web incrustada utilizando JSCalc

Si hay algo que los desarrolladores odian es reinventar la rueda . Esta es una de las principales razones para apoyar el movimiento de código abierto y compartir sus aplicaciones web favoritas con otros desarrolladores.Recientemente me encontré con una aplicación web limpia llamada JSCalc que permite a cualquier persona crear su propio widget calculadora incrustable desde cero . S

(Consejos de tecnología y diseño)

Cómo promocionar tu canal de YouTube en Zero Budget

Cómo promocionar tu canal de YouTube en Zero Budget

Es posible que esté produciendo contenido de video increíble y ejecute un excelente canal de YouTube, pero si no va más allá para promocionarlo, obtener nuevos suscriptores se convierte en un desafío .Piense en esto como un embudo. Para convertirse en suscriptor, uno tiene que encontrar su video a través de la búsqueda de YouTube o a través de un enlace de referencia, lo mirarían y, si lo encuentran lo suficientemente interesante, se suscribirían a su canal .Sin embar

(Consejos de tecnología y diseño)