Esta página de GitHub enumera alternativas que no son JS para características comunes de UI
Cuantas veces has querido crear una rápida presentación de diapositivas solo para CSS o una ventana modal? Estos son algunos de los elementos más comunes de la interfaz de usuario En la web y hoy en día puedes construirlos sin ningún JavaScript..
Claro, es posible golpear a Google en busca de soluciones. Pero por qué no elegir de una lista curada de recursos impresionantes?
Ahí es donde esta página de GitHub entra en juego. Se titula "No necesitas JavaScript", y ofrece una gran lista de soluciones viables para elementos de interfaz comunes.
Una cosa a tener en cuenta es que estos códigos son No todas las soluciones son todo..
No todo en la lista es compatible con todos los navegadores, y muchas de estas soluciones no son totalmente capaces de manejar una degradación elegante o problemas con los navegadores móviles. Así que necesitarás vetar cada uno individualmente sobre una base de caso por caso.
Sin embargo, si te mueres por soluciones CSS puras entonces este GitHub te tiene cubierto.
La lista de características sobre 20 elementos diferentes de la interfaz de usuario con muchas soluciones destacadas, tales como:
- Menús de hamburguesas
- Información sobre herramientas
- Pestañas
- Galerias de imagenes
- Menús desplegables
- Y mucho más.
Cada proyecto enlaces a una demo de CodePen Donde puedes velo en vivo junto con código fuente de muestra.
Tenga en cuenta este repositorio específico de GitHub no tiene ningún código real en eso. Más bien es solo una lista de demostraciones de CodePen presentando Soluciones ajenas a JS para problemas de interfaz comunes..
Este es el recurso perfecto para marcar para futuras referencias y mantenerse cerca si es necesario.
Usted es libre de contribuir contactando a cualquier persona del página principal de GitHub Si tienes ideas o sugerencias para nuevos recursos..
Eres libre de copiar cualquier código fuente de cualquiera de estas demostraciones y usalos de nuevo en tus proyectos.
Sólo asegúrate de que compruebas la pestaña de propiedades CSS antes de copiar nada porque algunos contienen bibliotecas extra.
En general, este es un fantástico repositorio de GitHub y es mucho más fácil de usar que buscar en Google la solución perfecta..
Comprobar el página completa de GitHub aquí, y si quieres ver todos los cambios potenciales puedes verlos en el tirar de la pestaña de solicitudes.
